npm - @commercetools-frontend-extensions/export-resources-modal - Versions diffs - 5.0.0 → 5.0.2 - Mend

@commercetools-frontend-extensions/export-resources-modal 5.0.0 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/dist/{active-drag-drop-area-3c408710.cjs.dev.js → active-drag-drop-area-246e09ed.cjs.dev.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1a99ddcf.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-185b5da9.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
@@ -33,7 +33,6 @@ require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-require('@commercetools-frontend/experimental-components');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('omit-empty-es');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
@@ -55,11 +54,11 @@ require('@commercetools-frontend/l10n');
 require('lodash/sortBy');
 require('@emotion/styled/base');
 require('lodash/debounce');
-require('@emotion/react');
-require('lodash/get');
 require('formik');
 require('@commercetools-uikit/icons');
+require('@emotion/react');
 require('react-dropzone');
+require('lodash/get');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/sentry');

package/dist/{active-drag-drop-area-12daa26c.cjs.prod.js → active-drag-drop-area-6802ee61.cjs.prod.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e05daeff.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-a7cca1c7.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
@@ -33,7 +33,6 @@ require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-require('@commercetools-frontend/experimental-components');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('omit-empty-es');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');

package/dist/{active-drag-drop-area-b979d5d1.esm.js → active-drag-drop-area-90469307.esm.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { F as FileDropped, E as EnabledDropArea } from './index-b645c74b.esm.js';
+import { F as FileDropped, E as EnabledDropArea } from './index-0feee441.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/helpers/defineProperty';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
@@ -31,7 +31,6 @@ import '@babel/runtime-corejs3/helpers/getPrototypeOf';
 import '@babel/runtime-corejs3/helpers/inherits';
 import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
-import '@commercetools-frontend/experimental-components';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'omit-empty-es';
 import '@babel/runtime-corejs3/core-js-stable/instance/some';
@@ -53,11 +52,11 @@ import '@commercetools-frontend/l10n';
 import 'lodash/sortBy';
 import '@emotion/styled/base';
 import 'lodash/debounce';
-import '@emotion/react';
-import 'lodash/get';
 import 'formik';
 import '@commercetools-uikit/icons';
+import '@emotion/react';
 import 'react-dropzone';
+import 'lodash/get';
 import '@commercetools-frontend/i18n';
 import '@commercetools-frontend/sentry';

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1a99ddcf.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-185b5da9.cjs.dev.js');
 require('react');
 require('@commercetools-frontend/ui-kit');
 require('@emotion/react/jsx-runtime');
@@ -48,14 +48,13 @@ require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('formik');
 require('@commercetools-uikit/icons');
 require('react-dropzone');
-require('@commercetools-frontend/experimental-components');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/constants');
 require('@commercetools-frontend/sdk');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
-require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@commercetools-frontend/l10n');
 require('lodash/sortBy');
 require('@emotion/styled/base');

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e05daeff.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-a7cca1c7.cjs.prod.js');
 require('react');
 require('@commercetools-frontend/ui-kit');
 require('@emotion/react/jsx-runtime');
@@ -45,7 +45,6 @@ require('@babel/runtime-corejs3/core-js-stable/object/values');
 require('@commercetools-frontend/application-shell-connectors');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@emotion/styled/base');
-require('@commercetools-frontend/experimental-components');
 require('lodash/debounce');
 require('@emotion/react');
 require('lodash/get');
@@ -53,13 +52,13 @@ require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('formik');
 require('@commercetools-uikit/icons');
 require('react-dropzone');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/constants');
 require('@commercetools-frontend/sdk');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
-require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@commercetools-frontend/l10n');
 require('lodash/sortBy');
 require('@commercetools-frontend/i18n');

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

@@ -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-b645c74b.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-0feee441.esm.js';
 import 'react';
 import '@commercetools-frontend/ui-kit';
 import '@emotion/react/jsx-runtime';
@@ -44,14 +44,13 @@ import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'formik';
 import '@commercetools-uikit/icons';
 import 'react-dropzone';
-import '@commercetools-frontend/experimental-components';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@commercetools-frontend/actions-global';
 import '@commercetools-frontend/constants';
 import '@commercetools-frontend/sdk';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
-import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@commercetools-frontend/l10n';
 import 'lodash/sortBy';
 import '@emotion/styled/base';

package/dist/declarations/src/@hooks/index.d.ts CHANGED Viewed

@@ -3,3 +3,4 @@ export * from "./use-initial-values.js";
 export * from "./use-start-export-operation.js";
 export * from "./use-convert-field-definitions-for-export.js";
 export * from "./use-validate-imported-headers.js";
+export * from "./use-storage.js";

package/dist/declarations/src/@hooks/use-storage.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+type StorageType = 'local' | 'session';
+export type UseStorageOptions = {
+    storageType: StorageType;
+    segregateByUser: boolean;
+};
+declare const useStorage: <TStorageState>(storageKey: string, initialStorageValue: TStorageState, options?: Partial<UseStorageOptions>) => [TStorageState | null, (nextStorageValue: TStorageState) => void, () => TStorageState | null];
+export { useStorage };

package/dist/{enabled-drop-area-a25dfe55.cjs.dev.js → enabled-drop-area-044cdd05.cjs.dev.js} RENAMED Viewed

@@ -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-1a99ddcf.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-185b5da9.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -33,7 +33,6 @@ require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-require('@commercetools-frontend/experimental-components');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('omit-empty-es');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
@@ -55,11 +54,11 @@ require('@commercetools-frontend/l10n');
 require('lodash/sortBy');
 require('@emotion/styled/base');
 require('lodash/debounce');
-require('@emotion/react');
-require('lodash/get');
 require('formik');
 require('@commercetools-uikit/icons');
+require('@emotion/react');
 require('react-dropzone');
+require('lodash/get');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/sentry');

package/dist/{enabled-drop-area-9ca41e63.esm.js → enabled-drop-area-2ed24b7a.esm.js} RENAMED Viewed

@@ -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-b645c74b.esm.js';
+import { m as messages } from './index-0feee441.esm.js';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
@@ -31,7 +31,6 @@ import '@babel/runtime-corejs3/helpers/getPrototypeOf';
 import '@babel/runtime-corejs3/helpers/inherits';
 import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
-import '@commercetools-frontend/experimental-components';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'omit-empty-es';
 import '@babel/runtime-corejs3/core-js-stable/instance/some';
@@ -53,11 +52,11 @@ import '@commercetools-frontend/l10n';
 import 'lodash/sortBy';
 import '@emotion/styled/base';
 import 'lodash/debounce';
-import '@emotion/react';
-import 'lodash/get';
 import 'formik';
 import '@commercetools-uikit/icons';
+import '@emotion/react';
 import 'react-dropzone';
+import 'lodash/get';
 import '@commercetools-frontend/i18n';
 import '@commercetools-frontend/sentry';

package/dist/{enabled-drop-area-ed00d1fd.cjs.prod.js → enabled-drop-area-51e64b1f.cjs.prod.js} RENAMED Viewed

@@ -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-e05daeff.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-a7cca1c7.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -33,7 +33,6 @@ require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-require('@commercetools-frontend/experimental-components');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('omit-empty-es');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');

package/dist/{file-dropped-area-65ac353d.esm.js → file-dropped-area-42617d09.esm.js} RENAMED Viewed

@@ -1,17 +1,24 @@
 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-b645c74b.esm.js';
+import { u as useExportResourcesModalContext, m as messages } from './index-0feee441.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import 'react';
 import '@commercetools-frontend/application-shell-connectors';
-import '@commercetools-frontend/experimental-components';
-import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import '@babel/runtime-corejs3/core-js-stable/object/keys';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import '@babel/runtime-corejs3/helpers/defineProperty';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'omit-empty-es';
 import '@babel/runtime-corejs3/core-js-stable/instance/some';
-import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/instance/every';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
@@ -28,13 +35,6 @@ import '@babel/runtime-corejs3/helpers/getPrototypeOf';
 import '@babel/runtime-corejs3/helpers/inherits';
 import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import '@babel/runtime-corejs3/core-js-stable/object/keys';
-import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
-import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
-import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
-import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
-import '@babel/runtime-corejs3/core-js-stable/object/define-property';
-import '@babel/runtime-corejs3/helpers/defineProperty';
 import '@babel/runtime-corejs3/core-js-stable/promise';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';
@@ -48,16 +48,15 @@ import 'lodash/sortBy';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 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 '@emotion/styled/base';
 import 'lodash/debounce';
-import '@emotion/react';
-import 'lodash/get';
 import 'formik';
 import '@commercetools-uikit/icons';
+import '@emotion/react';
 import 'react-dropzone';
+import 'lodash/get';
 import '@commercetools-frontend/i18n';
 import '@commercetools-frontend/sentry';

package/dist/{file-dropped-area-f19b8e0b.cjs.dev.js → file-dropped-area-a39684d2.cjs.prod.js} RENAMED Viewed

@@ -3,17 +3,24 @@
 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-1a99ddcf.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-a7cca1c7.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('react');
 require('@commercetools-frontend/application-shell-connectors');
-require('@commercetools-frontend/experimental-components');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('omit-empty-es');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
-require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/instance/every');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -30,13 +37,6 @@ require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('@babel/runtime-corejs3/core-js-stable/object/keys');
-require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
-require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
-require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
-require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
-require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/core-js-stable/promise');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -50,7 +50,6 @@ require('lodash/sortBy');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 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('@emotion/styled/base');

package/dist/{file-dropped-area-cf131b6e.cjs.prod.js → file-dropped-area-ca32d348.cjs.dev.js} RENAMED Viewed

@@ -3,17 +3,24 @@
 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-e05daeff.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-185b5da9.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('react');
 require('@commercetools-frontend/application-shell-connectors');
-require('@commercetools-frontend/experimental-components');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('omit-empty-es');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
-require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/instance/every');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -30,13 +37,6 @@ require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('@babel/runtime-corejs3/core-js-stable/object/keys');
-require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
-require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
-require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
-require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
-require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/core-js-stable/promise');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -50,16 +50,15 @@ require('lodash/sortBy');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 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('@emotion/styled/base');
 require('lodash/debounce');
-require('@emotion/react');
-require('lodash/get');
 require('formik');
 require('@commercetools-uikit/icons');
+require('@emotion/react');
 require('react-dropzone');
+require('lodash/get');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/sentry');

package/dist/{index-b645c74b.esm.js → index-0feee441.esm.js} RENAMED Viewed

@@ -21,7 +21,7 @@ import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/ins
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import { FormDialog } from '@commercetools-frontend/application-components';
 import { Masking } from '@commercetools-frontend/fullstory';
-import React, { useContext, useCallback, createContext, Fragment as Fragment$1, useMemo, lazy, useState, useEffect } from 'react';
+import React, { useContext, useCallback, useState, useEffect, createContext, Fragment as Fragment$1, useMemo, lazy } from 'react';
 import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
 import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
 import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
@@ -30,7 +30,6 @@ 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 _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';
 import omitEmpty from 'omit-empty-es';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
@@ -52,11 +51,11 @@ import { formatLocalizedString, applyTransformedLocalizedFields } from '@commerc
 import sortBy from 'lodash/sortBy';
 import _styled from '@emotion/styled/base';
 import debounce from 'lodash/debounce';
-import { css } from '@emotion/react';
-import get from 'lodash/get';
 import { useFormik } from 'formik';
 import { OperationsIcon, WarningIcon, ImportIcon } from '@commercetools-uikit/icons';
+import { css } from '@emotion/react';
 import { useDropzone } from 'react-dropzone';
+import get from 'lodash/get';
 import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
@@ -584,14 +583,14 @@ var messages = defineMessages({
   }
 });
-function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$g(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$g(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$h(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$h(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function renderFileNameError(key) {
   switch (key) {
     case 'missing':
-      return jsx(FormattedMessage, _objectSpread$g({}, messages.missingFileNameError));
+      return jsx(FormattedMessage, _objectSpread$h({}, messages.missingFileNameError));
     case 'invalidInput':
-      return jsx(FormattedMessage, _objectSpread$g({}, messages.invalidFileNameError));
+      return jsx(FormattedMessage, _objectSpread$h({}, messages.invalidFileNameError));
     default:
       return null;
   }
@@ -599,7 +598,7 @@ function renderFileNameError(key) {
 function renderLocaleError(key) {
   switch (key) {
     case 'missing':
-      return jsx(FormattedMessage, _objectSpread$g({}, messages.missingLocaleError));
+      return jsx(FormattedMessage, _objectSpread$h({}, messages.missingLocaleError));
     default:
       return null;
   }
@@ -670,6 +669,69 @@ function useExportResourcesModalContext() {
   return context;
 }
+function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$g(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$g(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const defaultOptions = {
+  storageType: 'local',
+  segregateByUser: true
+};
+const safeParse = value => {
+  if (value === null) return value;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return value;
+  }
+};
+const serialize = value => _JSON$stringify(value);
+const getStorage = storageType => storageType === 'session' ? sessionStorage : localStorage;
+const isNil = value => typeof value === 'undefined' || value === null;
+const useStorage = (storageKey, initialStorageValue, options) => {
+  var _context;
+  const mergedOptions = _objectSpread$g(_objectSpread$g({}, defaultOptions), options);
+  const userId = useApplicationContext(context => context.user?.id);
+  const scopedStorageKey = _filterInstanceProperty(_context = [mergedOptions.segregateByUser && userId, storageKey]).call(_context, Boolean).join('/');
+  const readFromStorage = useCallback(() => {
+    const rawStorageValue = getStorage(mergedOptions.storageType).getItem(scopedStorageKey);
+    /**
+     * NOTE:
+     *    We prior wrote `undefined` or `null` to storage which when written
+     *    to storage via `setItem` results in `"undefined"` or `"null"`
+     *    being written polluting the storage.
+     */
+    if (rawStorageValue === 'undefined' || rawStorageValue === 'null') {
+      getStorage(mergedOptions.storageType).removeItem(scopedStorageKey);
+      return null;
+    }
+    const parsedStorageValue = safeParse(rawStorageValue);
+    return parsedStorageValue;
+  }, [mergedOptions.storageType, scopedStorageKey]);
+  const initializeStorageValue = () => {
+    // default the storage value to the initial provided value when provided
+    return readFromStorage() ?? initialStorageValue ?? null;
+  };
+  const _useState = useState(initializeStorageValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    actualStorageValue = _useState2[0],
+    setActualStorageValue = _useState2[1];
+  const writeToStorage = useCallback(nextStorageValue => {
+    getStorage(mergedOptions.storageType).setItem(scopedStorageKey, serialize(nextStorageValue));
+    setActualStorageValue(nextStorageValue);
+  }, [scopedStorageKey, mergedOptions.storageType]);
+  // set the initial storage value in the storage. The reason why this is not
+  // done in initializeStorageValue is the state initializer function should
+  // be pure.
+  // https://beta.reactjs.org/apis/react/useState#my-initializer-or-updater-function-runs-twice
+  useEffect(() => {
+    if (isNil(readFromStorage()) && !isNil(initialStorageValue)) {
+      writeToStorage(initialStorageValue);
+    }
+  }, [actualStorageValue, initialStorageValue, readFromStorage, writeToStorage]);
+  return [actualStorageValue, writeToStorage, readFromStorage];
+};
 const Z_INDEX_DROPDOWN = 30000;
 const OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION = 'OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION';
 const OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP = 'OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP';
@@ -1738,7 +1800,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';
@@ -1780,12 +1850,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),
@@ -1838,6 +1903,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]);
@@ -1866,7 +1932,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,
@@ -2369,7 +2435,7 @@ const StyledGridCard = /*#__PURE__*/_styled(Card, process.env.NODE_ENV === "prod
 } : {
   target: "e1odwg620",
   label: "StyledGridCard"
-})("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdGVkLWZpZWxkcy1mb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q21DIiwiZmlsZSI6InNlbGVjdGVkLWZpZWxkcy1mb3JtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7IHVzZVN0b3JhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9leHBlcmltZW50YWwtY29tcG9uZW50cydcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgZGVib3VuY2UgZnJvbSAnbG9kYXNoL2RlYm91bmNlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc01vZGFsQ29udGV4dCB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCB7IHR5cGUgRm9ybUZpZWxkLCB0eXBlIEZvcm1Hcm91cCB9IGZyb20gJy4uLy4uL0B0eXBlcydcbmltcG9ydCB7IHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzIH0gZnJvbSAnLi4vLi4vQHV0aWxzJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgTm9TZWFyY2hSZXN1bHRzIH0gZnJvbSAnLi4vbm8tc2VhcmNoLXJlc3VsdHMnXG5cbmNvbnN0IHRvdGFsU3BhY2luZyA9XG4gIDU2ICsgLy8gTUMgaGVhZGVyXG4gIDMyICogMiArIC8vIG91dGVyIG1vZGFsIHNwYWNpbmdcbiAgKDMyICsgNDApICsgLy8gZm9vdGVyIChkaWFsb2cgYnV0dG9ucyArIG1hcmdpbilcbiAgNDAgKyAvLyBzZWFyY2ggaW5wdXRcbiAgMjQgKyAvLyBzZWFyY2ggaW5wdXQgcGFkZGluZ1xuICAyNCArIC8vIG1vZGFsIGhlYWRlclxuICAxNiArIC8vIG1vZGFsIGhlYWRlciBtYXJnaW5cbiAgOCArIC8vIHNwYWNpbmcgYmV0d2VlbiBzZWFyY2ggaW5wdXQgYW5kIGdyaWQgY2FyZFxuICAoMTYgKiAyICsgOCAqIDIpICsgLy8gbW9kYWwgcGFkZGluZ3NcbiAgMjYgKyAvLyBcIlNlbGVjdCBmaWVsZHMgZnJvbSBhIGxpbWl0ZWQgbGlzdFwiIHJhZGlvIGJ1dHRvbiBoZWlnaHRcbiAgMjYgKyAvLyBcIlNlbGVjdCBmaWVsZHMgZnJvbSBhbiBpbXBvcnRlZCBDU1YgdGVtcGxhdGVcIiByYWRpbyBidXR0b24gaGVpZ2h0XG4gIDQ4ICsgLy8gSW5zZXQgcGFkZGluZ3MgKHRvcCArIGJvdHRvbSlcbiAgMSArIC8vIDFzdCBEaXZpZGVyIGhlaWdodFxuICAxICsgLy8gMm5kIERpdmlkZXIgaGVpZ2h0XG4gIDggK1xuICA4ICsgLy8gRGl2aWRlciBtYXJnaW5zXG4gIDg2ICsgLy8gbG9jYWxlIHNlbGVjdG9yXG4gIDMyICsgLy8gbG9jYWxlcyBzZWxlY3RvciBtYXJnaW5cbiAgNCAvLyBib3JkZXJzXG5cbmNvbnN0IE1JTl9TRUFSQ0hfTEVOR1RIID0gM1xuXG5jb25zdCBTdHlsZWRHcmlkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtICR7dG90YWxTcGFjaW5nfXB4KTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEZpZWxkc0Zvcm0gPSAoKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKClcbiAgY29uc3QgW2ZpZWxkU2VhcmNoVGVybSwgc2V0RmllbGRTZWFyY2hUZXJtXSA9IFJlYWN0LnVzZVN0YXRlKCcnKVxuICBjb25zdCB7IHByb2plY3RLZXkgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgfSkpXG4gIGNvbnN0IFtfLCBzZXRDYWNoZWRTZWxlY3RlZEdyb3Vwc10gPSB1c2VTdG9yYWdlKFxuICAgIGAke3Byb2plY3RLZXl9LyR7T1BFUkFUSU9OU19FWFBPUlRfUkVTT1VSQ0VTX01PREFMX1NFTEVDVElPTn1gLFxuICAgIHt9XG4gIClcbiAgY29uc3QgeyBmb3JtaWssIHJlc291cmNlVHlwZSB9ID0gdXNlRXhwb3J0UmVzb3VyY2VzTW9kYWxDb250ZXh0KClcblxuICBjb25zdCBpc1NlYXJjaEFjdGl2ZSA9IGZpZWxkU2VhcmNoVGVybT8udHJpbSgpPy5sZW5ndGggPj0gTUlOX1NFQVJDSF9MRU5HVEhcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzKGZvcm1paylcbiAgICBjb25zdCBjaGVja2VkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRDaGVja2VkRmllbGRzKGZpZWxkOiBGb3JtRmllbGQsIGdyb3VwTmFtZTogc3RyaW5nKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldENoZWNrZWRGaWVsZHMoZiwgZmllbGROYW1lKSlcbiAgICAgIH1cblxuICAgICAgY2hlY2tlZEZpZWxkc1tmaWVsZE5hbWVdID0gZmllbGQuaXNDaGVja2VkXG4gICAgfVxuICAgIGZvcm1pay52YWx1ZXMuZ3JvdXBzLmZvckVhY2goKGdyb3VwOiBGb3JtR3JvdXApID0+IHtcbiAgICAgIGdyb3VwLmZpZWxkcy5mb3JFYWNoKChmaWVsZDogRm9ybUZpZWxkKSA9PiB7XG4gICAgICAgIGdldENoZWNrZWRGaWVsZHMoZmllbGQsIGdyb3VwLmdyb3VwTmFtZSlcbiAgICAgIH0pXG4gICAgfSlcblxuICAgIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzKHtcbiAgICAgIFtyZXNvdXJjZVR5cGVdOiBjaGVja2VkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW88Rm9ybUdyb3VwW10+KCgpID0+IHtcbiAgICBjb25zdCB1cGRhdGVGaWVsZHMgPSAoXG4gICAgICBmaWVsZHM6IEZvcm1GaWVsZFtdLFxuICAgICAgcGFyZW50TWF0Y2hlczogYm9vbGVhblxuICAgICk6IEZvcm1GaWVsZFtdID0+IHtcbiAgICAgIHJldHVybiBmaWVsZHMubWFwKChmaWVsZCkgPT4ge1xuICAgICAgICBjb25zdCBtYXRjaGVzID0gZmllbGQubGFiZWxcbiAgICAgICAgICAudG9Mb3dlckNhc2UoKVxuICAgICAgICAgIC5pbmNsdWRlcyhmaWVsZFNlYXJjaFRlcm0udG9Mb3dlckNhc2UoKSlcbiAgICAgICAgbGV0IGlzSGlkZGVuID0gIW1hdGNoZXMgJiYgIXBhcmVudE1hdGNoZXNcbiAgICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZmllbGQuZmllbGRzLCBtYXRjaGVzKVxuICAgICAgICAgIGlzSGlkZGVuID0gaXNIaWRkZW4gJiYgdXBkYXRlZEZpZWxkcy5ldmVyeSgoZikgPT4gZi5pc0hpZGRlbilcbiAgICAgICAgICBmaWVsZCA9IHtcbiAgICAgICAgICAgIC4uLmZpZWxkLFxuICAgICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4geyAuLi5maWVsZCwgaXNIaWRkZW4gfVxuICAgICAgfSlcbiAgICB9XG5cbiAgICBpZiAoIWlzU2VhcmNoQWN0aXZlKSByZXR1cm4gZm9ybWlrLnZhbHVlcy5ncm91cHNcblxuICAgIGNvbnN0IHVwZGF0ZUdyb3VwcyA9IChncm91cHM6IEZvcm1Hcm91cFtdKTogRm9ybUdyb3VwW10gPT4ge1xuICAgICAgcmV0dXJuIGdyb3Vwcy5tYXAoKGdyb3VwKSA9PiB7XG4gICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZ3JvdXAuZmllbGRzLCBmYWxzZSlcbiAgICAgICAgY29uc3QgaXNIaWRkZW4gPSB1cGRhdGVkRmllbGRzLmV2ZXJ5KChmaWVsZCkgPT4gZmllbGQuaXNIaWRkZW4pXG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgLi4uZ3JvdXAsXG4gICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIGlzSGlkZGVuLFxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH1cbiAgICByZXR1cm4gdXBkYXRlR3JvdXBzKGZvcm1pay52YWx1ZXMuZ3JvdXBzKVxuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHMsIGZpZWxkU2VhcmNoVGVybSwgaXNTZWFyY2hBY3RpdmVdKVxuXG4gIGNvbnN0IG9uU2VhcmNoQ2hhbmdlID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICBzZXRGaWVsZFNlYXJjaFRlcm0oZXZlbnQudGFyZ2V0LnZhbHVlKVxuICAgIH0sXG4gICAgW3NldEZpZWxkU2VhcmNoVGVybV1cbiAgKVxuXG4gIGNvbnN0IGhhc1Jlc3VsdHMgPSBCb29sZWFuKGZpbHRlcmVkR3JvdXBzLmZpbmQoKGdyb3VwKSA9PiAhZ3JvdXAuaXNIaWRkZW4pKVxuXG4gIGNvbnN0IG9uU2VhcmNoQ2hhbmdlRGVib3VuY2VkID0gUmVhY3QudXNlTWVtbyhcbiAgICAoKSA9PiBkZWJvdW5jZShvblNlYXJjaENoYW5nZSwgNTAwKSxcbiAgICBbb25TZWFyY2hDaGFuZ2VdXG4gIClcblxuICBjb25zdCBvblNlYXJjaFJlc2V0ID0gKCkgPT4ge1xuICAgIHNldEZpZWxkU2VhcmNoVGVybSgnJylcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgcmVzb3VyY2VUeXBlPXtyZXNvdXJjZVR5cGV9PlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwic1wiPlxuICAgICAgICA8U2VhcmNoVGV4dElucHV0XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5zZWFyY2hGb3JGaWVsZHMpfVxuICAgICAgICAgIHZhbHVlPXtmaWVsZFNlYXJjaFRlcm19XG4gICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2hhbmdlRGVib3VuY2VkfVxuICAgICAgICAgIG9uUmVzZXQ9e29uU2VhcmNoUmVzZXR9XG4gICAgICAgICAgLy8gVE9ETzogYFNlYXJjaFRleHRJbnB1dGAgcHJvcHMgdG8gYmUgaW1wcm92ZWQuIFRoZSBgb25TdWJtaXRgIGNhbGxiYWNrIHNob3VsZG4ndCBiZSBtYW5kYXRvcnlcbiAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge319XG4gICAgICAgICAgaWQ9XCJleHBvcnQtZmllbGRzLXNlYXJjaFwiXG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNSZXN1bHRzID8gKFxuICAgICAgICAgIDxTdHlsZWRHcmlkQ2FyZCBpbnNldFNjYWxlPVwibm9uZVwiPlxuICAgICAgICAgICAgPEdyaWRcbiAgICAgICAgICAgICAgZ3JpZEF1dG9GbG93PVwicm93XCJcbiAgICAgICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17YGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICsgJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDV9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9KSBhdXRvYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2ZpbHRlcmVkR3JvdXBzLm1hcCgoZ3JvdXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgPEZpZWxkR3JvdXBTZWN0aW9uXG4gICAgICAgICAgICAgICAgICBrZXk9e2dyb3VwLmdyb3VwTmFtZX1cbiAgICAgICAgICAgICAgICAgIGdyb3VwPXtncm91cH1cbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIGZvcm1paz17Zm9ybWlrfVxuICAgICAgICAgICAgICAgICAgaXNTZWFyY2hBY3RpdmU9e2lzU2VhcmNoQWN0aXZlfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgIDwvU3R5bGVkR3JpZENhcmQ+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPE5vU2VhcmNoUmVzdWx0cyAvPlxuICAgICAgICApfVxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0V4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */"));
+})("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdGVkLWZpZWxkcy1mb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q21DIiwiZmlsZSI6InNlbGVjdGVkLWZpZWxkcy1mb3JtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgZGVib3VuY2UgZnJvbSAnbG9kYXNoL2RlYm91bmNlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc01vZGFsQ29udGV4dCwgdXNlU3RvcmFnZSB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCB7IHR5cGUgRm9ybUZpZWxkLCB0eXBlIEZvcm1Hcm91cCB9IGZyb20gJy4uLy4uL0B0eXBlcydcbmltcG9ydCB7IHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzIH0gZnJvbSAnLi4vLi4vQHV0aWxzJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgTm9TZWFyY2hSZXN1bHRzIH0gZnJvbSAnLi4vbm8tc2VhcmNoLXJlc3VsdHMnXG5cbmNvbnN0IHRvdGFsU3BhY2luZyA9XG4gIDU2ICsgLy8gTUMgaGVhZGVyXG4gIDMyICogMiArIC8vIG91dGVyIG1vZGFsIHNwYWNpbmdcbiAgKDMyICsgNDApICsgLy8gZm9vdGVyIChkaWFsb2cgYnV0dG9ucyArIG1hcmdpbilcbiAgNDAgKyAvLyBzZWFyY2ggaW5wdXRcbiAgMjQgKyAvLyBzZWFyY2ggaW5wdXQgcGFkZGluZ1xuICAyNCArIC8vIG1vZGFsIGhlYWRlclxuICAxNiArIC8vIG1vZGFsIGhlYWRlciBtYXJnaW5cbiAgOCArIC8vIHNwYWNpbmcgYmV0d2VlbiBzZWFyY2ggaW5wdXQgYW5kIGdyaWQgY2FyZFxuICAoMTYgKiAyICsgOCAqIDIpICsgLy8gbW9kYWwgcGFkZGluZ3NcbiAgMjYgKyAvLyBcIlNlbGVjdCBmaWVsZHMgZnJvbSBhIGxpbWl0ZWQgbGlzdFwiIHJhZGlvIGJ1dHRvbiBoZWlnaHRcbiAgMjYgKyAvLyBcIlNlbGVjdCBmaWVsZHMgZnJvbSBhbiBpbXBvcnRlZCBDU1YgdGVtcGxhdGVcIiByYWRpbyBidXR0b24gaGVpZ2h0XG4gIDQ4ICsgLy8gSW5zZXQgcGFkZGluZ3MgKHRvcCArIGJvdHRvbSlcbiAgMSArIC8vIDFzdCBEaXZpZGVyIGhlaWdodFxuICAxICsgLy8gMm5kIERpdmlkZXIgaGVpZ2h0XG4gIDggK1xuICA4ICsgLy8gRGl2aWRlciBtYXJnaW5zXG4gIDg2ICsgLy8gbG9jYWxlIHNlbGVjdG9yXG4gIDMyICsgLy8gbG9jYWxlcyBzZWxlY3RvciBtYXJnaW5cbiAgNCAvLyBib3JkZXJzXG5cbmNvbnN0IE1JTl9TRUFSQ0hfTEVOR1RIID0gM1xuXG5jb25zdCBTdHlsZWRHcmlkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtICR7dG90YWxTcGFjaW5nfXB4KTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEZpZWxkc0Zvcm0gPSAoKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKClcbiAgY29uc3QgW2ZpZWxkU2VhcmNoVGVybSwgc2V0RmllbGRTZWFyY2hUZXJtXSA9IFJlYWN0LnVzZVN0YXRlKCcnKVxuICBjb25zdCB7IHByb2plY3RLZXkgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgfSkpXG4gIGNvbnN0IFtfLCBzZXRDYWNoZWRTZWxlY3RlZEdyb3Vwc10gPSB1c2VTdG9yYWdlKFxuICAgIGAke3Byb2plY3RLZXl9LyR7T1BFUkFUSU9OU19FWFBPUlRfUkVTT1VSQ0VTX01PREFMX1NFTEVDVElPTn1gLFxuICAgIHt9XG4gIClcbiAgY29uc3QgeyBmb3JtaWssIHJlc291cmNlVHlwZSB9ID0gdXNlRXhwb3J0UmVzb3VyY2VzTW9kYWxDb250ZXh0KClcblxuICBjb25zdCBpc1NlYXJjaEFjdGl2ZSA9IGZpZWxkU2VhcmNoVGVybT8udHJpbSgpPy5sZW5ndGggPj0gTUlOX1NFQVJDSF9MRU5HVEhcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzKGZvcm1paylcbiAgICBjb25zdCBjaGVja2VkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRDaGVja2VkRmllbGRzKGZpZWxkOiBGb3JtRmllbGQsIGdyb3VwTmFtZTogc3RyaW5nKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldENoZWNrZWRGaWVsZHMoZiwgZmllbGROYW1lKSlcbiAgICAgIH1cblxuICAgICAgY2hlY2tlZEZpZWxkc1tmaWVsZE5hbWVdID0gZmllbGQuaXNDaGVja2VkXG4gICAgfVxuICAgIGZvcm1pay52YWx1ZXMuZ3JvdXBzLmZvckVhY2goKGdyb3VwOiBGb3JtR3JvdXApID0+IHtcbiAgICAgIGdyb3VwLmZpZWxkcy5mb3JFYWNoKChmaWVsZDogRm9ybUZpZWxkKSA9PiB7XG4gICAgICAgIGdldENoZWNrZWRGaWVsZHMoZmllbGQsIGdyb3VwLmdyb3VwTmFtZSlcbiAgICAgIH0pXG4gICAgfSlcblxuICAgIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzKHtcbiAgICAgIFtyZXNvdXJjZVR5cGVdOiBjaGVja2VkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW88Rm9ybUdyb3VwW10+KCgpID0+IHtcbiAgICBjb25zdCB1cGRhdGVGaWVsZHMgPSAoXG4gICAgICBmaWVsZHM6IEZvcm1GaWVsZFtdLFxuICAgICAgcGFyZW50TWF0Y2hlczogYm9vbGVhblxuICAgICk6IEZvcm1GaWVsZFtdID0+IHtcbiAgICAgIHJldHVybiBmaWVsZHMubWFwKChmaWVsZCkgPT4ge1xuICAgICAgICBjb25zdCBtYXRjaGVzID0gZmllbGQubGFiZWxcbiAgICAgICAgICAudG9Mb3dlckNhc2UoKVxuICAgICAgICAgIC5pbmNsdWRlcyhmaWVsZFNlYXJjaFRlcm0udG9Mb3dlckNhc2UoKSlcbiAgICAgICAgbGV0IGlzSGlkZGVuID0gIW1hdGNoZXMgJiYgIXBhcmVudE1hdGNoZXNcbiAgICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZmllbGQuZmllbGRzLCBtYXRjaGVzKVxuICAgICAgICAgIGlzSGlkZGVuID0gaXNIaWRkZW4gJiYgdXBkYXRlZEZpZWxkcy5ldmVyeSgoZikgPT4gZi5pc0hpZGRlbilcbiAgICAgICAgICBmaWVsZCA9IHtcbiAgICAgICAgICAgIC4uLmZpZWxkLFxuICAgICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4geyAuLi5maWVsZCwgaXNIaWRkZW4gfVxuICAgICAgfSlcbiAgICB9XG5cbiAgICBpZiAoIWlzU2VhcmNoQWN0aXZlKSByZXR1cm4gZm9ybWlrLnZhbHVlcy5ncm91cHNcblxuICAgIGNvbnN0IHVwZGF0ZUdyb3VwcyA9IChncm91cHM6IEZvcm1Hcm91cFtdKTogRm9ybUdyb3VwW10gPT4ge1xuICAgICAgcmV0dXJuIGdyb3Vwcy5tYXAoKGdyb3VwKSA9PiB7XG4gICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZ3JvdXAuZmllbGRzLCBmYWxzZSlcbiAgICAgICAgY29uc3QgaXNIaWRkZW4gPSB1cGRhdGVkRmllbGRzLmV2ZXJ5KChmaWVsZCkgPT4gZmllbGQuaXNIaWRkZW4pXG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgLi4uZ3JvdXAsXG4gICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIGlzSGlkZGVuLFxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH1cbiAgICByZXR1cm4gdXBkYXRlR3JvdXBzKGZvcm1pay52YWx1ZXMuZ3JvdXBzKVxuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHMsIGZpZWxkU2VhcmNoVGVybSwgaXNTZWFyY2hBY3RpdmVdKVxuXG4gIGNvbnN0IG9uU2VhcmNoQ2hhbmdlID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICBzZXRGaWVsZFNlYXJjaFRlcm0oZXZlbnQudGFyZ2V0LnZhbHVlKVxuICAgIH0sXG4gICAgW3NldEZpZWxkU2VhcmNoVGVybV1cbiAgKVxuXG4gIGNvbnN0IGhhc1Jlc3VsdHMgPSBCb29sZWFuKGZpbHRlcmVkR3JvdXBzLmZpbmQoKGdyb3VwKSA9PiAhZ3JvdXAuaXNIaWRkZW4pKVxuXG4gIGNvbnN0IG9uU2VhcmNoQ2hhbmdlRGVib3VuY2VkID0gUmVhY3QudXNlTWVtbyhcbiAgICAoKSA9PiBkZWJvdW5jZShvblNlYXJjaENoYW5nZSwgNTAwKSxcbiAgICBbb25TZWFyY2hDaGFuZ2VdXG4gIClcblxuICBjb25zdCBvblNlYXJjaFJlc2V0ID0gKCkgPT4ge1xuICAgIHNldEZpZWxkU2VhcmNoVGVybSgnJylcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgcmVzb3VyY2VUeXBlPXtyZXNvdXJjZVR5cGV9PlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwic1wiPlxuICAgICAgICA8U2VhcmNoVGV4dElucHV0XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5zZWFyY2hGb3JGaWVsZHMpfVxuICAgICAgICAgIHZhbHVlPXtmaWVsZFNlYXJjaFRlcm19XG4gICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2hhbmdlRGVib3VuY2VkfVxuICAgICAgICAgIG9uUmVzZXQ9e29uU2VhcmNoUmVzZXR9XG4gICAgICAgICAgLy8gVE9ETzogYFNlYXJjaFRleHRJbnB1dGAgcHJvcHMgdG8gYmUgaW1wcm92ZWQuIFRoZSBgb25TdWJtaXRgIGNhbGxiYWNrIHNob3VsZG4ndCBiZSBtYW5kYXRvcnlcbiAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge319XG4gICAgICAgICAgaWQ9XCJleHBvcnQtZmllbGRzLXNlYXJjaFwiXG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNSZXN1bHRzID8gKFxuICAgICAgICAgIDxTdHlsZWRHcmlkQ2FyZCBpbnNldFNjYWxlPVwibm9uZVwiPlxuICAgICAgICAgICAgPEdyaWRcbiAgICAgICAgICAgICAgZ3JpZEF1dG9GbG93PVwicm93XCJcbiAgICAgICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17YGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICsgJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDV9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9KSBhdXRvYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2ZpbHRlcmVkR3JvdXBzLm1hcCgoZ3JvdXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgPEZpZWxkR3JvdXBTZWN0aW9uXG4gICAgICAgICAgICAgICAgICBrZXk9e2dyb3VwLmdyb3VwTmFtZX1cbiAgICAgICAgICAgICAgICAgIGdyb3VwPXtncm91cH1cbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIGZvcm1paz17Zm9ybWlrfVxuICAgICAgICAgICAgICAgICAgaXNTZWFyY2hBY3RpdmU9e2lzU2VhcmNoQWN0aXZlfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgIDwvU3R5bGVkR3JpZENhcmQ+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPE5vU2VhcmNoUmVzdWx0cyAvPlxuICAgICAgICApfVxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0V4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */"));
 const SelectedFieldsForm = () => {
   const intl = useIntl();
   const _React$useState = React.useState(''),
@@ -2998,11 +3064,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-b979d5d1.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-90469307.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-9ca41e63.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-2ed24b7a.esm.js' /* webpackChunkName: "enabled-drop-area" */));
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-65ac353d.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-42617d09.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/dist/{index-1a99ddcf.cjs.dev.js → index-185b5da9.cjs.dev.js} RENAMED Viewed

@@ -32,7 +32,6 @@ 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 _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');
 var omitEmpty = require('omit-empty-es');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
@@ -54,11 +53,11 @@ var l10n = require('@commercetools-frontend/l10n');
 var sortBy = require('lodash/sortBy');
 var _styled = require('@emotion/styled/base');
 var debounce = require('lodash/debounce');
-var react = require('@emotion/react');
-var get = require('lodash/get');
 var formik = require('formik');
 var icons = require('@commercetools-uikit/icons');
+var react = require('@emotion/react');
 var reactDropzone = require('react-dropzone');
+var get = require('lodash/get');
 var i18n = require('@commercetools-frontend/i18n');
 var sentry = require('@commercetools-frontend/sentry');
@@ -624,14 +623,14 @@ var messages = reactIntl.defineMessages({
   }
 });
-function ownKeys$g(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$g(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$g(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$g(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$h(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$h(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$h(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$h(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function renderFileNameError(key) {
   switch (key) {
     case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$g({}, messages.missingFileNameError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.missingFileNameError));
     case 'invalidInput':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$g({}, messages.invalidFileNameError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.invalidFileNameError));
     default:
       return null;
   }
@@ -639,7 +638,7 @@ function renderFileNameError(key) {
 function renderLocaleError(key) {
   switch (key) {
     case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$g({}, messages.missingLocaleError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.missingLocaleError));
     default:
       return null;
   }
@@ -710,6 +709,69 @@ function useExportResourcesModalContext() {
   return context;
 }
+function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$g(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$g(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const defaultOptions = {
+  storageType: 'local',
+  segregateByUser: true
+};
+const safeParse = value => {
+  if (value === null) return value;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return value;
+  }
+};
+const serialize = value => _JSON$stringify__default["default"](value);
+const getStorage = storageType => storageType === 'session' ? sessionStorage : localStorage;
+const isNil = value => typeof value === 'undefined' || value === null;
+const useStorage = (storageKey, initialStorageValue, options) => {
+  var _context;
+  const mergedOptions = _objectSpread$g(_objectSpread$g({}, defaultOptions), options);
+  const userId = applicationShellConnectors.useApplicationContext(context => context.user?.id);
+  const scopedStorageKey = _filterInstanceProperty__default["default"](_context = [mergedOptions.segregateByUser && userId, storageKey]).call(_context, Boolean).join('/');
+  const readFromStorage = React.useCallback(() => {
+    const rawStorageValue = getStorage(mergedOptions.storageType).getItem(scopedStorageKey);
+    /**
+     * NOTE:
+     *    We prior wrote `undefined` or `null` to storage which when written
+     *    to storage via `setItem` results in `"undefined"` or `"null"`
+     *    being written polluting the storage.
+     */
+    if (rawStorageValue === 'undefined' || rawStorageValue === 'null') {
+      getStorage(mergedOptions.storageType).removeItem(scopedStorageKey);
+      return null;
+    }
+    const parsedStorageValue = safeParse(rawStorageValue);
+    return parsedStorageValue;
+  }, [mergedOptions.storageType, scopedStorageKey]);
+  const initializeStorageValue = () => {
+    // default the storage value to the initial provided value when provided
+    return readFromStorage() ?? initialStorageValue ?? null;
+  };
+  const _useState = React.useState(initializeStorageValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    actualStorageValue = _useState2[0],
+    setActualStorageValue = _useState2[1];
+  const writeToStorage = React.useCallback(nextStorageValue => {
+    getStorage(mergedOptions.storageType).setItem(scopedStorageKey, serialize(nextStorageValue));
+    setActualStorageValue(nextStorageValue);
+  }, [scopedStorageKey, mergedOptions.storageType]);
+  // set the initial storage value in the storage. The reason why this is not
+  // done in initializeStorageValue is the state initializer function should
+  // be pure.
+  // https://beta.reactjs.org/apis/react/useState#my-initializer-or-updater-function-runs-twice
+  React.useEffect(() => {
+    if (isNil(readFromStorage()) && !isNil(initialStorageValue)) {
+      writeToStorage(initialStorageValue);
+    }
+  }, [actualStorageValue, initialStorageValue, readFromStorage, writeToStorage]);
+  return [actualStorageValue, writeToStorage, readFromStorage];
+};
 const Z_INDEX_DROPDOWN = 30000;
 const OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION = 'OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION';
 const OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP = 'OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP';
@@ -1348,10 +1410,10 @@ const useInitialValues = props => {
       projectKey: context.project?.key
     })),
     projectKey = _useApplicationContex2.projectKey;
-  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
+  const _useStorage = useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 1),
     cachedSelectedGroups = _useStorage2[0];
-  const _useStorage3 = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {
+  const _useStorage3 = useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {
       [props.resourceType]: _reduceInstanceProperty__default["default"](_context = props.fieldGroups).call(_context, (acc, group) => {
         acc[group.groupName] = group.isExpanded;
         return acc;
@@ -1778,7 +1840,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';
@@ -1820,12 +1890,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),
@@ -1878,6 +1943,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]);
@@ -1906,7 +1972,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,
@@ -1986,7 +2052,7 @@ const ExportFieldSelectionProvider = _ref => {
       projectKey: context.project?.key
     })),
     projectKey = _useApplicationContex.projectKey;
-  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {}),
+  const _useStorage = useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 2),
     cachedExpandedGroups = _useStorage2[0],
     setCachedExpandedGroups = _useStorage2[1];
@@ -2409,7 +2475,7 @@ const StyledGridCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, proc
 } : {
   target: "e1odwg620",
   label: "StyledGridCard"
-})("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdGVkLWZpZWxkcy1mb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q21DIiwiZmlsZSI6InNlbGVjdGVkLWZpZWxkcy1mb3JtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7IHVzZVN0b3JhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9leHBlcmltZW50YWwtY29tcG9uZW50cydcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgZGVib3VuY2UgZnJvbSAnbG9kYXNoL2RlYm91bmNlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc01vZGFsQ29udGV4dCB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCB7IHR5cGUgRm9ybUZpZWxkLCB0eXBlIEZvcm1Hcm91cCB9IGZyb20gJy4uLy4uL0B0eXBlcydcbmltcG9ydCB7IHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzIH0gZnJvbSAnLi4vLi4vQHV0aWxzJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgTm9TZWFyY2hSZXN1bHRzIH0gZnJvbSAnLi4vbm8tc2VhcmNoLXJlc3VsdHMnXG5cbmNvbnN0IHRvdGFsU3BhY2luZyA9XG4gIDU2ICsgLy8gTUMgaGVhZGVyXG4gIDMyICogMiArIC8vIG91dGVyIG1vZGFsIHNwYWNpbmdcbiAgKDMyICsgNDApICsgLy8gZm9vdGVyIChkaWFsb2cgYnV0dG9ucyArIG1hcmdpbilcbiAgNDAgKyAvLyBzZWFyY2ggaW5wdXRcbiAgMjQgKyAvLyBzZWFyY2ggaW5wdXQgcGFkZGluZ1xuICAyNCArIC8vIG1vZGFsIGhlYWRlclxuICAxNiArIC8vIG1vZGFsIGhlYWRlciBtYXJnaW5cbiAgOCArIC8vIHNwYWNpbmcgYmV0d2VlbiBzZWFyY2ggaW5wdXQgYW5kIGdyaWQgY2FyZFxuICAoMTYgKiAyICsgOCAqIDIpICsgLy8gbW9kYWwgcGFkZGluZ3NcbiAgMjYgKyAvLyBcIlNlbGVjdCBmaWVsZHMgZnJvbSBhIGxpbWl0ZWQgbGlzdFwiIHJhZGlvIGJ1dHRvbiBoZWlnaHRcbiAgMjYgKyAvLyBcIlNlbGVjdCBmaWVsZHMgZnJvbSBhbiBpbXBvcnRlZCBDU1YgdGVtcGxhdGVcIiByYWRpbyBidXR0b24gaGVpZ2h0XG4gIDQ4ICsgLy8gSW5zZXQgcGFkZGluZ3MgKHRvcCArIGJvdHRvbSlcbiAgMSArIC8vIDFzdCBEaXZpZGVyIGhlaWdodFxuICAxICsgLy8gMm5kIERpdmlkZXIgaGVpZ2h0XG4gIDggK1xuICA4ICsgLy8gRGl2aWRlciBtYXJnaW5zXG4gIDg2ICsgLy8gbG9jYWxlIHNlbGVjdG9yXG4gIDMyICsgLy8gbG9jYWxlcyBzZWxlY3RvciBtYXJnaW5cbiAgNCAvLyBib3JkZXJzXG5cbmNvbnN0IE1JTl9TRUFSQ0hfTEVOR1RIID0gM1xuXG5jb25zdCBTdHlsZWRHcmlkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtICR7dG90YWxTcGFjaW5nfXB4KTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEZpZWxkc0Zvcm0gPSAoKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKClcbiAgY29uc3QgW2ZpZWxkU2VhcmNoVGVybSwgc2V0RmllbGRTZWFyY2hUZXJtXSA9IFJlYWN0LnVzZVN0YXRlKCcnKVxuICBjb25zdCB7IHByb2plY3RLZXkgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgfSkpXG4gIGNvbnN0IFtfLCBzZXRDYWNoZWRTZWxlY3RlZEdyb3Vwc10gPSB1c2VTdG9yYWdlKFxuICAgIGAke3Byb2plY3RLZXl9LyR7T1BFUkFUSU9OU19FWFBPUlRfUkVTT1VSQ0VTX01PREFMX1NFTEVDVElPTn1gLFxuICAgIHt9XG4gIClcbiAgY29uc3QgeyBmb3JtaWssIHJlc291cmNlVHlwZSB9ID0gdXNlRXhwb3J0UmVzb3VyY2VzTW9kYWxDb250ZXh0KClcblxuICBjb25zdCBpc1NlYXJjaEFjdGl2ZSA9IGZpZWxkU2VhcmNoVGVybT8udHJpbSgpPy5sZW5ndGggPj0gTUlOX1NFQVJDSF9MRU5HVEhcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzKGZvcm1paylcbiAgICBjb25zdCBjaGVja2VkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRDaGVja2VkRmllbGRzKGZpZWxkOiBGb3JtRmllbGQsIGdyb3VwTmFtZTogc3RyaW5nKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldENoZWNrZWRGaWVsZHMoZiwgZmllbGROYW1lKSlcbiAgICAgIH1cblxuICAgICAgY2hlY2tlZEZpZWxkc1tmaWVsZE5hbWVdID0gZmllbGQuaXNDaGVja2VkXG4gICAgfVxuICAgIGZvcm1pay52YWx1ZXMuZ3JvdXBzLmZvckVhY2goKGdyb3VwOiBGb3JtR3JvdXApID0+IHtcbiAgICAgIGdyb3VwLmZpZWxkcy5mb3JFYWNoKChmaWVsZDogRm9ybUZpZWxkKSA9PiB7XG4gICAgICAgIGdldENoZWNrZWRGaWVsZHMoZmllbGQsIGdyb3VwLmdyb3VwTmFtZSlcbiAgICAgIH0pXG4gICAgfSlcblxuICAgIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzKHtcbiAgICAgIFtyZXNvdXJjZVR5cGVdOiBjaGVja2VkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW88Rm9ybUdyb3VwW10+KCgpID0+IHtcbiAgICBjb25zdCB1cGRhdGVGaWVsZHMgPSAoXG4gICAgICBmaWVsZHM6IEZvcm1GaWVsZFtdLFxuICAgICAgcGFyZW50TWF0Y2hlczogYm9vbGVhblxuICAgICk6IEZvcm1GaWVsZFtdID0+IHtcbiAgICAgIHJldHVybiBmaWVsZHMubWFwKChmaWVsZCkgPT4ge1xuICAgICAgICBjb25zdCBtYXRjaGVzID0gZmllbGQubGFiZWxcbiAgICAgICAgICAudG9Mb3dlckNhc2UoKVxuICAgICAgICAgIC5pbmNsdWRlcyhmaWVsZFNlYXJjaFRlcm0udG9Mb3dlckNhc2UoKSlcbiAgICAgICAgbGV0IGlzSGlkZGVuID0gIW1hdGNoZXMgJiYgIXBhcmVudE1hdGNoZXNcbiAgICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZmllbGQuZmllbGRzLCBtYXRjaGVzKVxuICAgICAgICAgIGlzSGlkZGVuID0gaXNIaWRkZW4gJiYgdXBkYXRlZEZpZWxkcy5ldmVyeSgoZikgPT4gZi5pc0hpZGRlbilcbiAgICAgICAgICBmaWVsZCA9IHtcbiAgICAgICAgICAgIC4uLmZpZWxkLFxuICAgICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4geyAuLi5maWVsZCwgaXNIaWRkZW4gfVxuICAgICAgfSlcbiAgICB9XG5cbiAgICBpZiAoIWlzU2VhcmNoQWN0aXZlKSByZXR1cm4gZm9ybWlrLnZhbHVlcy5ncm91cHNcblxuICAgIGNvbnN0IHVwZGF0ZUdyb3VwcyA9IChncm91cHM6IEZvcm1Hcm91cFtdKTogRm9ybUdyb3VwW10gPT4ge1xuICAgICAgcmV0dXJuIGdyb3Vwcy5tYXAoKGdyb3VwKSA9PiB7XG4gICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZ3JvdXAuZmllbGRzLCBmYWxzZSlcbiAgICAgICAgY29uc3QgaXNIaWRkZW4gPSB1cGRhdGVkRmllbGRzLmV2ZXJ5KChmaWVsZCkgPT4gZmllbGQuaXNIaWRkZW4pXG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgLi4uZ3JvdXAsXG4gICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIGlzSGlkZGVuLFxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH1cbiAgICByZXR1cm4gdXBkYXRlR3JvdXBzKGZvcm1pay52YWx1ZXMuZ3JvdXBzKVxuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHMsIGZpZWxkU2VhcmNoVGVybSwgaXNTZWFyY2hBY3RpdmVdKVxuXG4gIGNvbnN0IG9uU2VhcmNoQ2hhbmdlID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICBzZXRGaWVsZFNlYXJjaFRlcm0oZXZlbnQudGFyZ2V0LnZhbHVlKVxuICAgIH0sXG4gICAgW3NldEZpZWxkU2VhcmNoVGVybV1cbiAgKVxuXG4gIGNvbnN0IGhhc1Jlc3VsdHMgPSBCb29sZWFuKGZpbHRlcmVkR3JvdXBzLmZpbmQoKGdyb3VwKSA9PiAhZ3JvdXAuaXNIaWRkZW4pKVxuXG4gIGNvbnN0IG9uU2VhcmNoQ2hhbmdlRGVib3VuY2VkID0gUmVhY3QudXNlTWVtbyhcbiAgICAoKSA9PiBkZWJvdW5jZShvblNlYXJjaENoYW5nZSwgNTAwKSxcbiAgICBbb25TZWFyY2hDaGFuZ2VdXG4gIClcblxuICBjb25zdCBvblNlYXJjaFJlc2V0ID0gKCkgPT4ge1xuICAgIHNldEZpZWxkU2VhcmNoVGVybSgnJylcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgcmVzb3VyY2VUeXBlPXtyZXNvdXJjZVR5cGV9PlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwic1wiPlxuICAgICAgICA8U2VhcmNoVGV4dElucHV0XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5zZWFyY2hGb3JGaWVsZHMpfVxuICAgICAgICAgIHZhbHVlPXtmaWVsZFNlYXJjaFRlcm19XG4gICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2hhbmdlRGVib3VuY2VkfVxuICAgICAgICAgIG9uUmVzZXQ9e29uU2VhcmNoUmVzZXR9XG4gICAgICAgICAgLy8gVE9ETzogYFNlYXJjaFRleHRJbnB1dGAgcHJvcHMgdG8gYmUgaW1wcm92ZWQuIFRoZSBgb25TdWJtaXRgIGNhbGxiYWNrIHNob3VsZG4ndCBiZSBtYW5kYXRvcnlcbiAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge319XG4gICAgICAgICAgaWQ9XCJleHBvcnQtZmllbGRzLXNlYXJjaFwiXG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNSZXN1bHRzID8gKFxuICAgICAgICAgIDxTdHlsZWRHcmlkQ2FyZCBpbnNldFNjYWxlPVwibm9uZVwiPlxuICAgICAgICAgICAgPEdyaWRcbiAgICAgICAgICAgICAgZ3JpZEF1dG9GbG93PVwicm93XCJcbiAgICAgICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17YGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICsgJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDV9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9KSBhdXRvYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2ZpbHRlcmVkR3JvdXBzLm1hcCgoZ3JvdXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgPEZpZWxkR3JvdXBTZWN0aW9uXG4gICAgICAgICAgICAgICAgICBrZXk9e2dyb3VwLmdyb3VwTmFtZX1cbiAgICAgICAgICAgICAgICAgIGdyb3VwPXtncm91cH1cbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIGZvcm1paz17Zm9ybWlrfVxuICAgICAgICAgICAgICAgICAgaXNTZWFyY2hBY3RpdmU9e2lzU2VhcmNoQWN0aXZlfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgIDwvU3R5bGVkR3JpZENhcmQ+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPE5vU2VhcmNoUmVzdWx0cyAvPlxuICAgICAgICApfVxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0V4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */"));
+})("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdGVkLWZpZWxkcy1mb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q21DIiwiZmlsZSI6InNlbGVjdGVkLWZpZWxkcy1mb3JtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgZGVib3VuY2UgZnJvbSAnbG9kYXNoL2RlYm91bmNlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc01vZGFsQ29udGV4dCwgdXNlU3RvcmFnZSB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCB7IHR5cGUgRm9ybUZpZWxkLCB0eXBlIEZvcm1Hcm91cCB9IGZyb20gJy4uLy4uL0B0eXBlcydcbmltcG9ydCB7IHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzIH0gZnJvbSAnLi4vLi4vQHV0aWxzJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgTm9TZWFyY2hSZXN1bHRzIH0gZnJvbSAnLi4vbm8tc2VhcmNoLXJlc3VsdHMnXG5cbmNvbnN0IHRvdGFsU3BhY2luZyA9XG4gIDU2ICsgLy8gTUMgaGVhZGVyXG4gIDMyICogMiArIC8vIG91dGVyIG1vZGFsIHNwYWNpbmdcbiAgKDMyICsgNDApICsgLy8gZm9vdGVyIChkaWFsb2cgYnV0dG9ucyArIG1hcmdpbilcbiAgNDAgKyAvLyBzZWFyY2ggaW5wdXRcbiAgMjQgKyAvLyBzZWFyY2ggaW5wdXQgcGFkZGluZ1xuICAyNCArIC8vIG1vZGFsIGhlYWRlclxuICAxNiArIC8vIG1vZGFsIGhlYWRlciBtYXJnaW5cbiAgOCArIC8vIHNwYWNpbmcgYmV0d2VlbiBzZWFyY2ggaW5wdXQgYW5kIGdyaWQgY2FyZFxuICAoMTYgKiAyICsgOCAqIDIpICsgLy8gbW9kYWwgcGFkZGluZ3NcbiAgMjYgKyAvLyBcIlNlbGVjdCBmaWVsZHMgZnJvbSBhIGxpbWl0ZWQgbGlzdFwiIHJhZGlvIGJ1dHRvbiBoZWlnaHRcbiAgMjYgKyAvLyBcIlNlbGVjdCBmaWVsZHMgZnJvbSBhbiBpbXBvcnRlZCBDU1YgdGVtcGxhdGVcIiByYWRpbyBidXR0b24gaGVpZ2h0XG4gIDQ4ICsgLy8gSW5zZXQgcGFkZGluZ3MgKHRvcCArIGJvdHRvbSlcbiAgMSArIC8vIDFzdCBEaXZpZGVyIGhlaWdodFxuICAxICsgLy8gMm5kIERpdmlkZXIgaGVpZ2h0XG4gIDggK1xuICA4ICsgLy8gRGl2aWRlciBtYXJnaW5zXG4gIDg2ICsgLy8gbG9jYWxlIHNlbGVjdG9yXG4gIDMyICsgLy8gbG9jYWxlcyBzZWxlY3RvciBtYXJnaW5cbiAgNCAvLyBib3JkZXJzXG5cbmNvbnN0IE1JTl9TRUFSQ0hfTEVOR1RIID0gM1xuXG5jb25zdCBTdHlsZWRHcmlkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtICR7dG90YWxTcGFjaW5nfXB4KTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEZpZWxkc0Zvcm0gPSAoKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKClcbiAgY29uc3QgW2ZpZWxkU2VhcmNoVGVybSwgc2V0RmllbGRTZWFyY2hUZXJtXSA9IFJlYWN0LnVzZVN0YXRlKCcnKVxuICBjb25zdCB7IHByb2plY3RLZXkgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgfSkpXG4gIGNvbnN0IFtfLCBzZXRDYWNoZWRTZWxlY3RlZEdyb3Vwc10gPSB1c2VTdG9yYWdlKFxuICAgIGAke3Byb2plY3RLZXl9LyR7T1BFUkFUSU9OU19FWFBPUlRfUkVTT1VSQ0VTX01PREFMX1NFTEVDVElPTn1gLFxuICAgIHt9XG4gIClcbiAgY29uc3QgeyBmb3JtaWssIHJlc291cmNlVHlwZSB9ID0gdXNlRXhwb3J0UmVzb3VyY2VzTW9kYWxDb250ZXh0KClcblxuICBjb25zdCBpc1NlYXJjaEFjdGl2ZSA9IGZpZWxkU2VhcmNoVGVybT8udHJpbSgpPy5sZW5ndGggPj0gTUlOX1NFQVJDSF9MRU5HVEhcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzKGZvcm1paylcbiAgICBjb25zdCBjaGVja2VkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRDaGVja2VkRmllbGRzKGZpZWxkOiBGb3JtRmllbGQsIGdyb3VwTmFtZTogc3RyaW5nKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldENoZWNrZWRGaWVsZHMoZiwgZmllbGROYW1lKSlcbiAgICAgIH1cblxuICAgICAgY2hlY2tlZEZpZWxkc1tmaWVsZE5hbWVdID0gZmllbGQuaXNDaGVja2VkXG4gICAgfVxuICAgIGZvcm1pay52YWx1ZXMuZ3JvdXBzLmZvckVhY2goKGdyb3VwOiBGb3JtR3JvdXApID0+IHtcbiAgICAgIGdyb3VwLmZpZWxkcy5mb3JFYWNoKChmaWVsZDogRm9ybUZpZWxkKSA9PiB7XG4gICAgICAgIGdldENoZWNrZWRGaWVsZHMoZmllbGQsIGdyb3VwLmdyb3VwTmFtZSlcbiAgICAgIH0pXG4gICAgfSlcblxuICAgIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzKHtcbiAgICAgIFtyZXNvdXJjZVR5cGVdOiBjaGVja2VkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW88Rm9ybUdyb3VwW10+KCgpID0+IHtcbiAgICBjb25zdCB1cGRhdGVGaWVsZHMgPSAoXG4gICAgICBmaWVsZHM6IEZvcm1GaWVsZFtdLFxuICAgICAgcGFyZW50TWF0Y2hlczogYm9vbGVhblxuICAgICk6IEZvcm1GaWVsZFtdID0+IHtcbiAgICAgIHJldHVybiBmaWVsZHMubWFwKChmaWVsZCkgPT4ge1xuICAgICAgICBjb25zdCBtYXRjaGVzID0gZmllbGQubGFiZWxcbiAgICAgICAgICAudG9Mb3dlckNhc2UoKVxuICAgICAgICAgIC5pbmNsdWRlcyhmaWVsZFNlYXJjaFRlcm0udG9Mb3dlckNhc2UoKSlcbiAgICAgICAgbGV0IGlzSGlkZGVuID0gIW1hdGNoZXMgJiYgIXBhcmVudE1hdGNoZXNcbiAgICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZmllbGQuZmllbGRzLCBtYXRjaGVzKVxuICAgICAgICAgIGlzSGlkZGVuID0gaXNIaWRkZW4gJiYgdXBkYXRlZEZpZWxkcy5ldmVyeSgoZikgPT4gZi5pc0hpZGRlbilcbiAgICAgICAgICBmaWVsZCA9IHtcbiAgICAgICAgICAgIC4uLmZpZWxkLFxuICAgICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4geyAuLi5maWVsZCwgaXNIaWRkZW4gfVxuICAgICAgfSlcbiAgICB9XG5cbiAgICBpZiAoIWlzU2VhcmNoQWN0aXZlKSByZXR1cm4gZm9ybWlrLnZhbHVlcy5ncm91cHNcblxuICAgIGNvbnN0IHVwZGF0ZUdyb3VwcyA9IChncm91cHM6IEZvcm1Hcm91cFtdKTogRm9ybUdyb3VwW10gPT4ge1xuICAgICAgcmV0dXJuIGdyb3Vwcy5tYXAoKGdyb3VwKSA9PiB7XG4gICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZ3JvdXAuZmllbGRzLCBmYWxzZSlcbiAgICAgICAgY29uc3QgaXNIaWRkZW4gPSB1cGRhdGVkRmllbGRzLmV2ZXJ5KChmaWVsZCkgPT4gZmllbGQuaXNIaWRkZW4pXG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgLi4uZ3JvdXAsXG4gICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIGlzSGlkZGVuLFxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH1cbiAgICByZXR1cm4gdXBkYXRlR3JvdXBzKGZvcm1pay52YWx1ZXMuZ3JvdXBzKVxuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHMsIGZpZWxkU2VhcmNoVGVybSwgaXNTZWFyY2hBY3RpdmVdKVxuXG4gIGNvbnN0IG9uU2VhcmNoQ2hhbmdlID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICBzZXRGaWVsZFNlYXJjaFRlcm0oZXZlbnQudGFyZ2V0LnZhbHVlKVxuICAgIH0sXG4gICAgW3NldEZpZWxkU2VhcmNoVGVybV1cbiAgKVxuXG4gIGNvbnN0IGhhc1Jlc3VsdHMgPSBCb29sZWFuKGZpbHRlcmVkR3JvdXBzLmZpbmQoKGdyb3VwKSA9PiAhZ3JvdXAuaXNIaWRkZW4pKVxuXG4gIGNvbnN0IG9uU2VhcmNoQ2hhbmdlRGVib3VuY2VkID0gUmVhY3QudXNlTWVtbyhcbiAgICAoKSA9PiBkZWJvdW5jZShvblNlYXJjaENoYW5nZSwgNTAwKSxcbiAgICBbb25TZWFyY2hDaGFuZ2VdXG4gIClcblxuICBjb25zdCBvblNlYXJjaFJlc2V0ID0gKCkgPT4ge1xuICAgIHNldEZpZWxkU2VhcmNoVGVybSgnJylcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgcmVzb3VyY2VUeXBlPXtyZXNvdXJjZVR5cGV9PlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwic1wiPlxuICAgICAgICA8U2VhcmNoVGV4dElucHV0XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5zZWFyY2hGb3JGaWVsZHMpfVxuICAgICAgICAgIHZhbHVlPXtmaWVsZFNlYXJjaFRlcm19XG4gICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2hhbmdlRGVib3VuY2VkfVxuICAgICAgICAgIG9uUmVzZXQ9e29uU2VhcmNoUmVzZXR9XG4gICAgICAgICAgLy8gVE9ETzogYFNlYXJjaFRleHRJbnB1dGAgcHJvcHMgdG8gYmUgaW1wcm92ZWQuIFRoZSBgb25TdWJtaXRgIGNhbGxiYWNrIHNob3VsZG4ndCBiZSBtYW5kYXRvcnlcbiAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge319XG4gICAgICAgICAgaWQ9XCJleHBvcnQtZmllbGRzLXNlYXJjaFwiXG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNSZXN1bHRzID8gKFxuICAgICAgICAgIDxTdHlsZWRHcmlkQ2FyZCBpbnNldFNjYWxlPVwibm9uZVwiPlxuICAgICAgICAgICAgPEdyaWRcbiAgICAgICAgICAgICAgZ3JpZEF1dG9GbG93PVwicm93XCJcbiAgICAgICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17YGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICsgJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDV9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9KSBhdXRvYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2ZpbHRlcmVkR3JvdXBzLm1hcCgoZ3JvdXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgPEZpZWxkR3JvdXBTZWN0aW9uXG4gICAgICAgICAgICAgICAgICBrZXk9e2dyb3VwLmdyb3VwTmFtZX1cbiAgICAgICAgICAgICAgICAgIGdyb3VwPXtncm91cH1cbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIGZvcm1paz17Zm9ybWlrfVxuICAgICAgICAgICAgICAgICAgaXNTZWFyY2hBY3RpdmU9e2lzU2VhcmNoQWN0aXZlfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgIDwvU3R5bGVkR3JpZENhcmQ+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPE5vU2VhcmNoUmVzdWx0cyAvPlxuICAgICAgICApfVxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0V4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */"));
 const SelectedFieldsForm = () => {
   const intl = reactIntl.useIntl();
   const _React$useState = React__default["default"].useState(''),
@@ -2420,7 +2486,7 @@ const SelectedFieldsForm = () => {
       projectKey: context.project?.key
     })),
     projectKey = _useApplicationContex.projectKey;
