@commercetools-frontend-extensions/export-resources-modal 0.0.0-canary-20250317095313 → 0.0.0-canary-20250318120620

package/dist/{active-drag-drop-area-071ebeac.esm.js → active-drag-drop-area-18db16ae.esm.js}

@@ -1,4 +1,4 @@
-import { F as FileDropped, E as EnabledDropArea } from './index-02e307ad.esm.js';
+import { F as FileDropped, E as EnabledDropArea } from './index-dc5cae5e.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/helpers/defineProperty';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
@@ -51,7 +51,6 @@ import '@commercetools-frontend/constants';
 import '@commercetools-frontend/sdk';
 import '@commercetools-frontend/l10n';
 import 'lodash/sortBy';
-import '@commercetools-frontend/application-shell';
 import '@emotion/styled/base';
 import 'lodash/debounce';
 import '@emotion/react';

package/dist/{active-drag-drop-area-ecfc4fec.cjs.dev.js → active-drag-drop-area-234b8203.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-bad67a14.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-de653bfb.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
@@ -53,7 +53,6 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/sdk');
 require('@commercetools-frontend/l10n');
 require('lodash/sortBy');
-require('@commercetools-frontend/application-shell');
 require('@emotion/styled/base');
 require('lodash/debounce');
 require('@emotion/react');

package/dist/{active-drag-drop-area-903dd047.cjs.prod.js → active-drag-drop-area-8acbbe47.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-4f7bf024.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e00e15d3.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
@@ -53,7 +53,6 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/sdk');
 require('@commercetools-frontend/l10n');
 require('lodash/sortBy');
-require('@commercetools-frontend/application-shell');
 require('@emotion/styled/base');
 require('lodash/debounce');
 require('@emotion/react');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-bad67a14.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-de653bfb.cjs.dev.js');
 require('react');
 require('@commercetools-frontend/ui-kit');
 require('@emotion/react/jsx-runtime');
@@ -42,7 +42,6 @@ require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 require('@babel/runtime-corejs3/core-js-stable/promise');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/object/values');
-require('@commercetools-frontend/application-shell');
 require('@commercetools-frontend/application-shell-connectors');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-4f7bf024.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e00e15d3.cjs.prod.js');
 require('react');
 require('@commercetools-frontend/ui-kit');
 require('@emotion/react/jsx-runtime');
@@ -42,7 +42,6 @@ require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 require('@babel/runtime-corejs3/core-js-stable/promise');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/object/values');
-require('@commercetools-frontend/application-shell');
 require('@commercetools-frontend/application-shell-connectors');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@emotion/styled/base');

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

@@ -1,4 +1,4 @@
-export { c as EXPORTABLE_RESOURCES, b as EXPORT_TYPES, L as LocaleOption, S as Step, a as default, d as useConvertFieldDefinitionsForExport } from './index-02e307ad.esm.js';
+export { c as EXPORTABLE_RESOURCES, b as EXPORT_TYPES, L as LocaleOption, S as Step, a as default, d as useConvertFieldDefinitionsForExport } from './index-dc5cae5e.esm.js';
 import 'react';
 import '@commercetools-frontend/ui-kit';
 import '@emotion/react/jsx-runtime';
@@ -38,7 +38,6 @@ import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
 import '@babel/runtime-corejs3/core-js-stable/promise';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@babel/runtime-corejs3/core-js-stable/object/values';
-import '@commercetools-frontend/application-shell';
 import '@commercetools-frontend/application-shell-connectors';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';

package/dist/declarations/src/@constants/feature-toggles.d.ts

@@ -1,8 +1,3 @@
-export declare const CSV_EXPORTER_TEMPLATE = "csvExporterTemplate";
-export declare const DEFAULT_SHORT_LIVED_FLAGS: {
-    csvExporterTemplate: boolean;
-};
+export declare const DEFAULT_SHORT_LIVED_FLAGS: {};
 export declare const DEFAULT_LONG_LIVED_FLAGS: {};
-export declare const ALL_DEFAULT_FEATURE_FLAGS: {
-    csvExporterTemplate: boolean;
-};
+export declare const ALL_DEFAULT_FEATURE_FLAGS: {};

package/dist/{enabled-drop-area-625d68de.cjs.dev.js → enabled-drop-area-0faf55ba.cjs.dev.js}

@@ -12,7 +12,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('react');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-bad67a14.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-de653bfb.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -53,7 +53,6 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/sdk');
 require('@commercetools-frontend/l10n');
 require('lodash/sortBy');
-require('@commercetools-frontend/application-shell');
 require('@emotion/styled/base');
 require('lodash/debounce');
 require('@emotion/react');

package/dist/{enabled-drop-area-e349c82c.cjs.prod.js → enabled-drop-area-2c0ab3d8.cjs.prod.js}

@@ -12,7 +12,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('react');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-4f7bf024.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e00e15d3.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -53,7 +53,6 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/sdk');
 require('@commercetools-frontend/l10n');
 require('lodash/sortBy');
-require('@commercetools-frontend/application-shell');
 require('@emotion/styled/base');
 require('lodash/debounce');
 require('@emotion/react');

package/dist/{enabled-drop-area-17147d3c.esm.js → enabled-drop-area-a7382da4.esm.js}

@@ -10,7 +10,7 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import 'react';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { m as messages } from './index-02e307ad.esm.js';
+import { m as messages } from './index-dc5cae5e.esm.js';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
@@ -51,7 +51,6 @@ import '@commercetools-frontend/constants';
 import '@commercetools-frontend/sdk';
 import '@commercetools-frontend/l10n';
 import 'lodash/sortBy';
-import '@commercetools-frontend/application-shell';
 import '@emotion/styled/base';
 import 'lodash/debounce';
 import '@emotion/react';

package/dist/{file-dropped-area-c7ea7ccf.cjs.dev.js → file-dropped-area-26dc2bbf.cjs.prod.js}

@@ -3,7 +3,7 @@
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-bad67a14.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e00e15d3.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('react');
@@ -53,7 +53,6 @@ require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/fullstory');
-require('@commercetools-frontend/application-shell');
 require('@emotion/styled/base');
 require('lodash/debounce');
 require('@emotion/react');

package/dist/{file-dropped-area-d14bd5f2.esm.js → file-dropped-area-db01eb93.esm.js}

@@ -1,7 +1,7 @@
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import { useIntl } from 'react-intl';
 import { Spacings, PaperclipIcon, Constraints, Text, SecondaryButton } from '@commercetools-frontend/ui-kit';
-import { u as useExportResourcesModalContext, m as messages } from './index-02e307ad.esm.js';
+import { u as useExportResourcesModalContext, m as messages } from './index-dc5cae5e.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import 'react';
@@ -51,7 +51,6 @@ import '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/fullstory';
-import '@commercetools-frontend/application-shell';
 import '@emotion/styled/base';
 import 'lodash/debounce';
 import '@emotion/react';

package/dist/{file-dropped-area-4e59547f.cjs.prod.js → file-dropped-area-e05ad409.cjs.dev.js}

@@ -3,7 +3,7 @@
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-4f7bf024.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-de653bfb.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('react');
@@ -53,7 +53,6 @@ require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/fullstory');
-require('@commercetools-frontend/application-shell');
 require('@emotion/styled/base');
 require('lodash/debounce');
 require('@emotion/react');

package/dist/{index-02e307ad.esm.js → index-dc5cae5e.esm.js}

@@ -50,7 +50,6 @@ import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
 import { formatLocalizedString, applyTransformedLocalizedFields } from '@commercetools-frontend/l10n';
 import sortBy from 'lodash/sortBy';
-import { useFeatureToggle } from '@commercetools-frontend/application-shell';
 import _styled from '@emotion/styled/base';
 import debounce from 'lodash/debounce';
 import { css } from '@emotion/react';
@@ -759,10 +758,7 @@ const FIELD_SELECTION_MODES = {
 
 function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$f(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$f(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const CSV_EXPORTER_TEMPLATE = 'csvExporterTemplate';
-const DEFAULT_SHORT_LIVED_FLAGS = {
-  [CSV_EXPORTER_TEMPLATE]: false
-};
+const DEFAULT_SHORT_LIVED_FLAGS = {};
 const DEFAULT_LONG_LIVED_FLAGS = {};
 _objectSpread$f(_objectSpread$f({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
 
@@ -1742,7 +1738,15 @@ const ExportFileSettingsStep = () => {
     formik = _useExportResourcesMo.formik,
     resourceType = _useExportResourcesMo.resourceType,
     setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
+    setLocaleOption = _useExportResourcesMo.setLocaleOption,
     onClose = _useExportResourcesMo.onClose;
+  const handleOutputFormatChange = event => {
+    formik.handleChange(event);
+    if (event.target.value === OUTPUT_FORMATS.JSON) {
+      setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
+      setLocaleOption(LocaleOption.Selected);
+    }
+  };
 
   // TODO: make this dynamic based on the resource type & output format (more scalable)
   const shouldShowPreferences = _includesInstanceProperty(_context = ['order', 'product']).call(_context, resourceType) && _valuesInstanceProperty(formik).outputFormat === 'csv';
@@ -1784,12 +1788,7 @@ const ExportFileSettingsStep = () => {
                 scale: "m",
                 children: [jsx(SelectField, {
                   name: "outputFormat",
-                  onChange: event => {
-                    formik.handleChange(event);
-                    if (event.target.value === OUTPUT_FORMATS.JSON) {
-                      setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
-                    }
-                  },
+                  onChange: handleOutputFormatChange,
                   onBlur: formik.handleBlur,
                   value: _valuesInstanceProperty(formik).outputFormat,
                   title: intl.formatMessage(messages.outputFormat),
@@ -1842,6 +1841,7 @@ const ExportLocaleSelectField = () => {
   const isLocalesSelectFieldDisabled = React.useMemo(() => {
     return localeOption === LocaleOption.OnlyLocalesFoundInCsvFile;
   }, [localeOption]);
+  const isCSVOutputFormat = _valuesInstanceProperty(formik).outputFormat === OUTPUT_FORMATS.CSV;
   const localeChangeHandler = React.useCallback(e => {
     const nextValue = e.target.value;
     if (nextValue === LocaleOption.All) formik.setFieldValue('locales', locales);else if (nextValue === LocaleOption.Selected) formik.setFieldValue('locales', [locale]);
@@ -1870,7 +1870,7 @@ const ExportLocaleSelectField = () => {
             "data-testid": "include-all-locales-toggle-input",
             value: LocaleOption.All,
             children: intl.formatMessage(messages.includeAllLocalesRadioOption)
-          }), jsx(RadioInput.Option, {
+          }), isCSVOutputFormat && jsx(RadioInput.Option, {
             "data-testid": "only-locales-found-in-the-csv-file",
             value: LocaleOption.OnlyLocalesFoundInCsvFile,
             isDisabled: isOnlyLocalesFoundInCsvFileOptionDisabled,
@@ -2494,7 +2494,6 @@ const Divider = /*#__PURE__*/_styled("hr", process.env.NODE_ENV === "production"
 
 const ExportFieldsSelectionStep = () => {
   const intl = useIntl();
-  const isCsvExporterTemplateEnabled = useFeatureToggle(CSV_EXPORTER_TEMPLATE);
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik,
     setCurrentStep = _useExportResourcesMo.setCurrentStep,
@@ -2503,7 +2502,7 @@ const ExportFieldsSelectionStep = () => {
     fieldSelectionMode = _useExportResourcesMo.fieldSelectionMode,
     setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
     setLocaleOption = _useExportResourcesMo.setLocaleOption;
-  const shouldDisableImportedCsvTemplateOption = !isCsvExporterTemplateEnabled || _valuesInstanceProperty(formik).outputFormat === OUTPUT_FORMATS.JSON;
+  const shouldDisableImportedCsvTemplateOption = _valuesInstanceProperty(formik).outputFormat === OUTPUT_FORMATS.JSON;
   const isUsingImportedCsvTemplate = fieldSelectionMode === 'imported-csv-template';
   const handleFieldSelectionModeChange = event => {
     const newFieldSelectionMode = event.target.value;
@@ -3003,11 +3002,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2RlZmF1bHQnKSB7XG4gICAgICByZXR1cm4gc3R5bGVzLnJlYWR5Rm9yRHJvcFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2FjdGl2ZS1kcmFnJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5hY3RpdmVEcmFnXG4gICAgfVxuICAgIGlmIChwcm9wcy5kcm9wQXJlYVN0YXRlID09PSAnZmlsZS1kcm9wcGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5maWxlRHJvcHBlZFxuICAgIH1cbiAgICByZXR1cm4gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKHByb3BzLmRyb3BBcmVhU3RhdGUpXG4gIH19XG5gXG5mdW5jdGlvbiBnZXREZWZhdWx0RHJvcFdyYXBwZXJTdHlsZXMoX2Ryb3BBcmVhU3RhdGU6IG5ldmVyKSB7XG4gIHJldHVybiBjc3NgYFxufVxuIl19 */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-071ebeac.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-18db16ae.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
 
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-17147d3c.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-a7382da4.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-d14bd5f2.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-db01eb93.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/dist/{index-bad67a14.cjs.dev.js → index-de653bfb.cjs.dev.js}

@@ -52,7 +52,6 @@ var constants = require('@commercetools-frontend/constants');
 var sdk = require('@commercetools-frontend/sdk');
 var l10n = require('@commercetools-frontend/l10n');
 var sortBy = require('lodash/sortBy');
-var applicationShell = require('@commercetools-frontend/application-shell');
 var _styled = require('@emotion/styled/base');
 var debounce = require('lodash/debounce');
 var react = require('@emotion/react');
@@ -799,10 +798,7 @@ const FIELD_SELECTION_MODES = {
 
 function ownKeys$f(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$f(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$f(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$f(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const CSV_EXPORTER_TEMPLATE = 'csvExporterTemplate';
-const DEFAULT_SHORT_LIVED_FLAGS = {
-  [CSV_EXPORTER_TEMPLATE]: false
-};
+const DEFAULT_SHORT_LIVED_FLAGS = {};
 const DEFAULT_LONG_LIVED_FLAGS = {};
 _objectSpread$f(_objectSpread$f({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
 
@@ -1782,7 +1778,15 @@ const ExportFileSettingsStep = () => {
     formik = _useExportResourcesMo.formik,
     resourceType = _useExportResourcesMo.resourceType,
     setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
+    setLocaleOption = _useExportResourcesMo.setLocaleOption,
     onClose = _useExportResourcesMo.onClose;
+  const handleOutputFormatChange = event => {
+    formik.handleChange(event);
+    if (event.target.value === OUTPUT_FORMATS.JSON) {
+      setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
+      setLocaleOption(LocaleOption.Selected);
+    }
+  };
 
   // TODO: make this dynamic based on the resource type & output format (more scalable)
   const shouldShowPreferences = _includesInstanceProperty__default["default"](_context = ['order', 'product']).call(_context, resourceType) && _valuesInstanceProperty__default["default"](formik).outputFormat === 'csv';
@@ -1824,12 +1828,7 @@ const ExportFileSettingsStep = () => {
                 scale: "m",
                 children: [jsxRuntime.jsx(uiKit.SelectField, {
                   name: "outputFormat",
-                  onChange: event => {
-                    formik.handleChange(event);
-                    if (event.target.value === OUTPUT_FORMATS.JSON) {
-                      setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
-                    }
-                  },
+                  onChange: handleOutputFormatChange,
                   onBlur: formik.handleBlur,
                   value: _valuesInstanceProperty__default["default"](formik).outputFormat,
                   title: intl.formatMessage(messages.outputFormat),
@@ -1882,6 +1881,7 @@ const ExportLocaleSelectField = () => {
   const isLocalesSelectFieldDisabled = React__default["default"].useMemo(() => {
     return localeOption === LocaleOption.OnlyLocalesFoundInCsvFile;
   }, [localeOption]);
+  const isCSVOutputFormat = _valuesInstanceProperty__default["default"](formik).outputFormat === OUTPUT_FORMATS.CSV;
   const localeChangeHandler = React__default["default"].useCallback(e => {
     const nextValue = e.target.value;
     if (nextValue === LocaleOption.All) formik.setFieldValue('locales', locales);else if (nextValue === LocaleOption.Selected) formik.setFieldValue('locales', [locale]);
@@ -1910,7 +1910,7 @@ const ExportLocaleSelectField = () => {
             "data-testid": "include-all-locales-toggle-input",
             value: LocaleOption.All,
             children: intl.formatMessage(messages.includeAllLocalesRadioOption)
-          }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
+          }), isCSVOutputFormat && jsxRuntime.jsx(uiKit.RadioInput.Option, {
             "data-testid": "only-locales-found-in-the-csv-file",
             value: LocaleOption.OnlyLocalesFoundInCsvFile,
             isDisabled: isOnlyLocalesFoundInCsvFileOptionDisabled,
@@ -2534,7 +2534,6 @@ const Divider = /*#__PURE__*/_styled__default["default"]("hr", process.env.NODE_
 
 const ExportFieldsSelectionStep = () => {
   const intl = reactIntl.useIntl();
-  const isCsvExporterTemplateEnabled = applicationShell.useFeatureToggle(CSV_EXPORTER_TEMPLATE);
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik,
     setCurrentStep = _useExportResourcesMo.setCurrentStep,
@@ -2543,7 +2542,7 @@ const ExportFieldsSelectionStep = () => {
     fieldSelectionMode = _useExportResourcesMo.fieldSelectionMode,
     setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
     setLocaleOption = _useExportResourcesMo.setLocaleOption;
-  const shouldDisableImportedCsvTemplateOption = !isCsvExporterTemplateEnabled || _valuesInstanceProperty__default["default"](formik).outputFormat === OUTPUT_FORMATS.JSON;
+  const shouldDisableImportedCsvTemplateOption = _valuesInstanceProperty__default["default"](formik).outputFormat === OUTPUT_FORMATS.JSON;
   const isUsingImportedCsvTemplate = fieldSelectionMode === 'imported-csv-template';
   const handleFieldSelectionModeChange = event => {
     const newFieldSelectionMode = event.target.value;
@@ -3043,11 +3042,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2RlZmF1bHQnKSB7XG4gICAgICByZXR1cm4gc3R5bGVzLnJlYWR5Rm9yRHJvcFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2FjdGl2ZS1kcmFnJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5hY3RpdmVEcmFnXG4gICAgfVxuICAgIGlmIChwcm9wcy5kcm9wQXJlYVN0YXRlID09PSAnZmlsZS1kcm9wcGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5maWxlRHJvcHBlZFxuICAgIH1cbiAgICByZXR1cm4gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKHByb3BzLmRyb3BBcmVhU3RhdGUpXG4gIH19XG5gXG5mdW5jdGlvbiBnZXREZWZhdWx0RHJvcFdyYXBwZXJTdHlsZXMoX2Ryb3BBcmVhU3RhdGU6IG5ldmVyKSB7XG4gIHJldHVybiBjc3NgYFxufVxuIl19 */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-ecfc4fec.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-234b8203.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-625d68de.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-0faf55ba.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-c7ea7ccf.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-e05ad409.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/dist/{index-4f7bf024.cjs.prod.js → index-e00e15d3.cjs.prod.js}

@@ -52,7 +52,6 @@ var constants = require('@commercetools-frontend/constants');
 var sdk = require('@commercetools-frontend/sdk');
 var l10n = require('@commercetools-frontend/l10n');
 var sortBy = require('lodash/sortBy');
-var applicationShell = require('@commercetools-frontend/application-shell');
 var _styled = require('@emotion/styled/base');
 var debounce = require('lodash/debounce');
 var react = require('@emotion/react');
@@ -799,10 +798,7 @@ const FIELD_SELECTION_MODES = {
 
 function ownKeys$f(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$f(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$f(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$f(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const CSV_EXPORTER_TEMPLATE = 'csvExporterTemplate';
-const DEFAULT_SHORT_LIVED_FLAGS = {
-  [CSV_EXPORTER_TEMPLATE]: false
-};
+const DEFAULT_SHORT_LIVED_FLAGS = {};
 const DEFAULT_LONG_LIVED_FLAGS = {};
 _objectSpread$f(_objectSpread$f({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
 
@@ -1782,7 +1778,15 @@ const ExportFileSettingsStep = () => {
     formik = _useExportResourcesMo.formik,
     resourceType = _useExportResourcesMo.resourceType,
     setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
+    setLocaleOption = _useExportResourcesMo.setLocaleOption,
     onClose = _useExportResourcesMo.onClose;
+  const handleOutputFormatChange = event => {
+    formik.handleChange(event);
+    if (event.target.value === OUTPUT_FORMATS.JSON) {
+      setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
+      setLocaleOption(LocaleOption.Selected);
+    }
+  };
 
   // TODO: make this dynamic based on the resource type & output format (more scalable)
   const shouldShowPreferences = _includesInstanceProperty__default["default"](_context = ['order', 'product']).call(_context, resourceType) && _valuesInstanceProperty__default["default"](formik).outputFormat === 'csv';
@@ -1824,12 +1828,7 @@ const ExportFileSettingsStep = () => {
                 scale: "m",
                 children: [jsxRuntime.jsx(uiKit.SelectField, {
                   name: "outputFormat",
-                  onChange: event => {
-                    formik.handleChange(event);
-                    if (event.target.value === OUTPUT_FORMATS.JSON) {
-                      setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
-                    }
-                  },
+                  onChange: handleOutputFormatChange,
                   onBlur: formik.handleBlur,
                   value: _valuesInstanceProperty__default["default"](formik).outputFormat,
                   title: intl.formatMessage(messages.outputFormat),
@@ -1882,6 +1881,7 @@ const ExportLocaleSelectField = () => {
   const isLocalesSelectFieldDisabled = React__default["default"].useMemo(() => {
     return localeOption === LocaleOption.OnlyLocalesFoundInCsvFile;
   }, [localeOption]);
+  const isCSVOutputFormat = _valuesInstanceProperty__default["default"](formik).outputFormat === OUTPUT_FORMATS.CSV;
   const localeChangeHandler = React__default["default"].useCallback(e => {
     const nextValue = e.target.value;
     if (nextValue === LocaleOption.All) formik.setFieldValue('locales', locales);else if (nextValue === LocaleOption.Selected) formik.setFieldValue('locales', [locale]);
@@ -1910,7 +1910,7 @@ const ExportLocaleSelectField = () => {
             "data-testid": "include-all-locales-toggle-input",
             value: LocaleOption.All,
             children: intl.formatMessage(messages.includeAllLocalesRadioOption)
-          }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
+          }), isCSVOutputFormat && jsxRuntime.jsx(uiKit.RadioInput.Option, {
             "data-testid": "only-locales-found-in-the-csv-file",
             value: LocaleOption.OnlyLocalesFoundInCsvFile,
             isDisabled: isOnlyLocalesFoundInCsvFileOptionDisabled,
@@ -2501,7 +2501,6 @@ const Divider = /*#__PURE__*/_styled__default["default"]("hr", {
 
 const ExportFieldsSelectionStep = () => {
   const intl = reactIntl.useIntl();
-  const isCsvExporterTemplateEnabled = applicationShell.useFeatureToggle(CSV_EXPORTER_TEMPLATE);
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik,
     setCurrentStep = _useExportResourcesMo.setCurrentStep,
@@ -2510,7 +2509,7 @@ const ExportFieldsSelectionStep = () => {
     fieldSelectionMode = _useExportResourcesMo.fieldSelectionMode,
     setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
     setLocaleOption = _useExportResourcesMo.setLocaleOption;
-  const shouldDisableImportedCsvTemplateOption = !isCsvExporterTemplateEnabled || _valuesInstanceProperty__default["default"](formik).outputFormat === OUTPUT_FORMATS.JSON;
+  const shouldDisableImportedCsvTemplateOption = _valuesInstanceProperty__default["default"](formik).outputFormat === OUTPUT_FORMATS.JSON;
   const isUsingImportedCsvTemplate = fieldSelectionMode === 'imported-csv-template';
   const handleFieldSelectionModeChange = event => {
     const newFieldSelectionMode = event.target.value;
@@ -3007,11 +3006,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-903dd047.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-8acbbe47.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-e349c82c.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-2c0ab3d8.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-4e59547f.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-26dc2bbf.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/package.json

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