Move data selection to a reusable service

[MAILPOET-2553]

assets/js/src/newsletters/automatic_emails/events/event_options.tsx

@@ -57,8 +57,8 @@ export const EventOptions = ({
           (data) => ({ id: data.id, name: data.text })
         ),
         selected: () => selected,
-        getLabel: undefined,
-        getValue: undefined,
+        getLabel: _.property('name'),
+        getValue: _.property('id'),
       },
       onValueChange: handleEventOptionChange,
       item: {
@@ -67,15 +67,11 @@ export const EventOptions = ({
     };
 
     if (eventOptions.endpoint === 'product_categories') {
-      fieldProps.field.getLabel = _.property('cat_name');
       fieldProps.field.name = 'category_id';
-      fieldProps.field.getValue = _.property('term_id');
       fieldProps.item = { action: 'purchasedCategory' };
     }
 
     if (eventOptions.endpoint === 'products') {
-      fieldProps.field.getLabel = _.property('title');
-      fieldProps.field.getValue = _.property('ID');
       fieldProps.field.name = 'product_id';
       fieldProps.item = { action: 'purchasedProduct' };
     }

assets/js/src/segments/dynamic_segments_filters/woocommerce.jsx

@@ -18,8 +18,8 @@ const categoriesField = {
   resetSelect2OnUpdate: true,
   placeholder: MailPoet.I18n.t('selectWooPurchasedCategory'),
   forceSelect2: true,
-  getLabel: _.property('cat_name'),
-  getValue: _.property('term_id'),
+  getLabel: _.property('name'),
+  getValue: _.property('id'),
 };
 
 const productsField = {
@@ -29,8 +29,8 @@ const productsField = {
   resetSelect2OnUpdate: true,
   placeholder: MailPoet.I18n.t('selectWooPurchasedProduct'),
   forceSelect2: true,
-  getLabel: _.property('title'),
-  getValue: _.property('ID'),
+  getLabel: _.property('name'),
+  getValue: _.property('id'),
 };
 
 export default (formItems) => {