-  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
+  const _useStorage = useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 2);
     _useStorage2[0];
     const setCachedSelectedGroups = _useStorage2[1];
@@ -3038,11 +3104,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-3c408710.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-246e09ed.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-a25dfe55.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-044cdd05.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-f19b8e0b.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-ca32d348.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/dist/{index-e05daeff.cjs.prod.js → index-a7cca1c7.cjs.prod.js} RENAMED Viewed

@@ -32,7 +32,6 @@ 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 _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');
 var omitEmpty = require('omit-empty-es');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
@@ -624,14 +623,14 @@ var messages = reactIntl.defineMessages({
   }
 });
-function ownKeys$g(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$g(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$g(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$g(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$h(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$h(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$h(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$h(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function renderFileNameError(key) {
   switch (key) {
     case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$g({}, messages.missingFileNameError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.missingFileNameError));
     case 'invalidInput':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$g({}, messages.invalidFileNameError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.invalidFileNameError));
     default:
       return null;
   }
@@ -639,7 +638,7 @@ function renderFileNameError(key) {
 function renderLocaleError(key) {
   switch (key) {
     case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$g({}, messages.missingLocaleError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.missingLocaleError));
     default:
       return null;
   }
@@ -710,6 +709,69 @@ function useExportResourcesModalContext() {
   return context;
 }
+function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$g(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$g(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const defaultOptions = {
+  storageType: 'local',
+  segregateByUser: true
+};
+const safeParse = value => {
+  if (value === null) return value;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return value;
+  }
+};
+const serialize = value => _JSON$stringify__default["default"](value);
+const getStorage = storageType => storageType === 'session' ? sessionStorage : localStorage;
+const isNil = value => typeof value === 'undefined' || value === null;
+const useStorage = (storageKey, initialStorageValue, options) => {
+  var _context;
+  const mergedOptions = _objectSpread$g(_objectSpread$g({}, defaultOptions), options);
+  const userId = applicationShellConnectors.useApplicationContext(context => context.user?.id);
+  const scopedStorageKey = _filterInstanceProperty__default["default"](_context = [mergedOptions.segregateByUser && userId, storageKey]).call(_context, Boolean).join('/');
+  const readFromStorage = React.useCallback(() => {
+    const rawStorageValue = getStorage(mergedOptions.storageType).getItem(scopedStorageKey);
+    /**
+     * NOTE:
+     *    We prior wrote `undefined` or `null` to storage which when written
+     *    to storage via `setItem` results in `"undefined"` or `"null"`
+     *    being written polluting the storage.
+     */
+    if (rawStorageValue === 'undefined' || rawStorageValue === 'null') {
+      getStorage(mergedOptions.storageType).removeItem(scopedStorageKey);
+      return null;
+    }
+    const parsedStorageValue = safeParse(rawStorageValue);
+    return parsedStorageValue;
+  }, [mergedOptions.storageType, scopedStorageKey]);
+  const initializeStorageValue = () => {
+    // default the storage value to the initial provided value when provided
+    return readFromStorage() ?? initialStorageValue ?? null;
+  };
+  const _useState = React.useState(initializeStorageValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    actualStorageValue = _useState2[0],
+    setActualStorageValue = _useState2[1];
+  const writeToStorage = React.useCallback(nextStorageValue => {
+    getStorage(mergedOptions.storageType).setItem(scopedStorageKey, serialize(nextStorageValue));
+    setActualStorageValue(nextStorageValue);
+  }, [scopedStorageKey, mergedOptions.storageType]);
+  // set the initial storage value in the storage. The reason why this is not
+  // done in initializeStorageValue is the state initializer function should
+  // be pure.
+  // https://beta.reactjs.org/apis/react/useState#my-initializer-or-updater-function-runs-twice
+  React.useEffect(() => {
+    if (isNil(readFromStorage()) && !isNil(initialStorageValue)) {
+      writeToStorage(initialStorageValue);
+    }
+  }, [actualStorageValue, initialStorageValue, readFromStorage, writeToStorage]);
+  return [actualStorageValue, writeToStorage, readFromStorage];
+};
 const Z_INDEX_DROPDOWN = 30000;
 const OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION = 'OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION';
 const OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP = 'OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP';
@@ -1348,10 +1410,10 @@ const useInitialValues = props => {
       projectKey: context.project?.key
     })),
     projectKey = _useApplicationContex2.projectKey;
-  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
+  const _useStorage = useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 1),
     cachedSelectedGroups = _useStorage2[0];
-  const _useStorage3 = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {
+  const _useStorage3 = useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {
       [props.resourceType]: _reduceInstanceProperty__default["default"](_context = props.fieldGroups).call(_context, (acc, group) => {
         acc[group.groupName] = group.isExpanded;
         return acc;
@@ -1778,7 +1840,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';
@@ -1820,12 +1890,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),
@@ -1878,6 +1943,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]);
@@ -1906,7 +1972,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,
@@ -1986,7 +2052,7 @@ const ExportFieldSelectionProvider = _ref => {
       projectKey: context.project?.key
     })),
     projectKey = _useApplicationContex.projectKey;
-  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {}),
+  const _useStorage = useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 2),
     cachedExpandedGroups = _useStorage2[0],
     setCachedExpandedGroups = _useStorage2[1];
@@ -2390,7 +2456,7 @@ const SelectedFieldsForm = () => {
       projectKey: context.project?.key
     })),
     projectKey = _useApplicationContex.projectKey;
-  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
+  const _useStorage = useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 2);
     _useStorage2[0];
     const setCachedSelectedGroups = _useStorage2[1];
@@ -3002,11 +3068,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-12daa26c.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-6802ee61.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-ed00d1fd.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-51e64b1f.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-cf131b6e.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-a39684d2.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -34,7 +34,6 @@
     "@commercetools-frontend/application-shell": "fec-156-react19",
     "@commercetools-frontend/application-shell-connectors": "fec-156-react19",
     "@commercetools-frontend/constants": "fec-156-react19",
-    "@commercetools-frontend/experimental-components": "react-19-migration",
     "@commercetools-frontend/fullstory": "react-19-migration",
     "@commercetools-frontend/i18n": "fec-156-react19",
     "@commercetools-frontend/jest-preset-mc-app": "fec-156-react19",
@@ -60,8 +59,7 @@
     "@commercetools-frontend/application-shell": "23.x || fec-156-react19",
     "@commercetools-frontend/application-shell-connectors": "23.x || fec-156-react19",
     "@commercetools-frontend/constants": "23.x || fec-156-react19",
-    "@commercetools-frontend/experimental-components": "6.x || react-19-migration",
-    "@commercetools-frontend/fullstory": "2.x || react-19-migration",
+    "@commercetools-frontend/fullstory": "2.x || 3.x || react-19-migration",
     "@commercetools-frontend/i18n": "23.x || fec-156-react19",
     "@commercetools-frontend/jest-preset-mc-app": "23.x || fec-156-react19",
     "@commercetools-frontend/l10n": "23.x || fec-156-react19",