@commercetools-frontend-extensions/export-resources-modal 5.11.4 → 5.13.0

package/README.md

@@ -358,6 +358,8 @@ import ExportResourcesModal from '@commercetools-frontend-extensions/export-reso
 | `fieldGroups[].fields[].isExpandable` | `boolean`                                               |                                                      |   `false`| `isExpandable` property indicates if the field can be expanded/collapsed on the UI. If the `isExpandable` is passed as true, then a expand/collapse button is displayed on the UI to control |
 | `fieldGroups[].fields[].isExpanded` | `boolean`                                               |                                                      | `false`  | This property is used along with `fieldGroups[].fields[].isExpandable` to control the default state of each expandable fields in the UI. If `fieldGroups[].fields[].isExpanded` is set to `true`, then the corresponding field will be expanded when the component loads. The default value is `false` which means unless explicitly set to `true`, the field will be collapsed on initial load  |
 | `fieldOrder`                                 | `string[]`                                              |                                                      |         | The field names are sorted based on the order passed. The value `*` can be passed to denote any fields and for example fieldOrder=['*', 'custom'] will push all the fields that starts with custom to the last in the list and any other fields will be at the beginning of the list                                                                                                                                  |
+| `stores`                                     | `Array<{ key: string; name: string }>`                  |                                                      |         | When provided (and the `resourceType` defines an `exportScopeSpecificStore` message), renders an additional "Specific store" scope option with a store-selection dropdown. Selecting a store sets `where=store(key="<key>")` on the export request.                                                                                                                                                                   |
+| `selectedScopeQueryPredicateBuilder`       | `(selectedResourceIds: string[]) => string`             |                                                      |         | Overrides the `where` predicate produced for the SELECTED scope. Useful when `selectedResourceIds` reference a related resource — e.g. tailoring exports where IDs are product IDs, so the predicate must be `product(id in (...))` instead of the default `id in (...)`.                                                                                                                                             |
 
 ## Releasing
 

package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.dev.js

