@commercetools-frontend-extensions/export-resources-modal 4.3.5 → 4.4.0

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

@@ -48,7 +48,6 @@ var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
 var throttle = require('lodash/throttle');
 var react = require('@emotion/react');
 var get = require('lodash/get');
-require('prop-types');
 var formik = require('formik');
 var sentry = require('@commercetools-frontend/sentry');
 var i18n = require('@commercetools-frontend/i18n');
@@ -112,6 +111,11 @@ var messages = reactIntl.defineMessages({
     description: 'Label for the inventories modal title',
     defaultMessage: 'Export inventories'
   },
+  'modalTitle.discount-code': {
+    id: 'ExportResourcesModal.modalTitle.discountCode',
+    description: 'Label for the discount codes modal title',
+    defaultMessage: 'Export discount codes'
+  },
   outputFormat: {
     id: 'ExportResourcesModal.outputFormat',
     description: 'File format like (csv, xls, ...etc)',
@@ -261,11 +265,31 @@ var messages = reactIntl.defineMessages({
     description: 'Label for Export Selected inventories',
     defaultMessage: 'Export selected: {total} inventories'
   },
+  exportScopeAllDiscountCodes: {
+    id: 'ExportResourcesModal.exportScopeAllDiscountCodes',
+    description: 'Label for Export All discount codes',
+    defaultMessage: 'Export all: {total} discount codes'
+  },
+  exportScopeSelectedDiscountCodes: {
+    id: 'ExportResourcesModal.exportScopeSelectedDiscountCodes',
+    description: 'Label for Export Selected discount codes',
+    defaultMessage: 'Export selected: {total} discount codes'
+  },
+  exportScopeFilteredDiscountCodes: {
+    id: 'ExportResourcesModal.exportScopeFilteredDiscountCodes',
+    description: 'Label for Export Selected discount codes',
+    defaultMessage: 'Export filtered: {total} discount codes'
+  },
   exportScopeSelectedWithoutCount: {
     id: 'ExportResourcesModal.exportScopeSelectedWithoutCount',
     description: 'Label for Export Selected without count',
     defaultMessage: 'Export selected'
   },
+  exportScopeFilteredWithoutCount: {
+    id: 'ExportResourcesModal.exportScopeFilteredWithoutCount',
+    description: 'Label for Export Filtered without count',
+    defaultMessage: 'Export filtered'
+  },
   exportSettings: {
     id: 'ExportResourcesModal.exportSettings',
     description: 'Label for Export Settings',
@@ -431,8 +455,7 @@ const EXPORT_TYPES = {
 const EXPORTABLE_RESOURCES = {
   CATEGORY: 'category',
   PRODUCT: 'product',
-  // TODO: remove this and its usage
-  DISCOUNT_CODE: 'discountCode',
+  DISCOUNT_CODE: 'discount-code',
   INVENTORY_ENTRY: 'inventory-entry'
 };
 
@@ -449,47 +472,39 @@ const OUTPUT_FORMAT_OPTIONS = [{
 }];
 
 const resourceTypeMessages = {
-  category: {
+  [EXPORTABLE_RESOURCES.CATEGORY]: {
     exportScopeAll: messages.exportScopeAllCategories,
     exportScopeSelected: messages.exportScopeSelectedCategories
   },
-  product: {
+  [EXPORTABLE_RESOURCES.PRODUCT]: {
     exportScopeAll: messages.exportScopeAllProducts,
     exportScopeSelected: messages.exportScopeSelectedProducts
   },
-  'inventory-entry': {
+  [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: {
     exportScopeAll: messages.exportScopeAllInventories,
     exportScopeSelected: messages.exportScopeSelectedInventories
+  },
+  [EXPORTABLE_RESOURCES.DISCOUNT_CODE]: {
+    exportScopeAll: messages.exportScopeAllDiscountCodes,
+    exportScopeSelected: messages.exportScopeSelectedDiscountCodes,
+    exportScopeFiltered: messages.exportScopeFilteredDiscountCodes
   }
 };
 
-function resourceTypeToFileName(_ref) {
+function resourceTypeToFileName(resourceType) {
   var _context;
-  let resourceType = _ref.resourceType,
-    _ref$isUpperCase = _ref.isUpperCase,
-    isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase,
-    _ref$isPlural = _ref.isPlural,
-    isPlural = _ref$isPlural === void 0 ? false : _ref$isPlural;
   const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
-  let displayName;
-  switch (resourceType) {
-    case EXPORTABLE_RESOURCES.CATEGORY:
-      displayName = isPlural ? 'Categories' : 'Category';
-      break;
-    case EXPORTABLE_RESOURCES.PRODUCT:
-      displayName = isPlural ? 'Products' : 'Product';
-      break;
-    case EXPORTABLE_RESOURCES.DISCOUNT_CODE:
-      displayName = isPlural ? 'Discount Codes' : 'Discount Code';
-      break;
-    case EXPORTABLE_RESOURCES.INVENTORY_ENTRY:
-      displayName = isPlural ? 'Inventories' : 'Inventory';
-      break;
-    default:
-      throw new UnexpectedResourceTypeError(resourceType);
+  const resourceTypeMap = {
+    [EXPORTABLE_RESOURCES.CATEGORY]: 'Categories',
+    [EXPORTABLE_RESOURCES.PRODUCT]: 'Products',
+    [EXPORTABLE_RESOURCES.DISCOUNT_CODE]: 'Discount_Codes',
+    [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: 'Inventories'
+  };
+  const displayName = resourceTypeMap[resourceType];
+  if (!displayName) {
+    throw new UnexpectedResourceTypeError(resourceType);
   }
-  const result = isUpperCase ? displayName : displayName.toLowerCase();
-  return _concatInstanceProperty__default["default"](_context = "".concat(result, "_Export_")).call(_context, todayFormatted);
+  return _concatInstanceProperty__default["default"](_context = "".concat(displayName, "_Export_")).call(_context, todayFormatted);
 }
 function mapLocalesToOptions(locales) {
   return _mapInstanceProperty__default["default"](locales).call(locales, locale => ({
@@ -521,9 +536,9 @@ const extractFieldNamesAndAdditionalFieldExtensions = fields => {
   }, []);
   return [...new _Set__default["default"](result)];
 };
-function sortFieldsByFieldOrder(_ref2) {
-  let fields = _ref2.fields,
-    fieldOrder = _ref2.fieldOrder;
+function sortFieldsByFieldOrder(_ref) {
+  let fields = _ref.fields,
+    fieldOrder = _ref.fieldOrder;
   if (isFilledArray(fieldOrder)) {
     return _sortInstanceProperty__default["default"](fields).call(fields, (a, b) => {
       let orderA = _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, a) !== -1 ? _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, a) : _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, a.split('.')[0]);
@@ -537,15 +552,29 @@ function sortFieldsByFieldOrder(_ref2) {
   }
   return fields;
 }
-
-// TODO: remove this function when filters are passed directly from parent views
-// This function is temporary and will be removed in the future
-// Later, filters will be passed directly from parent views (category, product...) instead of being built within the Export resources modal
-// The `selectedResourceIds` prop will also be removed
-function tmpBuildFilters(selectedResourceIds) {
+function buildSelectedExportFilters(selectedResourceIds) {
   if (!selectedResourceIds || (selectedResourceIds === null || selectedResourceIds === void 0 ? void 0 : selectedResourceIds.length) === 0) return undefined;
   const formattedIds = _mapInstanceProperty__default["default"](selectedResourceIds).call(selectedResourceIds, id => "\"".concat(id, "\"")).join(', ');
-  return ["id in (".concat(formattedIds, ")")];
+  return "id in (".concat(formattedIds, ")");
+}
+function hasFilters(filters) {
+  if (!filters) {
+    return false;
+  }
+  if (_Array$isArray__default["default"](filters)) {
+    return filters.length > 0;
+  }
+  return _Object$keys__default["default"](filters).length > 0;
+}
+function getInitialExportType(args) {
+  var _args$selectedResourc, _args$filters;
+  if ((_args$selectedResourc = args.selectedResourceIds) !== null && _args$selectedResourc !== void 0 && _args$selectedResourc.length) {
+    return EXPORT_TYPES.SELECTED;
+  }
+  if ((_args$filters = args.filters) !== null && _args$filters !== void 0 && _args$filters.total) {
+    return EXPORT_TYPES.FILTERED;
+  }
+  return EXPORT_TYPES.ALL;
 }
 
 function ownKeys$6(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; }
@@ -698,11 +727,7 @@ const useInitialValues = props => {
     groups = updateFieldGroupsWithIsExpandedValue(groups, cachedExpandedGroups[props.resourceType] || {});
     return {
       outputFormat: props.outputFormat,
-      fileName: "".concat(resourceTypeToFileName({
-        resourceType: props.resourceType,
-        isUpperCase: true,
-        isPlural: true
-      })),
+      fileName: "".concat(resourceTypeToFileName(props.resourceType)),
       locales: [locale],
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups)
     };
@@ -773,7 +798,13 @@ const useStartExportOperation = props => {
   const startExportOperation = async values => {
     try {
       const fields = extractFieldsFromGroups(values.groups);
-      const filters = tmpBuildFilters(props.selectedResourceIds);
+      let filters = undefined;
+      if (props.exportType === EXPORT_TYPES.SELECTED) filters = buildSelectedExportFilters(props.selectedResourceIds);
+      if (props.exportType === EXPORT_TYPES.FILTERED) {
+        filters = props.filters.where;
+        // TODO: handle search query when Export API supports it
+        // filters = props.filters.where || props.filters.searchQuery
+      }
       const response = await createExportOperation({
         projectKey,
         resourceType: props.resourceType,
@@ -781,7 +812,7 @@ const useStartExportOperation = props => {
         fileFormat: values.outputFormat,
         locales: values.locales,
         fields,
-        filters,
+        filters: typeof filters === 'string' ? [filters] : undefined,
         asyncDispatchFn: asyncDispatch
       });
       switch (response.state) {
@@ -824,19 +855,21 @@ const useStartExportOperation = props => {
 function ownKeys$5(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$5(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$5(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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function ExportScopeSection() {
-  var _originalSelectedReso;
+  const intl = reactIntl.useIntl();
   const _useExportResourcesCo = useExportResourcesContext(),
     exportType = _useExportResourcesCo.exportType,
     totalResourcesCount = _useExportResourcesCo.totalResourcesCount,
-    originalSelectedResourceIds = _useExportResourcesCo.originalSelectedResourceIds,
-    onScopeChange = _useExportResourcesCo.onScopeChange,
+    filters = _useExportResourcesCo.filters,
+    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
+    hasFilters = _useExportResourcesCo.hasFilters,
+    setExportType = _useExportResourcesCo.setExportType,
     resourceType = _useExportResourcesCo.resourceType;
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "m",
     children: jsxRuntime.jsxs(uiKit.RadioInput.Group, {
       value: exportType,
       onChange: e => {
-        onScopeChange(e.target.value);
+        setExportType(e.target.value);
       },
       direction: "stack",
       directionProps: {
@@ -847,18 +880,29 @@ function ExportScopeSection() {
         children: jsxRuntime.jsx(uiKit.Text.Body, {
           intlMessage: _objectSpread$5(_objectSpread$5({}, resourceTypeMessages[resourceType].exportScopeAll), {}, {
             values: {
-              total: new Intl.NumberFormat().format(totalResourcesCount)
+              total: intl.formatNumber(totalResourcesCount)
             }
           })
         })
+      }), filters && jsxRuntime.jsx(uiKit.RadioInput.Option, {
+        value: EXPORT_TYPES.FILTERED,
+        isDisabled: !filters.total,
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          tone: !hasFilters ? 'tertiary' : undefined,
+          intlMessage: filters.total ? _objectSpread$5(_objectSpread$5({}, resourceTypeMessages[resourceType].exportScopeFiltered), {}, {
+            values: {
+              total: intl.formatNumber(filters.total)
+            }
+          }) : messages.exportScopeFilteredWithoutCount
+        })
       }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
         value: EXPORT_TYPES.SELECTED,
-        isDisabled: !(originalSelectedResourceIds !== null && originalSelectedResourceIds !== void 0 && originalSelectedResourceIds.length),
+        isDisabled: !(selectedResourceIds !== null && selectedResourceIds !== void 0 && selectedResourceIds.length),
         children: jsxRuntime.jsx(uiKit.Text.Body, {
-          tone: !(originalSelectedResourceIds !== null && originalSelectedResourceIds !== void 0 && originalSelectedResourceIds.length) ? 'tertiary' : undefined,
-          intlMessage: originalSelectedResourceIds !== null && originalSelectedResourceIds !== void 0 && originalSelectedResourceIds.length ? _objectSpread$5(_objectSpread$5({}, resourceTypeMessages[resourceType].exportScopeSelected), {}, {
+          tone: !(selectedResourceIds !== null && selectedResourceIds !== void 0 && selectedResourceIds.length) ? 'tertiary' : undefined,
+          intlMessage: selectedResourceIds !== null && selectedResourceIds !== void 0 && selectedResourceIds.length ? _objectSpread$5(_objectSpread$5({}, resourceTypeMessages[resourceType].exportScopeSelected), {}, {
             values: {
-              total: new Intl.NumberFormat().format((_originalSelectedReso = originalSelectedResourceIds === null || originalSelectedResourceIds === void 0 ? void 0 : originalSelectedResourceIds.length) !== null && _originalSelectedReso !== void 0 ? _originalSelectedReso : 0)
+              total: intl.formatNumber(selectedResourceIds.length)
             }
           }) : messages.exportScopeSelectedWithoutCount
         })
@@ -1481,20 +1525,21 @@ const ExportResourcesContext = /*#__PURE__*/React.createContext();
 function ownKeys$1(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$1(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$1(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$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ExportResourcesProvider = props => {
-  var _props$selectedResour;
   const initialValues = useInitialValues(props);
   const _React$useState = React__default["default"].useState(1),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentStep = _React$useState2[0],
     setCurrentStep = _React$useState2[1];
-  const _React$useState3 = React__default["default"].useState({
-      exportType: (_props$selectedResour = props.selectedResourceIds) !== null && _props$selectedResour !== void 0 && _props$selectedResour.length ? EXPORT_TYPES.SELECTED : EXPORT_TYPES.ALL,
-      selectedResourceIds: props.selectedResourceIds
-    }),
+  const _React$useState3 = React__default["default"].useState(getInitialExportType({
+      selectedResourceIds: props.selectedResourceIds,
+      filters: props.filters
+    })),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
-    scope = _React$useState4[0],
-    setScope = _React$useState4[1];
-  const _useStartExportOperat = useStartExportOperation(_objectSpread$1(_objectSpread$1({}, props), scope)),
+    exportType = _React$useState4[0],
+    setExportType = _React$useState4[1];
+  const _useStartExportOperat = useStartExportOperation(_objectSpread$1(_objectSpread$1({}, props), {}, {
+      exportType
+    })),
     startExportOperation = _useStartExportOperat.startExportOperation;
   const onSubmit = async values => {
     if (currentStep === 1) {
@@ -1503,19 +1548,6 @@ const ExportResourcesProvider = props => {
       startExportOperation(values);
     }
   };
-  const onScopeChange = value => {
-    if (value === EXPORT_TYPES.ALL) {
-      setScope({
-        exportType: value,
-        selectedResourceIds: []
-      });
-    } else {
-      setScope({
-        exportType: value,
-        selectedResourceIds: props.selectedResourceIds
-      });
-    }
-  };
   const formik$1 = formik.useFormik({
     initialValues,
     validate: values => validate({
@@ -1534,11 +1566,12 @@ const ExportResourcesProvider = props => {
       setCurrentStep,
       onClose: props.onClose,
       resourceType: props.resourceType,
-      exportType: scope.exportType,
+      exportType: exportType,
       totalResourcesCount: props.totalResourcesCount,
-      selectedResourceIds: scope.selectedResourceIds,
-      originalSelectedResourceIds: props.selectedResourceIds,
-      onScopeChange
+      selectedResourceIds: props.selectedResourceIds,
+      filters: props.filters,
+      hasFilters: hasFilters(props.filters),
+      setExportType
     },
     children: props.children
   });