@commercetools-frontend-extensions/export-resources-modal 4.6.10 → 4.6.12

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

@@ -2,6 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var _endsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -10,7 +16,6 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var uiKit = require('@commercetools-frontend/ui-kit');
@@ -26,7 +31,6 @@ var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibl
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var experimentalComponents = require('@commercetools-frontend/experimental-components');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -39,7 +43,6 @@ var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-arr
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
-var moment = require('moment');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
 var sdk = require('@commercetools-frontend/sdk');
@@ -57,6 +60,10 @@ var sentry = require('@commercetools-frontend/sentry');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
+var _endsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_endsWithInstanceProperty);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -79,7 +86,6 @@ var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
 var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
-var moment__default = /*#__PURE__*/_interopDefault(moment);
 var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
@@ -485,7 +491,7 @@ let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   }
   _inherits(MissingExportResourceProviderError, _Error);
   return _createClass(MissingExportResourceProviderError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
@@ -499,7 +505,7 @@ let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   }
   _inherits(UnexpectedExportOperationStateError, _Error);
   return _createClass(UnexpectedExportOperationStateError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
@@ -513,7 +519,7 @@ let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
   }
   _inherits(UnexpectedResourceTypeError, _Error);
   return _createClass(UnexpectedResourceTypeError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
@@ -527,7 +533,7 @@ let InvalidResponseError = /*#__PURE__*/function (_Error) {
   }
   _inherits(InvalidResponseError, _Error);
   return _createClass(InvalidResponseError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function useExportResourcesModalContext() {
   const context = React.useContext(ExportResourcesContext);
@@ -662,8 +668,26 @@ function validate(_ref) {
   return omitEmpty__default["default"](errors);
 }
 
-function resourceTypeToFileName(resourceType) {
-  const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
+function resourceTypeToFileName(resourceType, locale) {
+  var _context;
+  const date = new Date();
+  const dateFormatter = new Intl.DateTimeFormat(locale, {
+    year: '2-digit',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false
+  });
+  const parts = dateFormatter.formatToParts(date);
+  const dateParts = _reduceInstanceProperty__default["default"](parts).call(parts, (acc, part) => {
+    if (part.type !== 'literal') {
+      acc[part.type] = part.value;
+    }
+    return acc;
+  }, {});
+  const orderedDateParts = _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](parts).call(parts, part => part.type === 'day' || part.type === 'month' || part.type === 'year')).call(_context, part => dateParts[part.type]).join('-');
+  const formattedDate = `${orderedDateParts}_${dateParts.hour}-${dateParts.minute}`;
   const resourceTypeMap = {
     [EXPORTABLE_RESOURCES.CATEGORY]: 'Categories',
     [EXPORTABLE_RESOURCES.PRODUCT]: 'Products',
@@ -677,7 +701,7 @@ function resourceTypeToFileName(resourceType) {
   if (!displayName) {
     throw new UnexpectedResourceTypeError(resourceType);
   }
-  return `${displayName}_Export_${todayFormatted}`;
+  return `${displayName}_Export_${formattedDate}`;
 }
 function mapLocalesToOptions(locales) {
   return _mapInstanceProperty__default["default"](locales).call(locales, locale => ({
@@ -881,9 +905,11 @@ const updateFieldDependenciesStatus = formik => {
 const useInitialValues = props => {
   var _context;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
-      locale: applicationContext.dataLocale
+      locale: applicationContext.dataLocale,
+      userLocale: applicationContext.user?.locale
     })),
-    locale = _useApplicationContex.locale;
+    locale = _useApplicationContex.locale,
+    userLocale = _useApplicationContex.userLocale;
   const _useApplicationContex2 = applicationShellConnectors.useApplicationContext(context => ({
       projectKey: context.project?.key
     })),
@@ -904,11 +930,11 @@ const useInitialValues = props => {
     groups = updateFieldGroupsWithIsExpandedValue(groups, cachedExpandedGroups[props.resourceType] || {});
     return {
       outputFormat: props.outputFormat,
-      fileName: `${resourceTypeToFileName(props.resourceType)}`,
+      fileName: `${resourceTypeToFileName(props.resourceType, userLocale)}`,
       locales: [locale],
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups)
     };
-  }, [props.fieldGroups, props.resourceType, props.outputFormat, cachedSelectedGroups, cachedExpandedGroups, locale]);
+  }, [props.fieldGroups, props.resourceType, props.outputFormat, cachedSelectedGroups, cachedExpandedGroups, locale, userLocale]);
 };
 
 async function createExportOperation(_ref, asyncDispatchFn) {
@@ -1871,19 +1897,19 @@ const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-d4a85a4f.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-d4a85a4f.cjs.dev.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-b1808cc2.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-b1808cc2.cjs.dev.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-bf242ea4.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-bf242ea4.cjs.dev.js'); });
     case 'zh-CN':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-03a85de5.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-03a85de5.cjs.dev.js'); });
     case 'ja':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-9bd5f452.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-9bd5f452.cjs.dev.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-6754aa85.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-6754aa85.cjs.dev.js'); });
     default:
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-f3054f24.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-f3054f24.cjs.dev.js'); });
   }
 };
 const loadMessages = async locale => {
@@ -1937,6 +1963,23 @@ const useAsyncIntlMessages = (locale, loader) => {
 
 function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function invalidateLaunchDarklyCachedFeatureFlag(flagName) {
+  for (let _ref of _Object$entries__default["default"](localStorage)) {
+    var _ref2 = _slicedToArray(_ref, 1);
+    let key = _ref2[0];
+    // This is the pattern that the LaunchDarkly adapter uses to store the flags
+    if (_startsWithInstanceProperty__default["default"](key).call(key, '@flopflip/launchdarkly-adapter/') && _endsWithInstanceProperty__default["default"](key).call(key, '/flags')) {
+      try {
+        const flags = JSON.parse(localStorage.getItem(key) || '{}');
+        if (flags[flagName] !== undefined) {
+          delete flags[flagName];
+          localStorage.setItem(key, _JSON$stringify__default["default"](flags));
+        }
+      } catch (error) {}
+    }
+  }
+}
+invalidateLaunchDarklyCachedFeatureFlag('enableOperationsExport');
 const ExportResourcesModal = props => {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
       locale: context.user && context.user.locale

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

@@ -2,6 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var _endsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -10,7 +16,6 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var uiKit = require('@commercetools-frontend/ui-kit');
@@ -26,7 +31,6 @@ var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibl
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var experimentalComponents = require('@commercetools-frontend/experimental-components');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -39,7 +43,6 @@ var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-arr
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
-var moment = require('moment');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
 var sdk = require('@commercetools-frontend/sdk');
@@ -57,6 +60,10 @@ var sentry = require('@commercetools-frontend/sentry');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
+var _endsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_endsWithInstanceProperty);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -79,7 +86,6 @@ var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
 var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
-var moment__default = /*#__PURE__*/_interopDefault(moment);
 var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
@@ -485,7 +491,7 @@ let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   }
   _inherits(MissingExportResourceProviderError, _Error);
   return _createClass(MissingExportResourceProviderError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
@@ -499,7 +505,7 @@ let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   }
   _inherits(UnexpectedExportOperationStateError, _Error);
   return _createClass(UnexpectedExportOperationStateError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
@@ -513,7 +519,7 @@ let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
   }
   _inherits(UnexpectedResourceTypeError, _Error);
   return _createClass(UnexpectedResourceTypeError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
@@ -527,7 +533,7 @@ let InvalidResponseError = /*#__PURE__*/function (_Error) {
   }
   _inherits(InvalidResponseError, _Error);
   return _createClass(InvalidResponseError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function useExportResourcesModalContext() {
   const context = React.useContext(ExportResourcesContext);
@@ -662,8 +668,26 @@ function validate(_ref) {
   return omitEmpty__default["default"](errors);
 }
 
-function resourceTypeToFileName(resourceType) {
-  const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
+function resourceTypeToFileName(resourceType, locale) {
+  var _context;
+  const date = new Date();
+  const dateFormatter = new Intl.DateTimeFormat(locale, {
+    year: '2-digit',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false
+  });
+  const parts = dateFormatter.formatToParts(date);
+  const dateParts = _reduceInstanceProperty__default["default"](parts).call(parts, (acc, part) => {
+    if (part.type !== 'literal') {
+      acc[part.type] = part.value;
+    }
+    return acc;
+  }, {});
+  const orderedDateParts = _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](parts).call(parts, part => part.type === 'day' || part.type === 'month' || part.type === 'year')).call(_context, part => dateParts[part.type]).join('-');
+  const formattedDate = `${orderedDateParts}_${dateParts.hour}-${dateParts.minute}`;
   const resourceTypeMap = {
     [EXPORTABLE_RESOURCES.CATEGORY]: 'Categories',
     [EXPORTABLE_RESOURCES.PRODUCT]: 'Products',
@@ -677,7 +701,7 @@ function resourceTypeToFileName(resourceType) {
   if (!displayName) {
     throw new UnexpectedResourceTypeError(resourceType);
   }
-  return `${displayName}_Export_${todayFormatted}`;
+  return `${displayName}_Export_${formattedDate}`;
 }
 function mapLocalesToOptions(locales) {
   return _mapInstanceProperty__default["default"](locales).call(locales, locale => ({
@@ -881,9 +905,11 @@ const updateFieldDependenciesStatus = formik => {
 const useInitialValues = props => {
   var _context;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
-      locale: applicationContext.dataLocale
+      locale: applicationContext.dataLocale,
+      userLocale: applicationContext.user?.locale
     })),
-    locale = _useApplicationContex.locale;
+    locale = _useApplicationContex.locale,
+    userLocale = _useApplicationContex.userLocale;
   const _useApplicationContex2 = applicationShellConnectors.useApplicationContext(context => ({
       projectKey: context.project?.key
     })),
@@ -904,11 +930,11 @@ const useInitialValues = props => {
     groups = updateFieldGroupsWithIsExpandedValue(groups, cachedExpandedGroups[props.resourceType] || {});
     return {
       outputFormat: props.outputFormat,
-      fileName: `${resourceTypeToFileName(props.resourceType)}`,
+      fileName: `${resourceTypeToFileName(props.resourceType, userLocale)}`,
       locales: [locale],
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups)
     };
-  }, [props.fieldGroups, props.resourceType, props.outputFormat, cachedSelectedGroups, cachedExpandedGroups, locale]);
+  }, [props.fieldGroups, props.resourceType, props.outputFormat, cachedSelectedGroups, cachedExpandedGroups, locale, userLocale]);
 };
 
 async function createExportOperation(_ref, asyncDispatchFn) {
@@ -1838,19 +1864,19 @@ const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-16b6e603.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-16b6e603.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-f37701ea.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-f37701ea.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-66c381ea.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-66c381ea.cjs.prod.js'); });
     case 'zh-CN':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-e22002dc.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-e22002dc.cjs.prod.js'); });
     case 'ja':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ebc555b4.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ebc555b4.cjs.prod.js'); });
     default:
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-6be5d801.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-6be5d801.cjs.prod.js'); });
   }
 };
 const loadMessages = async locale => {
@@ -1904,6 +1930,23 @@ const useAsyncIntlMessages = (locale, loader) => {
 
 function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function invalidateLaunchDarklyCachedFeatureFlag(flagName) {
+  for (let _ref of _Object$entries__default["default"](localStorage)) {
+    var _ref2 = _slicedToArray(_ref, 1);
+    let key = _ref2[0];
+    // This is the pattern that the LaunchDarkly adapter uses to store the flags
+    if (_startsWithInstanceProperty__default["default"](key).call(key, '@flopflip/launchdarkly-adapter/') && _endsWithInstanceProperty__default["default"](key).call(key, '/flags')) {
+      try {
+        const flags = JSON.parse(localStorage.getItem(key) || '{}');
+        if (flags[flagName] !== undefined) {
+          delete flags[flagName];
+          localStorage.setItem(key, _JSON$stringify__default["default"](flags));
+        }
+      } catch (error) {}
+    }
+  }
+}
+invalidateLaunchDarklyCachedFeatureFlag('enableOperationsExport');
 const ExportResourcesModal = props => {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
       locale: context.user && context.user.locale

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

@@ -1,3 +1,9 @@
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
+import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
+import _endsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -6,7 +12,6 @@ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/inst
 import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
-import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, FormattedMessage, useIntl, IntlProvider } from 'react-intl';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 import { Text, TextInput, Link, Spacings, RadioInput, Grid, designTokens, SelectField, TextField, CheckboxInput, Card, Stamp, IconButton, AngleDownIcon, AngleRightIcon, CollapsibleMotion, SearchTextInput } from '@commercetools-frontend/ui-kit';
@@ -22,7 +27,6 @@ import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possi
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
-import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import { useStorage } from '@commercetools-frontend/experimental-components';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
@@ -35,7 +39,6 @@ import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array
 import _Set from '@babel/runtime-corejs3/core-js-stable/set';
 import _sortInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/sort';
 import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
-import moment from 'moment';
 import { useShowNotification } from '@commercetools-frontend/actions-global';
 import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
@@ -450,7 +453,7 @@ let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   }
   _inherits(MissingExportResourceProviderError, _Error);
   return _createClass(MissingExportResourceProviderError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
@@ -464,7 +467,7 @@ let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   }
   _inherits(UnexpectedExportOperationStateError, _Error);
   return _createClass(UnexpectedExportOperationStateError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
@@ -478,7 +481,7 @@ let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
   }
   _inherits(UnexpectedResourceTypeError, _Error);
   return _createClass(UnexpectedResourceTypeError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
@@ -492,7 +495,7 @@ let InvalidResponseError = /*#__PURE__*/function (_Error) {
   }
   _inherits(InvalidResponseError, _Error);
   return _createClass(InvalidResponseError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
+}(/*#__PURE__*/_wrapNativeSuper(Error));
 
 function useExportResourcesModalContext() {
   const context = useContext(ExportResourcesContext);
@@ -627,8 +630,26 @@ function validate(_ref) {
   return omitEmpty(errors);
 }
 
-function resourceTypeToFileName(resourceType) {
-  const todayFormatted = moment().format('DD-MM-YY_HH-mm');
+function resourceTypeToFileName(resourceType, locale) {
+  var _context;
+  const date = new Date();
+  const dateFormatter = new Intl.DateTimeFormat(locale, {
+    year: '2-digit',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false
+  });
+  const parts = dateFormatter.formatToParts(date);
+  const dateParts = _reduceInstanceProperty(parts).call(parts, (acc, part) => {
+    if (part.type !== 'literal') {
+      acc[part.type] = part.value;
+    }
+    return acc;
+  }, {});
+  const orderedDateParts = _mapInstanceProperty(_context = _filterInstanceProperty(parts).call(parts, part => part.type === 'day' || part.type === 'month' || part.type === 'year')).call(_context, part => dateParts[part.type]).join('-');
+  const formattedDate = `${orderedDateParts}_${dateParts.hour}-${dateParts.minute}`;
   const resourceTypeMap = {
     [EXPORTABLE_RESOURCES.CATEGORY]: 'Categories',
     [EXPORTABLE_RESOURCES.PRODUCT]: 'Products',
@@ -642,7 +663,7 @@ function resourceTypeToFileName(resourceType) {
   if (!displayName) {
     throw new UnexpectedResourceTypeError(resourceType);
   }
-  return `${displayName}_Export_${todayFormatted}`;
+  return `${displayName}_Export_${formattedDate}`;
 }
 function mapLocalesToOptions(locales) {
   return _mapInstanceProperty(locales).call(locales, locale => ({
@@ -846,9 +867,11 @@ const updateFieldDependenciesStatus = formik => {
 const useInitialValues = props => {
   var _context;
   const _useApplicationContex = useApplicationContext(applicationContext => ({
-      locale: applicationContext.dataLocale
+      locale: applicationContext.dataLocale,
+      userLocale: applicationContext.user?.locale
     })),
-    locale = _useApplicationContex.locale;
+    locale = _useApplicationContex.locale,
+    userLocale = _useApplicationContex.userLocale;
   const _useApplicationContex2 = useApplicationContext(context => ({
       projectKey: context.project?.key
     })),
@@ -869,11 +892,11 @@ const useInitialValues = props => {
     groups = updateFieldGroupsWithIsExpandedValue(groups, cachedExpandedGroups[props.resourceType] || {});
     return {
       outputFormat: props.outputFormat,
-      fileName: `${resourceTypeToFileName(props.resourceType)}`,
+      fileName: `${resourceTypeToFileName(props.resourceType, userLocale)}`,
       locales: [locale],
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups)
     };
-  }, [props.fieldGroups, props.resourceType, props.outputFormat, cachedSelectedGroups, cachedExpandedGroups, locale]);
+  }, [props.fieldGroups, props.resourceType, props.outputFormat, cachedSelectedGroups, cachedExpandedGroups, locale, userLocale]);
 };
 
 async function createExportOperation(_ref, asyncDispatchFn) {
@@ -1836,19 +1859,19 @@ const getChunkImport = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return import( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-d065df9f.esm.js');
+      return import(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-d065df9f.esm.js');
     case 'es':
-      return import( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-3072d392.esm.js');
+      return import(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-3072d392.esm.js');
     case 'fr-FR':
-      return import( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-9be90155.esm.js');
+      return import(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-9be90155.esm.js');
     case 'zh-CN':
-      return import( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-1da404c0.esm.js');
+      return import(/* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-1da404c0.esm.js');
     case 'ja':
-      return import( /* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-73c088a7.esm.js');
+      return import(/* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-73c088a7.esm.js');
     case 'pt-BR':
-      return import( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-5cf442aa.esm.js');
+      return import(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-5cf442aa.esm.js');
     default:
-      return import( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-489b5062.esm.js');
+      return import(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-489b5062.esm.js');
   }
 };
 const loadMessages = async locale => {
@@ -1902,6 +1925,23 @@ const useAsyncIntlMessages = (locale, loader) => {
 
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function invalidateLaunchDarklyCachedFeatureFlag(flagName) {
+  for (let _ref of _Object$entries(localStorage)) {
+    var _ref2 = _slicedToArray(_ref, 1);
+    let key = _ref2[0];
+    // This is the pattern that the LaunchDarkly adapter uses to store the flags
+    if (_startsWithInstanceProperty(key).call(key, '@flopflip/launchdarkly-adapter/') && _endsWithInstanceProperty(key).call(key, '/flags')) {
+      try {
+        const flags = JSON.parse(localStorage.getItem(key) || '{}');
+        if (flags[flagName] !== undefined) {
+          delete flags[flagName];
+          localStorage.setItem(key, _JSON$stringify(flags));
+        }
+      } catch (error) {}
+    }
+  }
+}
+invalidateLaunchDarklyCachedFeatureFlag('enableOperationsExport');
 const ExportResourcesModal = props => {
   const _useApplicationContex = useApplicationContext(context => ({
       locale: context.user && context.user.locale

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "4.6.10",
+  "version": "4.6.12",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -17,7 +17,7 @@
   "dependencies": {
     "@babel/runtime": "7.25.6",
     "@babel/runtime-corejs3": "7.25.6",
-    "@commercetools-frontend/experimental-components": "6.2.0",
+    "@commercetools-frontend/experimental-components": "6.2.1",
     "@commercetools-frontend/fullstory": "2.4.5",
     "@emotion/react": "11.13.3",
     "@emotion/styled": "11.13.0",
@@ -47,7 +47,7 @@
     "@types/jest": "29.5.13",
     "@types/testing-library__jest-dom": "^5.14.5",
     "msw": "1.3.4",
-    "react-intl": "6.6.8",
+    "react-intl": "6.7.0",
     "react-redux": "7.2.9",
     "redux": "4.2.1",
     "rimraf": "6.0.1"