@@ -163,6 +163,11 @@ var messages = reactIntl.defineMessages({
     description: 'Label for the business units modal title',
     defaultMessage: 'Export business units'
   },
+  'modalTitle.product-tailoring': {
+    id: 'ExportResourcesModal.modalTitle.productTailoring',
+    description: 'Label for the product tailorings modal title',
+    defaultMessage: 'Export tailored products'
+  },
   outputFormat: {
     id: 'ExportResourcesModal.outputFormat',
     description: 'File format like (csv, xls, ...etc)',
@@ -387,6 +392,26 @@ var messages = reactIntl.defineMessages({
     description: 'Label for Export Filtered business units',
     defaultMessage: 'Export filtered: {total, plural, one {# business unit} other {# business units}}'
   },
+  exportScopeAllProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeAllProductTailorings',
+    description: 'Label for Export All product tailorings',
+    defaultMessage: 'Export tailored products for {total, plural, one {# product} other {# products}} in all stores'
+  },
+  exportScopeSelectedProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeSelectedProductTailorings',
+    description: 'Label for Export Selected product tailorings',
+    defaultMessage: 'Export tailored products for the {total, plural, one {# selected product} other {# selected products}}'
+  },
+  exportScopeFilteredProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeFilteredProductTailorings',
+    description: 'Label for Export Filtered product tailorings',
+    defaultMessage: 'Export tailored products for the {total, plural, one {# filtered product} other {# filtered products}}'
+  },
+  exportScopeSpecificStoreProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeSpecificStoreProductTailorings',
+    description: 'Label for Export For a specific store option for product tailorings',
+    defaultMessage: 'Export tailored products for a specific store'
+  },
   exportScopeAllOrders: {
     id: 'ExportResourcesModal.exportScopeAllOrders',
     description: 'Label for Export All orders',
@@ -677,6 +702,11 @@ var messages = reactIntl.defineMessages({
     description: 'Label for query predicate option',
     defaultMessage: 'Query predicate'
   },
+  selectStorePlaceholder: {
+    id: 'ExportResourcesModal.selectStorePlaceholder',
+    description: 'Placeholder for the store selection dropdown',
+    defaultMessage: 'Select store'
+  },
   invalidQueryPredicate: {
     id: 'ExportResourcesModal.invalidQueryPredicate',
     description: 'Error when query predicate field is not valid',
@@ -839,7 +869,8 @@ const EXPORT_TYPES = {
   ALL: 'all',
   FILTERED: 'filtered',
   SELECTED: 'selected',
-  QUERY_PREDICATE: 'query-predicate'
+  QUERY_PREDICATE: 'query-predicate',
+  SPECIFIC_STORE: 'specific-store'
 };
 
 const EXPORTABLE_RESOURCES = {
@@ -850,7 +881,8 @@ const EXPORTABLE_RESOURCES = {
   INVENTORY_ENTRY: 'inventory-entry',
   ORDER: 'order',
   CUSTOMER: 'customer',
-  BUSINESS_UNIT: 'business-unit'
+  BUSINESS_UNIT: 'business-unit',
+  PRODUCT_TAILORING: 'product-tailoring'
 };
 
 const OUTPUT_FORMATS = {
@@ -910,6 +942,12 @@ const resourceTypeMessages = {
     exportScopeAll: messages.exportScopeAllBusinessUnits,
     exportScopeSelected: messages.exportScopeSelectedBusinessUnits,
     exportScopeFiltered: messages.exportScopeFilteredBusinessUnits
+  },
+  [EXPORTABLE_RESOURCES.PRODUCT_TAILORING]: {
+    exportScopeAll: messages.exportScopeAllProductTailorings,
+    exportScopeSelected: messages.exportScopeSelectedProductTailorings,
+    exportScopeFiltered: messages.exportScopeFilteredProductTailorings,
+    exportScopeSpecificStore: messages.exportScopeSpecificStoreProductTailorings
   }
 };
 
@@ -1141,7 +1179,8 @@ function resourceTypeToFileName(resourceType, locale) {
     [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: 'Inventories',
     [EXPORTABLE_RESOURCES.CUSTOMER]: 'Customers',
     [EXPORTABLE_RESOURCES.ORDER]: 'Orders',
-    [EXPORTABLE_RESOURCES.BUSINESS_UNIT]: 'Business_Units'
+    [EXPORTABLE_RESOURCES.BUSINESS_UNIT]: 'Business_Units',
+    [EXPORTABLE_RESOURCES.PRODUCT_TAILORING]: 'Product_Tailorings'
   };
   const displayName = resourceTypeMap[resourceType];
   if (!displayName) {
@@ -1770,7 +1809,7 @@ const useStartExportOperation = props => {
       projectKey: applicationContext.project?.key
     })),
     projectKey = _useApplicationContex.projectKey;
-  const startExportOperation = async (values, exportType, fieldSelectionMode, localeOption, importedHeaders) => {
+  const startExportOperation = async (values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey) => {
     try {
       if (!projectKey) throw new Error('Project key is missing');
       let fields = [];
@@ -1782,7 +1821,7 @@ const useStartExportOperation = props => {
       let where = undefined;
       let filters = undefined;
       if (exportType === EXPORT_TYPES.SELECTED && props.selectedResourceIds?.length) {
-        where = buildSelectedExportFilters(props.selectedResourceIds);
+        where = props.selectedScopeQueryPredicateBuilder ? props.selectedScopeQueryPredicateBuilder(props.selectedResourceIds) : buildSelectedExportFilters(props.selectedResourceIds);
       } else if (exportType === EXPORT_TYPES.FILTERED && props.filters) {
         where = props.filters.where;
         if (isQueryFilter(props.filters.filters)) {
@@ -1793,6 +1832,8 @@ const useStartExportOperation = props => {
       } else if (exportType === EXPORT_TYPES.QUERY_PREDICATE) {
         var _context;
         where = _trimInstanceProperty__default["default"](_context = values.queryPredicate).call(_context);
+      } else if (exportType === EXPORT_TYPES.SPECIFIC_STORE) {
+        where = `store(key="${selectedStoreKey}")`;
       }
       where = mergeWhereClause(props.baseFilters?.where, where);
       let locales = undefined;
@@ -2154,6 +2195,7 @@ const ExportPreferenceSection = () => {
 function ownKeys$8(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function ExportScopeSection() {
+  const intl = reactIntl.useIntl();
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik,
     exportType = _useExportResourcesMo.exportType,
@@ -2164,9 +2206,13 @@ function ExportScopeSection() {
     setExportType = _useExportResourcesMo.setExportType,
     resourceType = _useExportResourcesMo.resourceType,
     hideExportSelectedResourcesOption = _useExportResourcesMo.hideExportSelectedResourcesOption,
-    showQueryPredicateOption = _useExportResourcesMo.showQueryPredicateOption;
+    showQueryPredicateOption = _useExportResourcesMo.showQueryPredicateOption,
+    stores = _useExportResourcesMo.stores,
+    selectedStoreKey = _useExportResourcesMo.selectedStoreKey,
+    setSelectedStoreKey = _useExportResourcesMo.setSelectedStoreKey;
   const shouldShowQueryPredicateField = exportType === EXPORT_TYPES.QUERY_PREDICATE;
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "xs",
     children: [jsxRuntime.jsxs(uiKit.RadioInput.Group, {
       value: exportType,
       onChange: e => {
@@ -2212,7 +2258,25 @@ function ExportScopeSection() {
         children: jsxRuntime.jsx(uiKit.Text.Body, {
           intlMessage: messages.queryPredicate
         })
+      }), stores && stores.length > 0 && resourceTypeMessages[resourceType].exportScopeSpecificStore && jsxRuntime.jsx(uiKit.RadioInput.Option, {
+        value: EXPORT_TYPES.SPECIFIC_STORE,
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: resourceTypeMessages[resourceType].exportScopeSpecificStore
+        })
       })]
+    }), stores && stores.length > 0 && exportType === EXPORT_TYPES.SPECIFIC_STORE && jsxRuntime.jsx(uiKit.SelectField, {
+      name: "selectedStoreKey",
+      title: "",
+      horizontalConstraint: 7,
+      value: selectedStoreKey,
+      onChange: event => setSelectedStoreKey(event.target.value),
+      options: _mapInstanceProperty__default["default"](stores).call(stores, store => ({
+        value: store.key,
+        label: store.name
+      })),
+      placeholder: intl.formatMessage(messages.selectStorePlaceholder),
+      menuPortalTarget: document.body,
+      menuPortalZIndex: Z_INDEX_DROPDOWN
     }), shouldShowQueryPredicateField && jsxRuntime.jsx(uiKit.TextField, {
       name: "queryPredicate",
       "data-testid": "query-predicate-field",
@@ -2234,7 +2298,10 @@ const ExportFileSettingsStep = () => {
     resourceType = _useExportResourcesMo.resourceType,
     setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
     setLocaleOption = _useExportResourcesMo.setLocaleOption,
-    onClose = _useExportResourcesMo.onClose;
+    onClose = _useExportResourcesMo.onClose,
+    exportType = _useExportResourcesMo.exportType,
+    selectedStoreKey = _useExportResourcesMo.selectedStoreKey;
+  const isStoreSelectionMissing = exportType === EXPORT_TYPES.SPECIFIC_STORE && !selectedStoreKey;
   const handleOutputFormatChange = event => {
     formik.handleChange(event);
     if (event.target.value === OUTPUT_FORMATS.JSON) {
@@ -2254,7 +2321,7 @@ const ExportFileSettingsStep = () => {
     })}: ${intl.formatMessage(messages.selectContentToExport)}`,
     iconLeftPrimaryButton: jsxRuntime.jsx(uiKit.AngleRightIcon, {}),
     onPrimaryButtonClick: formik.submitForm,
-    isPrimaryButtonDisabled: !formik.isValid,
+    isPrimaryButtonDisabled: !formik.isValid || isStoreSelectionMissing,
     onSecondaryButtonClick: onClose,
     onClose: onClose,
     size: 16,
@@ -3092,10 +3159,14 @@ const ExportResourcesProvider = _ref => {
     _React$useState0 = _slicedToArray(_React$useState9, 2),
     importedHeaders = _React$useState0[0],
     setImportedHeaders = _React$useState0[1];
-  const _React$useState1 = React__default["default"].useState([]),
+  const _React$useState1 = React__default["default"].useState(''),
     _React$useState10 = _slicedToArray(_React$useState1, 2),
-    validationErrors = _React$useState10[0],
-    setValidationErrors = _React$useState10[1];
+    selectedStoreKey = _React$useState10[0],
+    setSelectedStoreKey = _React$useState10[1];
+  const _React$useState11 = React__default["default"].useState([]),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    validationErrors = _React$useState12[0],
+    setValidationErrors = _React$useState12[1];
   const _useStartExportOperat = useStartExportOperation(props),
     startExportOperation = _useStartExportOperat.startExportOperation;
   const _useValidateExportOpe = useValidateExportOperation(),
@@ -3151,7 +3222,7 @@ const ExportResourcesProvider = _ref => {
           setCurrentStep(Step.ValidationErrors);
         }
       } else {
-        startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders);
+        startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey);
       }
     }
   });
@@ -3179,7 +3250,10 @@ const ExportResourcesProvider = _ref => {
       setLocaleOption,
       importedHeaders,
       setImportedHeaders,
-      validationErrors
+      validationErrors,
+      stores: props.stores,
+      selectedStoreKey,
+      setSelectedStoreKey
     },
     children: children
   });

package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.prod.js

@@ -163,6 +163,11 @@ var messages = reactIntl.defineMessages({
     description: 'Label for the business units modal title',
     defaultMessage: 'Export business units'
   },
+  'modalTitle.product-tailoring': {
+    id: 'ExportResourcesModal.modalTitle.productTailoring',
+    description: 'Label for the product tailorings modal title',
+    defaultMessage: 'Export tailored products'
+  },
   outputFormat: {
     id: 'ExportResourcesModal.outputFormat',
     description: 'File format like (csv, xls, ...etc)',
@@ -387,6 +392,26 @@ var messages = reactIntl.defineMessages({
     description: 'Label for Export Filtered business units',
     defaultMessage: 'Export filtered: {total, plural, one {# business unit} other {# business units}}'
   },
+  exportScopeAllProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeAllProductTailorings',
+    description: 'Label for Export All product tailorings',
+    defaultMessage: 'Export tailored products for {total, plural, one {# product} other {# products}} in all stores'
+  },
+  exportScopeSelectedProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeSelectedProductTailorings',
+    description: 'Label for Export Selected product tailorings',
+    defaultMessage: 'Export tailored products for the {total, plural, one {# selected product} other {# selected products}}'
+  },
+  exportScopeFilteredProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeFilteredProductTailorings',
+    description: 'Label for Export Filtered product tailorings',
+    defaultMessage: 'Export tailored products for the {total, plural, one {# filtered product} other {# filtered products}}'
+  },
+  exportScopeSpecificStoreProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeSpecificStoreProductTailorings',
+    description: 'Label for Export For a specific store option for product tailorings',
+    defaultMessage: 'Export tailored products for a specific store'
+  },
   exportScopeAllOrders: {
     id: 'ExportResourcesModal.exportScopeAllOrders',
     description: 'Label for Export All orders',
@@ -677,6 +702,11 @@ var messages = reactIntl.defineMessages({
     description: 'Label for query predicate option',
     defaultMessage: 'Query predicate'
   },
+  selectStorePlaceholder: {
+    id: 'ExportResourcesModal.selectStorePlaceholder',
+    description: 'Placeholder for the store selection dropdown',
+    defaultMessage: 'Select store'
+  },
   invalidQueryPredicate: {
     id: 'ExportResourcesModal.invalidQueryPredicate',
     description: 'Error when query predicate field is not valid',
@@ -839,7 +869,8 @@ const EXPORT_TYPES = {
   ALL: 'all',
   FILTERED: 'filtered',
   SELECTED: 'selected',
-  QUERY_PREDICATE: 'query-predicate'
+  QUERY_PREDICATE: 'query-predicate',
+  SPECIFIC_STORE: 'specific-store'
 };
 
 const EXPORTABLE_RESOURCES = {
@@ -850,7 +881,8 @@ const EXPORTABLE_RESOURCES = {
   INVENTORY_ENTRY: 'inventory-entry',
   ORDER: 'order',
   CUSTOMER: 'customer',
-  BUSINESS_UNIT: 'business-unit'
+  BUSINESS_UNIT: 'business-unit',
+  PRODUCT_TAILORING: 'product-tailoring'
 };
 
 const OUTPUT_FORMATS = {
@@ -910,6 +942,12 @@ const resourceTypeMessages = {
     exportScopeAll: messages.exportScopeAllBusinessUnits,
     exportScopeSelected: messages.exportScopeSelectedBusinessUnits,
     exportScopeFiltered: messages.exportScopeFilteredBusinessUnits
+  },
+  [EXPORTABLE_RESOURCES.PRODUCT_TAILORING]: {
+    exportScopeAll: messages.exportScopeAllProductTailorings,
+    exportScopeSelected: messages.exportScopeSelectedProductTailorings,
+    exportScopeFiltered: messages.exportScopeFilteredProductTailorings,
+    exportScopeSpecificStore: messages.exportScopeSpecificStoreProductTailorings
   }
 };
 
@@ -1141,7 +1179,8 @@ function resourceTypeToFileName(resourceType, locale) {
     [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: 'Inventories',
     [EXPORTABLE_RESOURCES.CUSTOMER]: 'Customers',
     [EXPORTABLE_RESOURCES.ORDER]: 'Orders',
-    [EXPORTABLE_RESOURCES.BUSINESS_UNIT]: 'Business_Units'
+    [EXPORTABLE_RESOURCES.BUSINESS_UNIT]: 'Business_Units',
+    [EXPORTABLE_RESOURCES.PRODUCT_TAILORING]: 'Product_Tailorings'
   };
   const displayName = resourceTypeMap[resourceType];
   if (!displayName) {
@@ -1770,7 +1809,7 @@ const useStartExportOperation = props => {
       projectKey: applicationContext.project?.key
     })),
     projectKey = _useApplicationContex.projectKey;
-  const startExportOperation = async (values, exportType, fieldSelectionMode, localeOption, importedHeaders) => {
+  const startExportOperation = async (values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey) => {
     try {
       if (!projectKey) throw new Error('Project key is missing');
       let fields = [];
@@ -1782,7 +1821,7 @@ const useStartExportOperation = props => {
       let where = undefined;
       let filters = undefined;
       if (exportType === EXPORT_TYPES.SELECTED && props.selectedResourceIds?.length) {
-        where = buildSelectedExportFilters(props.selectedResourceIds);
+        where = props.selectedScopeQueryPredicateBuilder ? props.selectedScopeQueryPredicateBuilder(props.selectedResourceIds) : buildSelectedExportFilters(props.selectedResourceIds);
       } else if (exportType === EXPORT_TYPES.FILTERED && props.filters) {
         where = props.filters.where;
         if (isQueryFilter(props.filters.filters)) {
@@ -1793,6 +1832,8 @@ const useStartExportOperation = props => {
       } else if (exportType === EXPORT_TYPES.QUERY_PREDICATE) {
         var _context;
         where = _trimInstanceProperty__default["default"](_context = values.queryPredicate).call(_context);
+      } else if (exportType === EXPORT_TYPES.SPECIFIC_STORE) {
+        where = `store(key="${selectedStoreKey}")`;
       }
       where = mergeWhereClause(props.baseFilters?.where, where);
       let locales = undefined;
@@ -2154,6 +2195,7 @@ const ExportPreferenceSection = () => {
 function ownKeys$8(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function ExportScopeSection() {
+  const intl = reactIntl.useIntl();
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik,
     exportType = _useExportResourcesMo.exportType,
@@ -2164,9 +2206,13 @@ function ExportScopeSection() {
     setExportType = _useExportResourcesMo.setExportType,
     resourceType = _useExportResourcesMo.resourceType,
     hideExportSelectedResourcesOption = _useExportResourcesMo.hideExportSelectedResourcesOption,
-    showQueryPredicateOption = _useExportResourcesMo.showQueryPredicateOption;
+    showQueryPredicateOption = _useExportResourcesMo.showQueryPredicateOption,
+    stores = _useExportResourcesMo.stores,
+    selectedStoreKey = _useExportResourcesMo.selectedStoreKey,
+    setSelectedStoreKey = _useExportResourcesMo.setSelectedStoreKey;
   const shouldShowQueryPredicateField = exportType === EXPORT_TYPES.QUERY_PREDICATE;
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "xs",
     children: [jsxRuntime.jsxs(uiKit.RadioInput.Group, {
       value: exportType,
       onChange: e => {
@@ -2212,7 +2258,25 @@ function ExportScopeSection() {
         children: jsxRuntime.jsx(uiKit.Text.Body, {
           intlMessage: messages.queryPredicate
         })
+      }), stores && stores.length > 0 && resourceTypeMessages[resourceType].exportScopeSpecificStore && jsxRuntime.jsx(uiKit.RadioInput.Option, {
+        value: EXPORT_TYPES.SPECIFIC_STORE,
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: resourceTypeMessages[resourceType].exportScopeSpecificStore
+        })
       })]
+    }), stores && stores.length > 0 && exportType === EXPORT_TYPES.SPECIFIC_STORE && jsxRuntime.jsx(uiKit.SelectField, {
+      name: "selectedStoreKey",
+      title: "",
+      horizontalConstraint: 7,
+      value: selectedStoreKey,
+      onChange: event => setSelectedStoreKey(event.target.value),
+      options: _mapInstanceProperty__default["default"](stores).call(stores, store => ({
+        value: store.key,
+        label: store.name
+      })),
+      placeholder: intl.formatMessage(messages.selectStorePlaceholder),
+      menuPortalTarget: document.body,
+      menuPortalZIndex: Z_INDEX_DROPDOWN
     }), shouldShowQueryPredicateField && jsxRuntime.jsx(uiKit.TextField, {
       name: "queryPredicate",
       "data-testid": "query-predicate-field",
@@ -2234,7 +2298,10 @@ const ExportFileSettingsStep = () => {
     resourceType = _useExportResourcesMo.resourceType,
     setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
     setLocaleOption = _useExportResourcesMo.setLocaleOption,
-    onClose = _useExportResourcesMo.onClose;
+    onClose = _useExportResourcesMo.onClose,
+    exportType = _useExportResourcesMo.exportType,
+    selectedStoreKey = _useExportResourcesMo.selectedStoreKey;
+  const isStoreSelectionMissing = exportType === EXPORT_TYPES.SPECIFIC_STORE && !selectedStoreKey;
   const handleOutputFormatChange = event => {
     formik.handleChange(event);
     if (event.target.value === OUTPUT_FORMATS.JSON) {
@@ -2254,7 +2321,7 @@ const ExportFileSettingsStep = () => {
     })}: ${intl.formatMessage(messages.selectContentToExport)}`,
     iconLeftPrimaryButton: jsxRuntime.jsx(uiKit.AngleRightIcon, {}),
     onPrimaryButtonClick: formik.submitForm,
-    isPrimaryButtonDisabled: !formik.isValid,
+    isPrimaryButtonDisabled: !formik.isValid || isStoreSelectionMissing,
     onSecondaryButtonClick: onClose,
     onClose: onClose,
     size: 16,
@@ -3059,10 +3126,14 @@ const ExportResourcesProvider = _ref => {
     _React$useState0 = _slicedToArray(_React$useState9, 2),
     importedHeaders = _React$useState0[0],
     setImportedHeaders = _React$useState0[1];
-  const _React$useState1 = React__default["default"].useState([]),
+  const _React$useState1 = React__default["default"].useState(''),
     _React$useState10 = _slicedToArray(_React$useState1, 2),
-    validationErrors = _React$useState10[0],
-    setValidationErrors = _React$useState10[1];
+    selectedStoreKey = _React$useState10[0],
+    setSelectedStoreKey = _React$useState10[1];
+  const _React$useState11 = React__default["default"].useState([]),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    validationErrors = _React$useState12[0],
+    setValidationErrors = _React$useState12[1];
   const _useStartExportOperat = useStartExportOperation(props),
     startExportOperation = _useStartExportOperat.startExportOperation;
   const _useValidateExportOpe = useValidateExportOperation(),
@@ -3118,7 +3189,7 @@ const ExportResourcesProvider = _ref => {
           setCurrentStep(Step.ValidationErrors);
         }
       } else {
-        startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders);
+        startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey);
       }
     }
   });
@@ -3146,7 +3217,10 @@ const ExportResourcesProvider = _ref => {
       setLocaleOption,
       importedHeaders,
       setImportedHeaders,
-      validationErrors
+      validationErrors,
+      stores: props.stores,
+      selectedStoreKey,
+      setSelectedStoreKey
     },
     children: children
   });

package/dist/commercetools-frontend-extensions-export-resources-modal.esm.js

@@ -120,6 +120,11 @@ var messages = defineMessages({
     description: 'Label for the business units modal title',
     defaultMessage: 'Export business units'
   },
+  'modalTitle.product-tailoring': {
+    id: 'ExportResourcesModal.modalTitle.productTailoring',
+    description: 'Label for the product tailorings modal title',
+    defaultMessage: 'Export tailored products'
+  },
   outputFormat: {
     id: 'ExportResourcesModal.outputFormat',
     description: 'File format like (csv, xls, ...etc)',
@@ -344,6 +349,26 @@ var messages = defineMessages({
     description: 'Label for Export Filtered business units',
     defaultMessage: 'Export filtered: {total, plural, one {# business unit} other {# business units}}'
   },
+  exportScopeAllProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeAllProductTailorings',
+    description: 'Label for Export All product tailorings',
+    defaultMessage: 'Export tailored products for {total, plural, one {# product} other {# products}} in all stores'
+  },
+  exportScopeSelectedProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeSelectedProductTailorings',
+    description: 'Label for Export Selected product tailorings',
+    defaultMessage: 'Export tailored products for the {total, plural, one {# selected product} other {# selected products}}'
+  },
+  exportScopeFilteredProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeFilteredProductTailorings',
+    description: 'Label for Export Filtered product tailorings',
+    defaultMessage: 'Export tailored products for the {total, plural, one {# filtered product} other {# filtered products}}'
+  },
+  exportScopeSpecificStoreProductTailorings: {
+    id: 'ExportResourcesModal.exportScopeSpecificStoreProductTailorings',
+    description: 'Label for Export For a specific store option for product tailorings',
+    defaultMessage: 'Export tailored products for a specific store'
+  },
   exportScopeAllOrders: {
     id: 'ExportResourcesModal.exportScopeAllOrders',
     description: 'Label for Export All orders',
@@ -634,6 +659,11 @@ var messages = defineMessages({
     description: 'Label for query predicate option',
     defaultMessage: 'Query predicate'
   },
+  selectStorePlaceholder: {
+    id: 'ExportResourcesModal.selectStorePlaceholder',
+    description: 'Placeholder for the store selection dropdown',
+    defaultMessage: 'Select store'
+  },
   invalidQueryPredicate: {
     id: 'ExportResourcesModal.invalidQueryPredicate',
     description: 'Error when query predicate field is not valid',
@@ -796,7 +826,8 @@ const EXPORT_TYPES = {
   ALL: 'all',
   FILTERED: 'filtered',
   SELECTED: 'selected',
-  QUERY_PREDICATE: 'query-predicate'
+  QUERY_PREDICATE: 'query-predicate',
+  SPECIFIC_STORE: 'specific-store'
 };
 
 const EXPORTABLE_RESOURCES = {
@@ -807,7 +838,8 @@ const EXPORTABLE_RESOURCES = {
   INVENTORY_ENTRY: 'inventory-entry',
   ORDER: 'order',
   CUSTOMER: 'customer',
-  BUSINESS_UNIT: 'business-unit'
+  BUSINESS_UNIT: 'business-unit',
+  PRODUCT_TAILORING: 'product-tailoring'
 };
 
 const OUTPUT_FORMATS = {
@@ -867,6 +899,12 @@ const resourceTypeMessages = {
     exportScopeAll: messages.exportScopeAllBusinessUnits,
     exportScopeSelected: messages.exportScopeSelectedBusinessUnits,
     exportScopeFiltered: messages.exportScopeFilteredBusinessUnits
+  },
+  [EXPORTABLE_RESOURCES.PRODUCT_TAILORING]: {
+    exportScopeAll: messages.exportScopeAllProductTailorings,
+    exportScopeSelected: messages.exportScopeSelectedProductTailorings,
+    exportScopeFiltered: messages.exportScopeFilteredProductTailorings,
+    exportScopeSpecificStore: messages.exportScopeSpecificStoreProductTailorings
   }
 };
 
@@ -1098,7 +1136,8 @@ function resourceTypeToFileName(resourceType, locale) {
     [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: 'Inventories',
     [EXPORTABLE_RESOURCES.CUSTOMER]: 'Customers',
     [EXPORTABLE_RESOURCES.ORDER]: 'Orders',
-    [EXPORTABLE_RESOURCES.BUSINESS_UNIT]: 'Business_Units'
+    [EXPORTABLE_RESOURCES.BUSINESS_UNIT]: 'Business_Units',
+    [EXPORTABLE_RESOURCES.PRODUCT_TAILORING]: 'Product_Tailorings'
   };
   const displayName = resourceTypeMap[resourceType];
   if (!displayName) {
@@ -1727,7 +1766,7 @@ const useStartExportOperation = props => {
       projectKey: applicationContext.project?.key
     })),
     projectKey = _useApplicationContex.projectKey;
-  const startExportOperation = async (values, exportType, fieldSelectionMode, localeOption, importedHeaders) => {
+  const startExportOperation = async (values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey) => {
     try {
       if (!projectKey) throw new Error('Project key is missing');
       let fields = [];
@@ -1739,7 +1778,7 @@ const useStartExportOperation = props => {
       let where = undefined;
       let filters = undefined;
       if (exportType === EXPORT_TYPES.SELECTED && props.selectedResourceIds?.length) {
-        where = buildSelectedExportFilters(props.selectedResourceIds);
+        where = props.selectedScopeQueryPredicateBuilder ? props.selectedScopeQueryPredicateBuilder(props.selectedResourceIds) : buildSelectedExportFilters(props.selectedResourceIds);
       } else if (exportType === EXPORT_TYPES.FILTERED && props.filters) {
         where = props.filters.where;
         if (isQueryFilter(props.filters.filters)) {
@@ -1750,6 +1789,8 @@ const useStartExportOperation = props => {
       } else if (exportType === EXPORT_TYPES.QUERY_PREDICATE) {
         var _context;
         where = _trimInstanceProperty(_context = values.queryPredicate).call(_context);
+      } else if (exportType === EXPORT_TYPES.SPECIFIC_STORE) {
+        where = `store(key="${selectedStoreKey}")`;
       }
       where = mergeWhereClause(props.baseFilters?.where, where);
       let locales = undefined;
@@ -2111,6 +2152,7 @@ const ExportPreferenceSection = () => {
 function ownKeys$8(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function ExportScopeSection() {
+  const intl = useIntl();
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik,
     exportType = _useExportResourcesMo.exportType,
@@ -2121,9 +2163,13 @@ function ExportScopeSection() {
     setExportType = _useExportResourcesMo.setExportType,
     resourceType = _useExportResourcesMo.resourceType,
     hideExportSelectedResourcesOption = _useExportResourcesMo.hideExportSelectedResourcesOption,
-    showQueryPredicateOption = _useExportResourcesMo.showQueryPredicateOption;
+    showQueryPredicateOption = _useExportResourcesMo.showQueryPredicateOption,
+    stores = _useExportResourcesMo.stores,
+    selectedStoreKey = _useExportResourcesMo.selectedStoreKey,
+    setSelectedStoreKey = _useExportResourcesMo.setSelectedStoreKey;
   const shouldShowQueryPredicateField = exportType === EXPORT_TYPES.QUERY_PREDICATE;
-  return jsxs(Fragment, {
+  return jsxs(Spacings.Stack, {
+    scale: "xs",
     children: [jsxs(RadioInput.Group, {
       value: exportType,
       onChange: e => {
@@ -2169,7 +2215,25 @@ function ExportScopeSection() {
         children: jsx(Text.Body, {
           intlMessage: messages.queryPredicate
         })
+      }), stores && stores.length > 0 && resourceTypeMessages[resourceType].exportScopeSpecificStore && jsx(RadioInput.Option, {
+        value: EXPORT_TYPES.SPECIFIC_STORE,
+        children: jsx(Text.Body, {
+          intlMessage: resourceTypeMessages[resourceType].exportScopeSpecificStore
+        })
       })]
+    }), stores && stores.length > 0 && exportType === EXPORT_TYPES.SPECIFIC_STORE && jsx(SelectField, {
+      name: "selectedStoreKey",
+      title: "",
+      horizontalConstraint: 7,
+      value: selectedStoreKey,
+      onChange: event => setSelectedStoreKey(event.target.value),
+      options: _mapInstanceProperty(stores).call(stores, store => ({
+        value: store.key,
+        label: store.name
+      })),
+      placeholder: intl.formatMessage(messages.selectStorePlaceholder),
+      menuPortalTarget: document.body,
+      menuPortalZIndex: Z_INDEX_DROPDOWN
     }), shouldShowQueryPredicateField && jsx(TextField, {
       name: "queryPredicate",
       "data-testid": "query-predicate-field",
@@ -2191,7 +2255,10 @@ const ExportFileSettingsStep = () => {
     resourceType = _useExportResourcesMo.resourceType,
     setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
     setLocaleOption = _useExportResourcesMo.setLocaleOption,
-    onClose = _useExportResourcesMo.onClose;
+    onClose = _useExportResourcesMo.onClose,
+    exportType = _useExportResourcesMo.exportType,
+    selectedStoreKey = _useExportResourcesMo.selectedStoreKey;
+  const isStoreSelectionMissing = exportType === EXPORT_TYPES.SPECIFIC_STORE && !selectedStoreKey;
   const handleOutputFormatChange = event => {
     formik.handleChange(event);
     if (event.target.value === OUTPUT_FORMATS.JSON) {
@@ -2211,7 +2278,7 @@ const ExportFileSettingsStep = () => {
     })}: ${intl.formatMessage(messages.selectContentToExport)}`,
     iconLeftPrimaryButton: jsx(AngleRightIcon, {}),
     onPrimaryButtonClick: formik.submitForm,
-    isPrimaryButtonDisabled: !formik.isValid,
+    isPrimaryButtonDisabled: !formik.isValid || isStoreSelectionMissing,
     onSecondaryButtonClick: onClose,
     onClose: onClose,
     size: 16,
@@ -3049,10 +3116,14 @@ const ExportResourcesProvider = _ref => {
     _React$useState0 = _slicedToArray(_React$useState9, 2),
     importedHeaders = _React$useState0[0],
     setImportedHeaders = _React$useState0[1];
-  const _React$useState1 = React.useState([]),
+  const _React$useState1 = React.useState(''),
     _React$useState10 = _slicedToArray(_React$useState1, 2),
-    validationErrors = _React$useState10[0],
-    setValidationErrors = _React$useState10[1];
+    selectedStoreKey = _React$useState10[0],
+    setSelectedStoreKey = _React$useState10[1];
+  const _React$useState11 = React.useState([]),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    validationErrors = _React$useState12[0],
+    setValidationErrors = _React$useState12[1];
   const _useStartExportOperat = useStartExportOperation(props),
     startExportOperation = _useStartExportOperat.startExportOperation;
   const _useValidateExportOpe = useValidateExportOperation(),
@@ -3108,7 +3179,7 @@ const ExportResourcesProvider = _ref => {
           setCurrentStep(Step.ValidationErrors);
         }
       } else {
-        startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders);
+        startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders, selectedStoreKey);
       }
     }
   });
@@ -3136,7 +3207,10 @@ const ExportResourcesProvider = _ref => {
       setLocaleOption,
       importedHeaders,
       setImportedHeaders,
-      validationErrors
+      validationErrors,
+      stores: props.stores,
+      selectedStoreKey,
+      setSelectedStoreKey
     },
     children: children
   });

package/dist/declarations/src/@constants/export-types.d.ts

@@ -3,4 +3,5 @@ export declare const EXPORT_TYPES: {
     readonly FILTERED: "filtered";
     readonly SELECTED: "selected";
     readonly QUERY_PREDICATE: "query-predicate";
+    readonly SPECIFIC_STORE: "specific-store";
 };

package/dist/declarations/src/@constants/exportable-resources.d.ts

@@ -7,4 +7,5 @@ export declare const EXPORTABLE_RESOURCES: {
     readonly ORDER: "order";
     readonly CUSTOMER: "customer";
     readonly BUSINESS_UNIT: "business-unit";
+    readonly PRODUCT_TAILORING: "product-tailoring";
 };

package/dist/declarations/src/@constants/resource-type-messages.d.ts

@@ -5,6 +5,7 @@ export type ExportScopeMessagesMap = {
         exportScopeAll: MessageDescriptor;
         exportScopeSelected: MessageDescriptor;
         exportScopeFiltered: MessageDescriptor;
+        exportScopeSpecificStore?: MessageDescriptor;
     };
 };
 export declare const resourceTypeMessages: ExportScopeMessagesMap;

package/dist/declarations/src/@hooks/use-start-export-operation.d.ts

@@ -1,4 +1,4 @@
 import type { ExportResourcesModalProps, ExportType, FieldSelectionMode, FormValues, LocaleOption } from "../@types/index.js";
 export declare const useStartExportOperation: (props: ExportResourcesModalProps) => {
-    startExportOperation: (values: FormValues, exportType: ExportType, fieldSelectionMode: FieldSelectionMode, localeOption: LocaleOption, importedHeaders: string[]) => Promise<void>;
+    startExportOperation: (values: FormValues, exportType: ExportType, fieldSelectionMode: FieldSelectionMode, localeOption: LocaleOption, importedHeaders: string[], selectedStoreKey: string) => Promise<void>;
 };

package/dist/declarations/src/@types/export-resources-modal-context.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { FormikProps } from 'formik';
-import type { ExportType, Filters } from "./export-resources-modal-types.js";
+import type { ExportType, Filters, Store } from "./export-resources-modal-types.js";
 import type { FieldSelectionMode } from "./field-selection-mode.js";
 import type { FieldValidationError } from "./field-validation-error.js";
 import type { FormValues } from "./form.js";
@@ -33,4 +33,7 @@ export interface ExportResourcesModalContext {
     importedHeaders: string[];
     setImportedHeaders: React.Dispatch<React.SetStateAction<string[]>>;
     validationErrors: FieldValidationError[];
+    stores?: Store[];
+    selectedStoreKey: string;
+    setSelectedStoreKey: React.Dispatch<React.SetStateAction<string>>;
 }

package/dist/declarations/src/@types/export-resources-modal-types.d.ts

@@ -20,6 +20,10 @@ export interface FieldGroup {
     isExpanded?: boolean;
     fields: Field[];
 }
+export interface Store {
+    key: string;
+    name: string;
+}
 export interface ExportResourcesModalProps {
     isOpen?: boolean;
     resourceType: ResourceType;
@@ -32,6 +36,8 @@ export interface ExportResourcesModalProps {
     fieldOrder?: string[];
     hideExportSelectedResourcesOption?: boolean;
     showQueryPredicateOption?: boolean;
+    stores?: Store[];
+    selectedScopeQueryPredicateBuilder?: (selectedResourceIds: string[]) => string;
     onClose: () => void;
     onExportSuccess?: () => void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "5.11.4",
+  "version": "5.13.0",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"