@commercetools-frontend-extensions/import-resources-modal 0.0.0-canary-20250930092515 → 0.0.0-canary-20251209161906

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

@@ -1,52 +1,2194 @@
-export { I as default, b as useImportPermission } from './index-f14adfdc.esm.js';
-import 'react';
-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/instance/filter';
-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/helpers/slicedToArray';
-import '@commercetools-frontend/application-shell-connectors';
-import '@commercetools-frontend/sdk';
-import '@commercetools-frontend/constants';
-import '@commercetools-frontend/application-shell';
-import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
-import '@babel/runtime-corejs3/helpers/createClass';
-import '@babel/runtime-corejs3/helpers/classCallCheck';
-import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
-import '@babel/runtime-corejs3/helpers/getPrototypeOf';
-import '@babel/runtime-corejs3/helpers/inherits';
-import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
-import 'pluralize';
-import '@babel/runtime-corejs3/core-js-stable/array/is-array';
-import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
-import '@babel/runtime-corejs3/core-js-stable/instance/map';
-import '@babel/runtime-corejs3/core-js-stable/instance/slice';
-import '@babel/runtime-corejs3/core-js-stable/json/stringify';
-import '@babel/runtime-corejs3/core-js-stable/instance/some';
-import '@babel/runtime-corejs3/core-js-stable/instance/bind';
-import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
-import '@babel/runtime-corejs3/core-js-stable/url-search-params';
-import '@babel/runtime-corejs3/core-js-stable/object/entries';
-import '@babel/runtime-corejs3/core-js-stable/instance/every';
-import '@emotion/react/jsx-runtime';
-import 'react-intl';
-import '@commercetools-frontend/application-components';
-import '@commercetools-frontend/fullstory';
-import '@commercetools-frontend/ui-kit';
-import 'react-dropzone';
-import '@commercetools-frontend/actions-global';
-import '@commercetools-frontend/permissions';
-import '@commercetools-frontend/sentry';
-import '@babel/runtime-corejs3/core-js-stable/promise';
-import '@babel/runtime-corejs3/core-js-stable/instance/includes';
-import '@babel/runtime-corejs3/core-js-stable/instance/flat-map';
-import '@babel/runtime-corejs3/core-js-stable/instance/find';
-import 'papaparse';
-import '@emotion/styled/base';
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
+import { defineMessages, useIntl, FormattedMessage, IntlProvider } from 'react-intl';
+import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
+import { deleteImportContainer, FileDroppedArea, DisabledDropArea, EnabledDropArea, ActiveDragDropArea, COLUMN_DELIMITERS, useFileUpload, validateDelimiter, getRowCount, toBytes, countUniqueResourcesInCsv, isAbortError, HttpError, formatKeys, isError, IMPORT_MAX_FILE_SIZE_MB, IMPORT_LEGACY_MAX_FILE_SIZE_MB, IMPORT_MAX_ITEM_COUNT, IMPORT_LEGACY_MAX_ROW_COUNT, assertResourceType, FileDropArea as FileDropArea$1, InfoBox, CT_API_DOCS_URL, UploadSeparator, UploadSettings, UnexpectedColumnError, extractErrorDescriptionFromValidationMessage, formatErrorCode, getFileUploadErrorsCount, RESOURCE_TYPE_DOCUMENTATION_LINKS, mapUploadFileErrorsResponseToUploadFileErrorRows, mapFileUploadErrorsToUploadFileErrorRows, getValidatedColumns, processFileImportJob, processUploadedFile, UploadingModal, UnexpectedResourceTypeError as UnexpectedResourceTypeError$1, RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS, isResourceType } from '@commercetools-frontend-extensions/operations';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import React, { useContext, useMemo, useState, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { FormDialog, InfoDialog, PageContentNarrow, ConfirmationDialog } from '@commercetools-frontend/application-components';
+import { Masking } from '@commercetools-frontend/fullstory';
+import { useIsAuthorized } from '@commercetools-frontend/permissions';
+import { Spacings, Grid, designTokens, Text, Link, usePaginationState, DataTable, PageNavigator, Stamp, SecondaryButton, PrimaryButton, ImportIcon, TagList, Card, CheckBoldIcon, EyeCrossedIcon, RadioInput } from '@commercetools-frontend/ui-kit';
+import { useShowNotification } from '@commercetools-frontend/actions-global';
+import { DOMAINS } from '@commercetools-frontend/constants';
+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';
+import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
+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 { useFeatureToggle } from '@commercetools-frontend/application-shell';
+import { reportErrorToSentry } from '@commercetools-frontend/sentry';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import _styled from '@emotion/styled/base';
 import '@emotion/react';
-import '@commercetools-frontend/i18n';
+import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
+
+let CurrentStep$1 = /*#__PURE__*/function (CurrentStep) {
+  CurrentStep["Upload"] = "upload";
+  CurrentStep["Uploading"] = "uploading";
+  CurrentStep["UploadResult"] = "upload-result";
+  CurrentStep["ImportConfirmationModal"] = "import-confirmation-modal";
+  return CurrentStep;
+}({});
+
+function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+// TODO: make this resource type specific
+
+function reducer(state, action) {
+  if (action.type === 'setCurrentStep') return _objectSpread$a(_objectSpread$a({}, state), {}, {
+    currentStep: action.currentStep,
+    progress: 0
+  });
+  if (action.type === 'setUploadFileResponse') return _objectSpread$a(_objectSpread$a({}, state), {}, {
+    uploadFileResponse: action.uploadFileResponse
+  });
+  if (action.type === 'setResourceType') return _objectSpread$a(_objectSpread$a({}, state), {}, {
+    resourceType: action.resourceType
+  });
+  if (action.type === 'setContainerKey') return _objectSpread$a(_objectSpread$a({}, state), {}, {
+    containerKey: action.containerKey
+  });
+  if (action.type === 'cancelImport') return _objectSpread$a(_objectSpread$a({}, state), {}, {
+    currentStep: CurrentStep$1.Upload,
+    containerKey: undefined,
+    jobId: undefined,
+    fileUploadErrors: [],
+    uploadFileResponse: undefined,
+    droppedFile: undefined,
+    dropAreaState: 'disabled',
+    progress: 0,
+    totalResourceCount: undefined,
+    validationProcessed: undefined,
+    isValidating: false
+  });
+  if (action.type === 'uploadNewFile') return _objectSpread$a(_objectSpread$a({}, state), {}, {
+    currentStep: CurrentStep$1.Upload,
+    containerKey: undefined,
+    jobId: undefined,
+    fileUploadErrors: [],
+    uploadFileResponse: undefined,
+    droppedFile: undefined,
+    dropAreaState: 'ready-for-drop',
+    progress: 0,
+    totalResourceCount: undefined,
+    validationProcessed: undefined,
+    isValidating: false
+  });
+  if (action.type === 'setDroppedFile') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      droppedFile: action.droppedFile
+    });
+  }
+  if (action.type === 'setFileUploadErrors') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      fileUploadErrors: action.fileUploadErrors
+    });
+  }
+  if (action.type === 'setAbortController') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      abortController: action.abortController
+    });
+  }
+  if (action.type === 'setProgress') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      progress: action.progress
+    });
+  }
+  if (action.type === 'setUploadSettings') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      settings: _objectSpread$a(_objectSpread$a({}, state.settings), action.settings)
+    });
+  }
+  if (action.type === 'setJobId') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      jobId: action.jobId
+    });
+  }
+  if (action.type === 'setTotalResourceCount') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      totalResourceCount: action.totalResourceCount
+    });
+  }
+  if (action.type === 'setValidationProgress') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      validationProcessed: action.validationProcessed,
+      isValidating: action.isValidating
+    });
+  }
+  throw new Error(getUnknownActionError(action));
+}
+function getUnknownActionError(actionType) {
+  return `Unkown type: ${actionType}`;
+}
+const initialState = {
+  currentStep: CurrentStep$1.Upload,
+  abortController: new AbortController(),
+  dropAreaState: 'disabled',
+  uploadFileResponse: undefined,
+  fileUploadErrors: [],
+  resourceType: 'category',
+  containerKey: undefined,
+  jobId: undefined,
+  progress: 0,
+  settings: {
+    decimalSeparator: '.'
+  },
+  totalResourceCount: undefined,
+  validationProcessed: undefined,
+  isValidating: false
+};
+const initialActions = {
+  setCurrentStep(_currentStep) {
+    /**/
+  },
+  cancelImport() {
+    /**/
+  },
+  uploadNewFile() {
+    /**/
+  },
+  setUploadFileResponse(_uploadFileResponse) {
+    /**/
+  },
+  setResourceType(_nextResourceType) {
+    /**/
+  },
+  setDroppedFile(_nextDroppedFile) {
+    /**/
+  },
+  setFileUploadErrors(_fileUploadErrors) {
+    /**/
+  },
+  setContainerKey(_containerKey) {
+    /**/
+  },
+  setAbortController(_abortController) {
+    /**/
+  },
+  setUploadSettings(_settings) {
+    /**/
+  },
+  setProgress(_progress) {
+    /**/
+  },
+  setJobId(_jobId) {
+    /**/
+  },
+  setTotalResourceCount(_totalResourceCount) {
+    /**/
+  },
+  setValidationProgress(_params) {
+    /**/
+  }
+};
+
+function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$9(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const ImportResourcesContext = /*#__PURE__*/React.createContext({
+  state: initialState,
+  resourceTypes: [],
+  onClose: () => {},
+  onStartImportSuccess: () => {},
+  actions: initialActions
+});
+const ImportResourcesProvider = props => {
+  const _useApplicationContex = useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
+    projectKey = _useApplicationContex.projectKey;
+  const _React$useReducer = React.useReducer(reducer, _objectSpread$9(_objectSpread$9({}, initialState), {}, {
+      resourceType: props.resourceTypes[0]
+    })),
+    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
+  const setCurrentStep = currentStep => dispatch({
+    type: 'setCurrentStep',
+    currentStep
+  });
+  const setUploadFileResponse = uploadFileResponse => dispatch({
+    type: 'setUploadFileResponse',
+    uploadFileResponse: uploadFileResponse
+  });
+  const setResourceType = resourceType => dispatch({
+    type: 'setResourceType',
+    resourceType: resourceType
+  });
+  const setContainerKey = containerKey => dispatch({
+    type: 'setContainerKey',
+    containerKey
+  });
+  const cancelImport = () => dispatch({
+    type: 'cancelImport'
+  });
+  const uploadNewFile = () => dispatch({
+    type: 'uploadNewFile'
+  });
+  const setDroppedFile = droppedFile => dispatch({
+    type: 'setDroppedFile',
+    droppedFile: droppedFile
+  });
+  const setAbortController = abortController => dispatch({
+    type: 'setAbortController',
+    abortController: abortController
+  });
+  const setFileUploadErrors = fileUploadErrors => dispatch({
+    type: 'setFileUploadErrors',
+    fileUploadErrors: fileUploadErrors
+  });
+  const setProgress = progress => dispatch({
+    type: 'setProgress',
+    progress
+  });
+  const setUploadSettings = nextSettings => {
+    dispatch({
+      type: 'setUploadSettings',
+      settings: nextSettings
+    });
+  };
+  const setJobId = jobId => dispatch({
+    type: 'setJobId',
+    jobId
+  });
+  const setTotalResourceCount = totalResourceCount => dispatch({
+    type: 'setTotalResourceCount',
+    totalResourceCount
+  });
+  const setValidationProgress = _ref => {
+    let processed = _ref.processed,
+      isValidating = _ref.isValidating;
+    return dispatch({
+      type: 'setValidationProgress',
+      validationProcessed: processed,
+      isValidating
+    });
+  };
+  const handleClose = function () {
+    let _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      shouldDeleteImportContainer = _ref2.shouldDeleteImportContainer;
+    if (state.abortController) state.abortController.abort();
+    if (typeof props.onClose === 'function') props.onClose();
+    // Removes the associated import container when the import is closed
+    if (shouldDeleteImportContainer && projectKey && state.containerKey) deleteImportContainer({
+      projectKey,
+      importContainerKey: state.containerKey
+    });
+  };
+  const handleStartImportSuccess = () => {
+    if (typeof props.onStartImportSuccess === 'function') props.onStartImportSuccess();
+  };
+  return jsx(ImportResourcesContext.Provider, {
+    value: {
+      state,
+      resourceTypes: props.resourceTypes,
+      onClose: handleClose,
+      onStartImportSuccess: handleStartImportSuccess,
+      actions: {
+        setCurrentStep,
+        cancelImport,
+        uploadNewFile,
+        setUploadFileResponse,
+        setResourceType,
+        setDroppedFile,
+        setContainerKey,
+        setJobId,
+        setAbortController,
+        setFileUploadErrors,
+        setProgress,
+        setUploadSettings,
+        setTotalResourceCount,
+        setValidationProgress
+      }
+    },
+    children: props.children
+  });
+};
+
+function getDropArea(_ref) {
+  let dropAreaState = _ref.dropAreaState,
+    resourceType = _ref.resourceType,
+    isFileDropped = _ref.isFileDropped,
+    fileName = _ref.fileName,
+    messages = _ref.messages;
+  if (dropAreaState === 'file-dropped') {
+    return jsx(FileDroppedArea, {
+      fileName: fileName,
+      chooseFileLabel: messages.chooseFile
+    });
+  }
+  if (dropAreaState === 'disabled' || !resourceType) {
+    return jsx(DisabledDropArea, {});
+  }
+  if (dropAreaState === 'ready-for-drop') {
+    return jsx(EnabledDropArea, {
+      dragAndDropText: messages.dragAndDropCSV,
+      orText: messages.or,
+      browseFileText: messages.browseButton
+    });
+  }
+  if (dropAreaState === 'active-drag') {
+    return jsx(ActiveDragDropArea, {
+      isFileDropped: isFileDropped,
+      fileName: fileName,
+      chooseFileLabel: messages.chooseFile,
+      dragAndDropText: messages.dragAndDropCSV,
+      orText: messages.or,
+      browseFileText: messages.browseButton
+    });
+  }
+  return fallbackDropArea();
+}
+function fallbackDropArea(_dropAreaState) {
+  return jsx(DisabledDropArea, {});
+}
+function getDropAreaState(flags) {
+  if (flags.isDragActive) {
+    return 'active-drag';
+  }
+  if (flags.hasResourceType) {
+    return 'disabled';
+  }
+  if (flags.isReady) {
+    return 'file-dropped';
+  }
+  return 'ready-for-drop';
+}
+
+var messages$6 = defineMessages({
+  dragAndDropCSV: {
+    id: 'ImportResourcesModal.dragAndDropCSV',
+    description: 'The message telling the user to drag and drop CSV file in the file drop area',
+    defaultMessage: 'Drag and drop CSV'
+  },
+  or: {
+    id: 'ImportResourcesModal.or',
+    description: 'The word "or" in the drag and drop message',
+    defaultMessage: 'or'
+  },
+  browseButton: {
+    id: 'ImportResourcesModal.browseFile',
+    defaultMessage: 'Browse file'
+  },
+  uploadFile: {
+    id: 'ImportResourcesModal.uploadFile',
+    description: 'Label for a button on the file upload page, shown on active drop area state',
+    defaultMessage: 'Upload file'
+  },
+  chooseFile: {
+    id: 'ImportResourcesModal.chooseFile',
+    description: 'Label for a button on the file upload page, shown on ready to upload state',
+    defaultMessage: 'Choose file'
+  },
+  fileUploadFailed: {
+    id: 'ImportResourcesModal.fileUploadFailed',
+    description: 'A title on the file upload page, shown on file upload error state',
+    defaultMessage: 'File upload failed'
+  },
+  fileFormatNotSupported: {
+    id: 'ImportResourcesModal.fileFormatNotSupported',
+    description: 'Error message displayed when a user drags and drops a non-CSV file',
+    defaultMessage: 'Invalid file format: The file is not in CSV format and cannot be processed.'
+  },
+  tooManyFilesError: {
+    id: 'ImportResourcesModal.tooManyFilesError',
+    description: 'Error message displayed when a user drags and drops multiple files at once',
+    defaultMessage: 'Multiple files detected: You can only drag and drop one file at a time.'
+  },
+  genericError: {
+    id: 'ImportResourcesModal.genericError',
+    description: 'Default error message for unexpected file upload issues (for unhandled cases)',
+    defaultMessage: 'Error occurred: Please try uploading the file again or contact our support team for assistance.'
+  },
+  dataType: {
+    id: 'ImportResourcesModal.dataType',
+    description: 'Label for the data type selection dropdown',
+    defaultMessage: 'Data type'
+  },
+  instructions: {
+    id: 'ImportResourcesModal.instructions',
+    description: 'Label for the instructions section',
+    defaultMessage: 'Instructions'
+  },
+  prerequisitesOfImportingData: {
+    id: 'ImportResourcesModal.infoBox.prerequisitesOfImportingData',
+    description: 'A message to guide users to check the prerequisites of importing data',
+    defaultMessage: 'Prerequisites of importing data'
+  },
+  keysForEveryResource: {
+    id: 'ImportResourcesModal.infoBox.keysForEveryResource',
+    description: 'A message to guide users to provide keys for every resource they import',
+    defaultMessage: 'You must provide keys for every resource you import, including embedded resources such as Prices and Assets. Please consult with your admins to assign keys through <link>the HTTP API</link>.'
+  },
+  publishProducts: {
+    id: 'ImportResourcesModal.settings.publishProducts',
+    description: 'Label for the publish products checkbox',
+    defaultMessage: 'Publish all products in the file'
+  },
+  separatorTitle: {
+    id: 'ImportResourcesModal.uploadSeparator.separatorTitle',
+    description: 'Title for the separator selection',
+    defaultMessage: 'Separator'
+  },
+  decimalsSeparatorDescription: {
+    id: 'ImportResourcesModal.uploadSeparator.decimalsSeparatorDescription',
+    description: 'Description for the decimals separator selection',
+    defaultMessage: 'Select the decimals separator that match your CSV file. The column separator is automatically detected.'
+  },
+  decimalSeparatorPoint: {
+    id: 'ImportResourcesModal.uploadSeparator.decimalSeparatorPoint',
+    description: 'Label for point decimal separator option',
+    defaultMessage: 'point (.)'
+  },
+  decimalSeparatorComma: {
+    id: 'ImportResourcesModal.uploadSeparator.decimalSeparatorComma',
+    description: 'Label for comma decimal separator option',
+    defaultMessage: 'comma (,)'
+  },
+  decimals: {
+    id: 'ImportResourcesModal.uploadSeparator.decimals',
+    description: 'Label for decimal separator select',
+    defaultMessage: 'Decimals'
+  }
+});
+
+function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
+let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
+  function UnexpectedResourceTypeError(resourceType) {
+    var _this;
+    _classCallCheck(this, UnexpectedResourceTypeError);
+    _this = _callSuper$1(this, UnexpectedResourceTypeError, [`Unexpected resource type "${resourceType}"`]);
+    _this.name = 'UnexpectedResourceTypeError';
+    return _this;
+  }
+  _inherits(UnexpectedResourceTypeError, _Error);
+  return _createClass(UnexpectedResourceTypeError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
+let MissingImportResourceProviderError = /*#__PURE__*/function (_Error) {
+  function MissingImportResourceProviderError() {
+    var _this;
+    _classCallCheck(this, MissingImportResourceProviderError);
+    _this = _callSuper(this, MissingImportResourceProviderError, ['useImportResourcesContext must be used within ImportResourcesProvider']);
+    _this.name = 'MissingImportResourceProviderError';
+    return _this;
+  }
+  _inherits(MissingImportResourceProviderError, _Error);
+  return _createClass(MissingImportResourceProviderError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+function useImportResourcesContext() {
+  const context = useContext(ImportResourcesContext);
+  if (!context) {
+    throw new MissingImportResourceProviderError();
+  }
+  return context;
+}
+
+var messages$5 = defineMessages({
+  fileSizeExceededTitle: {
+    id: 'ImportResourcesModal.sizeExceededTitle',
+    defaultMessage: 'File size exceeded'
+  },
+  fileSizeExceededDescription: {
+    id: 'ImportResourcesModal.sizeExceededDescription',
+    description: 'Error description when the file size exceeds the allowable limit',
+    defaultMessage: 'The file exceeds the maximum allowed size of {fileSizeLimit} MB'
+  },
+  rowLimitExceededTitle: {
+    id: 'ImportResourcesModal.rowLimitExceededTitle',
+    defaultMessage: 'Row limit exceeded'
+  },
+  rowLimitExceededDescription: {
+    id: 'ImportResourcesModal.rowLimitExceededDescription',
+    description: 'Error description when the file contains more rows than the allowable maximum',
+    defaultMessage: 'The file contains more than the allowable maximum of {rowLimit} rows'
+  },
+  wrongSeparatorTitle: {
+    id: 'ImportResourcesModal.wrongSeparatorTitle',
+    defaultMessage: 'Wrong separator'
+  },
+  wrongSeparatorDescription: {
+    id: 'ImportResourcesModal.wrongSeparatorDescription',
+    description: 'Message within the drop area when a CSV file uses an unexpected separator',
+    defaultMessage: 'The file is using an unsupported separator. Please use one of the allowed separators: {delimiterList}.'
+  },
+  dropAreaNotEnoughRowsTitle: {
+    id: 'ImportResourcesModal.dropAreaNotEnoughRowsTitle',
+    description: 'Error title shown when the uploaded CSV file does not contain a header and at least one row of data',
+    defaultMessage: 'Invalid CSV file'
+  },
+  dropAreaNotEnoughRowsDescription: {
+    id: 'ImportResourcesModal.dropAreaNotEnoughRowsDescription',
+    description: 'Error description shown when the uploaded CSV file does not contain a header and at least one row of data',
+    defaultMessage: 'Make sure the file contains a header and at least one row of data'
+  },
+  unexpectedError: {
+    id: 'ImportResourcesModal.unexpectedError',
+    description: 'Generic notification message when file upload fails',
+    defaultMessage: 'An unexpected error occurred during the file upload. Please try again, or contact support if this error occurs again.'
+  },
+  missingRequiredField: {
+    id: 'ImportResourcesModal.missingRequiredField',
+    description: 'Error message displayed when a required field is missing',
+    defaultMessage: 'Missing required field'
+  },
+  missingKeyError: {
+    id: 'ImportResourcesModal.missingKeyError',
+    description: 'Error message displayed when the uploaded file is missing the key field',
+    defaultMessage: "The 'key' field is missing or incomplete in some rows. Please ensure every row has a 'key' value."
+  },
+  missingRequiredKeys: {
+    id: 'ImportResourcesModal.missingRequiredKeys',
+    description: 'Error message displayed when the uploaded file is missing required keys',
+    defaultMessage: 'Make sure the file contains required keys for the elements including {fieldNames}'
+  }
+});
+
+const IMPORTABLE_RESOURCES = {
+  CATEGORY: 'category',
+  PRODUCT: 'product',
+  INVENTORY: 'inventory',
+  DISCOUNT_CODE: 'discount-code',
+  CUSTOMER: 'customer',
+  ORDER: 'order',
+  PRODUCT_TYPE: 'product-type',
+  BUSINESS_UNIT: 'business-unit'
+};
+
+var sharedMessages = defineMessages({
+  [`modalTitle.${IMPORTABLE_RESOURCES.CATEGORY}`]: {
+    id: 'ImportResourcesModal.modalTitle.category',
+    description: 'Label for the categories modal title',
+    defaultMessage: 'Import categories by CSV'
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.PRODUCT}`]: {
+    id: 'ImportResourcesModal.modalTitle.product',
+    description: 'Label for the products modal title',
+    defaultMessage: 'Import products by CSV'
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.INVENTORY}`]: {
+    id: 'ImportResourcesModal.modalTitle.inventoryEntry',
+    description: 'Label for the inventories modal title',
+    defaultMessage: 'Import inventories by CSV'
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.DISCOUNT_CODE}`]: {
+    id: 'ImportResourcesModal.modalTitle.discountCode',
+    description: 'Label for the inventories modal title',
+    defaultMessage: 'Import discount codes by CSV'
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.BUSINESS_UNIT}`]: {
+    id: 'ImportResourcesModal.modalTitle.businessUnit',
+    description: 'Label for the business units modal title',
+    defaultMessage: 'Import business units by CSV'
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.CUSTOMER}`]: {
+    id: 'ImportResourcesModal.modalTitle.customer',
+    description: 'Label for the customers modal title',
+    defaultMessage: 'Import customers by CSV'
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.ORDER}`]: {
+    id: 'ImportResourcesModal.modalTitle.order',
+    description: 'Label for the order modal title',
+    defaultMessage: 'Import orders by CSV'
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.PRODUCT_TYPE}`]: {
+    id: 'ImportResourcesModal.modalTitle.productType',
+    description: 'Label for the product type modal title',
+    defaultMessage: 'Import product types by CSV'
+  },
+  uploadButton: {
+    id: 'ImportResourcesModal.uploadButton',
+    description: 'Label for the upload button',
+    defaultMessage: 'Upload and preview'
+  },
+  cancel: {
+    id: 'ImportResourcesModal.cancel',
+    description: 'Label for the cancel button',
+    defaultMessage: 'Cancel'
+  },
+  close: {
+    id: 'ImportResourcesModal.close',
+    description: 'Label for the close button',
+    defaultMessage: 'Close'
+  },
+  listConjunctionOr: {
+    id: 'ImportResourcesModal.listConjunctionOr',
+    description: 'Label for the list conjunction or',
+    defaultMessage: 'or'
+  },
+  delimiterComma: {
+    id: 'ImportResourcesModal.delimiterComma',
+    description: 'Label for the delimiter name comma',
+    defaultMessage: 'comma'
+  },
+  delimiterSemicolon: {
+    id: 'ImportResourcesModal.delimiterSemicolon',
+    description: 'Label for the delimiter name semicolon',
+    defaultMessage: 'semicolon'
+  },
+  delimiterPipe: {
+    id: 'ImportResourcesModal.delimiterPipe',
+    description: 'Label for the delimiter name pipe',
+    defaultMessage: 'pipe'
+  },
+  delimiterTab: {
+    id: 'ImportResourcesModal.delimiterTab',
+    description: 'Label for the delimiter name tab',
+    defaultMessage: 'tab'
+  },
+  // Resource types
+  product: {
+    id: 'ImportResourcesModal.product',
+    description: 'Label for the product resource type',
+    defaultMessage: 'Product'
+  },
+  products: {
+    id: 'ImportResourcesModal.products',
+    description: 'Label for the products resource type',
+    defaultMessage: 'Products'
+  },
+  inventory: {
+    id: 'ImportResourcesModal.inventory',
+    description: 'Label for the inventory entry resource type',
+    defaultMessage: 'Inventory'
+  },
+  inventories: {
+    id: 'ImportResourcesModal.inventories',
+    description: 'Label for the inventories entry resource type',
+    defaultMessage: 'Inventories'
+  },
+  category: {
+    id: 'ImportResourcesModal.category',
+    description: 'Label for the category resource type',
+    defaultMessage: 'Category'
+  },
+  categories: {
+    id: 'ImportResourcesModal.categories',
+    description: 'Label for the categories resource type',
+    defaultMessage: 'Categories'
+  },
+  'custom-object': {
+    id: 'ImportResourcesModal.custom-object',
+    description: 'Label for the custom-object resource type',
+    defaultMessage: 'Custom object'
+  },
+  'custom-objects': {
+    id: 'ImportResourcesModal.custom-objects',
+    description: 'Label for the custom-objects resource type',
+    defaultMessage: 'Custom objects'
+  },
+  customer: {
+    id: 'ImportResourcesModal.customer',
+    description: 'Label for the customer resource type',
+    defaultMessage: 'Customer'
+  },
+  customers: {
+    id: 'ImportResourcesModal.customers',
+    description: 'Label for the customers resource type',
+    defaultMessage: 'Customers'
+  },
+  order: {
+    id: 'ImportResourcesModal.order',
+    description: 'Label for the order resource type',
+    defaultMessage: 'Order'
+  },
+  orders: {
+    id: 'ImportResourcesModal.orders',
+    description: 'Label for the orders resource type',
+    defaultMessage: 'Orders'
+  },
+  'order-patch': {
+    id: 'ImportResourcesModal.order-patch',
+    description: 'Label for the order-patch resource type',
+    defaultMessage: 'Order patch'
+  },
+  'order-patches': {
+    id: 'ImportResourcesModal.order-patches',
+    description: 'Label for the order-patches resource type',
+    defaultMessage: 'Order patches'
+  },
+  price: {
+    id: 'ImportResourcesModal.price',
+    description: 'Label for the price resource type',
+    defaultMessage: 'Price'
+  },
+  prices: {
+    id: 'ImportResourcesModal.prices',
+    description: 'Label for the prices resource type',
+    defaultMessage: 'Prices'
+  },
+  'product-draft': {
+    id: 'ImportResourcesModal.product-draft',
+    description: 'Label for the product-draft resource type',
+    defaultMessage: 'Product draft'
+  },
+  'product-drafts': {
+    id: 'ImportResourcesModal.product-drafts',
+    description: 'Label for the product-drafts resource type',
+    defaultMessage: 'Product drafts'
+  },
+  'product-type': {
+    id: 'ImportResourcesModal.product-type',
+    description: 'Label for the product-type resource type',
+    defaultMessage: 'Product type'
+  },
+  'product-types': {
+    id: 'ImportResourcesModal.product-types',
+    description: 'Label for the product-types resource type',
+    defaultMessage: 'Product types'
+  },
+  'product-variant': {
+    id: 'ImportResourcesModal.product-variant',
+    description: 'Label for the product-variant resource type',
+    defaultMessage: 'Product variant'
+  },
+  'product-variants': {
+    id: 'ImportResourcesModal.product-variants',
+    description: 'Label for the product-variants resource type',
+    defaultMessage: 'Product variants'
+  },
+  'product-variant-patch': {
+    id: 'ImportResourcesModal.product-variant-patch',
+    description: 'Label for the product-variant-patch resource type',
+    defaultMessage: 'Product variant patch'
+  },
+  'product-variant-patches': {
+    id: 'ImportResourcesModal.product-variant-patches',
+    description: 'Label for the product-variant-patches resource type',
+    defaultMessage: 'Product variant patches'
+  },
+  'standalone-price': {
+    id: 'ImportResourcesModal.standalone-price',
+    description: 'Label for the standalone-price resource type',
+    defaultMessage: 'Standalone price'
+  },
+  'standalone-prices': {
+    id: 'ImportResourcesModal.standalone-prices',
+    description: 'Label for the standalone-prices resource type',
+    defaultMessage: 'Standalone prices'
+  },
+  type: {
+    id: 'ImportResourcesModal.type',
+    description: 'Label for the type resource type',
+    defaultMessage: 'Type'
+  },
+  types: {
+    id: 'ImportResourcesModal.types',
+    description: 'Label for the types resource type',
+    defaultMessage: 'Types'
+  },
+  'discount-code': {
+    id: 'ImportResourcesModal.discount-code',
+    description: 'Label for the discount-code resource type',
+    defaultMessage: 'Discount code'
+  },
+  'discount-codes': {
+    id: 'ImportResourcesModal.discount-codes',
+    description: 'Label for the discount-codes resource type',
+    defaultMessage: 'Discount codes'
+  },
+  'business-unit': {
+    id: 'ImportResourcesModal.business-unit',
+    description: 'Label for the business-unit resource type',
+    defaultMessage: 'Business unit'
+  },
+  'business-units': {
+    id: 'ImportResourcesModal.business-units',
+    description: 'Label for the business-units resource type',
+    defaultMessage: 'Business units'
+  },
+  unknownResourceType: {
+    id: 'ImportResourcesModal.unknown-resource-type',
+    description: 'Label for the unknown resource type',
+    defaultMessage: 'Unknown resource type'
+  }
+  //
+});
+
+const formatAllowedDelimitersForMessageDisplay = intl => {
+  const localizedOr = intl.formatMessage(sharedMessages.listConjunctionOr);
+  const descriptions = _mapInstanceProperty(COLUMN_DELIMITERS).call(COLUMN_DELIMITERS, delimiter => {
+    let nameDescriptor;
+    switch (delimiter) {
+      case ',':
+        nameDescriptor = sharedMessages.delimiterComma;
+        break;
+      case ';':
+        nameDescriptor = sharedMessages.delimiterSemicolon;
+        break;
+      case '|':
+        nameDescriptor = sharedMessages.delimiterPipe;
+        break;
+      case '\t':
+        nameDescriptor = sharedMessages.delimiterTab;
+        break;
+      default:
+        nameDescriptor = undefined;
+    }
+    const name = nameDescriptor ? intl.formatMessage(nameDescriptor) : delimiter;
+    return delimiter === '\t' ? name : `${name} (${delimiter})`;
+  });
+  if (descriptions.length === 1) {
+    return descriptions[0];
+  }
+  const lastDescription = descriptions.pop();
+  return `${descriptions.join(', ')} ${localizedOr} ${lastDescription}`;
+};
+
+function resourceTypeToMessage(resourceType) {
+  const resourceTypeMap = {
+    category: sharedMessages.category,
+    product: sharedMessages.product,
+    'product-type': sharedMessages['product-type'],
+    order: sharedMessages.order,
+    customer: sharedMessages.customer,
+    'discount-code': sharedMessages['discount-code'],
+    inventory: sharedMessages.inventory,
+    'inventory-entry': sharedMessages.inventory,
+    'order-patch': sharedMessages['order-patch'],
+    price: sharedMessages.price,
+    'product-draft': sharedMessages['product-draft'],
+    'product-variant': sharedMessages['product-variant'],
+    'product-variant-patch': sharedMessages['product-variant-patch'],
+    'standalone-price': sharedMessages['standalone-price'],
+    'custom-object': sharedMessages['custom-object'],
+    'business-unit': sharedMessages['business-unit'],
+    type: sharedMessages.type
+  };
+  const message = resourceTypeMap[resourceType];
+  if (!message) {
+    console.warn(new UnexpectedResourceTypeError(resourceType));
+    return sharedMessages.unknownResourceType;
+  }
+  return message;
+}
+function resourceTypeToPluralMessage(resourceType) {
+  const resourceTypePluralMap = {
+    category: sharedMessages.categories,
+    'custom-object': sharedMessages['custom-objects'],
+    product: sharedMessages.products,
+    'product-type': sharedMessages['product-types'],
+    order: sharedMessages.orders,
+    customer: sharedMessages.customers,
+    'discount-code': sharedMessages['discount-codes'],
+    inventory: sharedMessages.inventories,
+    'inventory-entry': sharedMessages.inventories,
+    'order-patch': sharedMessages['order-patches'],
+    price: sharedMessages.prices,
+    'product-draft': sharedMessages['product-drafts'],
+    'product-variant': sharedMessages['product-variants'],
+    'product-variant-patch': sharedMessages['product-variant-patches'],
+    'standalone-price': sharedMessages['standalone-prices'],
+    'business-unit': sharedMessages['business-units']
+  };
+  const message = resourceTypePluralMap[resourceType];
+  if (!message) {
+    console.warn(new UnexpectedResourceTypeError(resourceType));
+    return sharedMessages.unknownResourceType;
+  }
+  return message;
+}
+
+const INITIAL_COLUMN_DISPLAY_COUNT = 8;
+
+const PERMISSIONS = {
+  // Categories
+  ManageCategories: 'ManageCategories',
+  ViewCategories: 'ViewCategories',
+  // Products
+  ManageProducts: 'ManageProducts',
+  ViewProducts: 'ViewProducts',
+  // ProductTypes
+  ManageProductTypes: 'ManageProductTypes',
+  ViewProductTypes: 'ViewProductTypes',
+  // DiscountCodes
+  ManageDiscountCodes: 'ManageDiscountCodes',
+  ViewDiscountCodes: 'ViewDiscountCodes',
+  // Customers
+  ManageCustomers: 'ManageCustomers',
+  ViewCustomers: 'ViewCustomers',
+  // Orders
+  ManageOrders: 'ManageOrders',
+  ViewOrders: 'ViewOrders',
+  // KeyValueDocuments
+  ManageKeyValueDocuments: 'ManageKeyValueDocuments',
+  ViewKeyValueDocuments: 'ViewKeyValueDocuments',
+  // BusinessUnits
+  ManageBusinessUnits: 'ManageBusinessUnits',
+  ViewBusinessUnits: 'ViewBusinessUnits'
+};
+
+function ownKeys$8(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const FILE_IMPORT_JOB_FLOW = 'fileImportJobFlow';
+const DEFAULT_SHORT_LIVED_FLAGS = {
+  [FILE_IMPORT_JOB_FLOW]: false
+};
+const DEFAULT_LONG_LIVED_FLAGS = {};
+_objectSpread$8(_objectSpread$8({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
+
+function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$7(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$7(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const useUpload = () => {
+  const intl = useIntl();
+  const _useApplicationContex = useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
+    projectKey = _useApplicationContex.projectKey;
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions;
+  const showNotification = useShowNotification();
+  const isFileImportJobFlowEnabled = useFeatureToggle(FILE_IMPORT_JOB_FLOW);
+  const _useFileUpload = useFileUpload({
+      projectKey: projectKey,
+      useJobBasedFlow: isFileImportJobFlowEnabled
+    }),
+    upload = _useFileUpload.upload;
+  const isFileValid = async file => {
+    const errors = [];
+    const maxFileSizeMB = isFileImportJobFlowEnabled ? IMPORT_MAX_FILE_SIZE_MB : IMPORT_LEGACY_MAX_FILE_SIZE_MB;
+    const maxItemCount = isFileImportJobFlowEnabled ? IMPORT_MAX_ITEM_COUNT : IMPORT_LEGACY_MAX_ROW_COUNT;
+    const isDelimiterValid = await validateDelimiter(file, COLUMN_DELIMITERS);
+    if (!isDelimiterValid) errors.push({
+      title: intl.formatMessage(messages$5.wrongSeparatorTitle),
+      description: intl.formatMessage(messages$5.wrongSeparatorDescription, {
+        delimiterList: formatAllowedDelimitersForMessageDisplay(intl)
+      })
+    });
+    const rowCount = await getRowCount(file);
+    if (rowCount < 1) errors.push({
+      title: intl.formatMessage(messages$5.dropAreaNotEnoughRowsTitle),
+      description: intl.formatMessage(messages$5.dropAreaNotEnoughRowsDescription)
+    });
+    if (state.resourceType && file.size > toBytes(maxFileSizeMB)) errors.push({
+      title: intl.formatMessage(messages$5.fileSizeExceededTitle),
+      description: intl.formatMessage(messages$5.fileSizeExceededDescription, {
+        fileSizeLimit: intl.formatNumber(maxFileSizeMB)
+      })
+    });
+    if (state.resourceType && rowCount > maxItemCount) errors.push({
+      title: intl.formatMessage(messages$5.rowLimitExceededTitle),
+      description: intl.formatMessage(messages$5.rowLimitExceededDescription, {
+        rowLimit: intl.formatNumber(maxItemCount)
+      })
+    });
+    if (errors.length > 0) {
+      actions.setFileUploadErrors(errors);
+      actions.setCurrentStep(CurrentStep$1.UploadResult);
+      return false;
+    }
+    if (isFileImportJobFlowEnabled) {
+      const resourceCount = await countUniqueResourcesInCsv(file);
+      actions.setTotalResourceCount(resourceCount);
+    }
+    return true;
+  };
+  const handleUploadError = error => {
+    if (isAbortError(error)) {
+      actions.cancelImport();
+      return;
+    }
+    if (error instanceof HttpError) {
+      actions.setValidationProgress({
+        processed: 0,
+        isValidating: false
+      });
+      if (error.errorData?.code === 'MISSING_KEY_ERROR') {
+        actions.setFileUploadErrors([{
+          title: intl.formatMessage(messages$5.missingRequiredField),
+          description: intl.formatMessage(messages$5.missingKeyError)
+        }]);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
+      } else if (error.errorData?.code === 'MissingCsvFieldIdentifier') {
+        const MissingCsvFieldIdentifierError = error.errorData;
+        const fieldNames = formatKeys(MissingCsvFieldIdentifierError.rowValue);
+        actions.setFileUploadErrors([{
+          title: intl.formatMessage(messages$5.missingRequiredField),
+          description: intl.formatMessage(messages$5.missingRequiredKeys, {
+            fieldNames
+          })
+        }]);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
+      } else if (error.errorData?.invalid > 0) {
+        actions.setUploadFileResponse(error.errorData);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
+      } else {
+        actions.cancelImport();
+        showNotification({
+          kind: 'error',
+          domain: DOMAINS.PAGE,
+          text: intl.formatMessage(messages$5.unexpectedError)
+        });
+      }
+    } else {
+      actions.cancelImport();
+      showNotification({
+        kind: 'error',
+        domain: DOMAINS.PAGE,
+        text: isError(error) ? error.toString() : String(error)
+      });
+      reportErrorToSentry(new Error('Upload File Error: An unexpected issue occurred while uploading the file'), {
+        extra: {
+          error,
+          resourceType: state.resourceType,
+          fileSizeInBytes: state.droppedFile?.size
+        }
+      });
+    }
+  };
+  const handleUploadAndValidation = async () => {
+    if (!state.droppedFile || !state.resourceType) return;
+    const canUpload = await isFileValid(state.droppedFile);
+    if (!canUpload) return;
+    const abortController = new AbortController();
+    actions.setAbortController(abortController);
+    actions.setCurrentStep(CurrentStep$1.Uploading);
+    const shouldApplyPublishSettings = state.resourceType === 'product';
+    const uploadSettings = _objectSpread$7({
+      format: 'CSV',
+      decimalSeparator: state.settings?.decimalSeparator
+    }, shouldApplyPublishSettings ? {
+      resourceType: state.resourceType === 'product' ? 'product-draft' : state.resourceType,
+      options: {
+        publishAllChanges: state.settings?.publish ?? false
+      }
+    } : {});
+    await upload({
+      file: state.droppedFile,
+      resourceType: state.resourceType,
+      settings: uploadSettings,
+      abortSignal: abortController.signal,
+      onSuccess: result => {
+        actions.setValidationProgress({
+          processed: 0,
+          isValidating: false
+        });
+        actions.setContainerKey(result.containerKey);
+        if (result.jobId) {
+          actions.setJobId(result.jobId);
+        }
+        const fileUploadResponse = {
+          results: result.summary.results,
+          invalid: result.summary.invalid,
+          valid: result.summary.valid,
+          fileName: state.droppedFile?.name || '',
+          itemsCount: result.summary.total,
+          rowsCount: result.summary.total,
+          columnsCount: result.summary.fieldsCount,
+          fields: result.summary.fields,
+          ignoredFields: result.summary.ignoredFields
+        };
+        actions.setUploadFileResponse(fileUploadResponse);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
+      },
+      onProgress: progress => {
+        actions.setProgress(progress);
+      },
+      onValidationProgress: job => {
+        const processed = job.summary?.total ?? 0;
+        actions.setValidationProgress({
+          processed,
+          isValidating: true
+        });
+      },
+      onError: handleUploadError
+    });
+  };
+  return {
+    handleUploadAndValidation
+  };
+};
+
+const useImportPermission = () => {
+  const _useApplicationContex = useApplicationContext(applicationContext => ({
+      actionRights: applicationContext.actionRights?.products
+    })),
+    actionRights = _useApplicationContex.actionRights;
+  const canManageProducts = useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageProducts]
+  });
+  const canManageCustomers = useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageCustomers]
+  });
+  const canManageOrders = useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageOrders]
+  });
+  const canManageKeyValueDocuments = useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageKeyValueDocuments]
+  });
+  const canMAnageCategories = useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageCategories]
+  });
+  const canManageDiscountCodes = useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageDiscountCodes]
+  });
+  const canManageBusinessUnits = useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageBusinessUnits]
+  });
+  const canImportProducts = useMemo(() => {
+    if (!actionRights) return false;
+    const canAddPrices = actionRights.canAddPrices,
+      canAddProducts = actionRights.canAddProducts,
+      canEditAttributesAll = actionRights['canEditAttributes:all'],
+      canEditPrices = actionRights.canEditPrices;
+    return canManageProducts && canAddPrices && canAddProducts && canEditAttributesAll && canEditPrices;
+  }, [canManageProducts, actionRights]);
+  const canManageCustomObjects = useMemo(() => {
+    return canManageProducts || canManageCustomers || canManageOrders || canManageKeyValueDocuments;
+  }, [canManageCustomers, canManageOrders, canManageProducts, canManageKeyValueDocuments]);
+  return {
+    canImportProducts,
+    canImportCategories: canMAnageCategories,
+    canImportDiscountCodes: canManageDiscountCodes,
+    canImportBusinessUnits: canManageBusinessUnits,
+    canImportInventories: canManageProducts,
+    canImportProductTypes: canManageProducts,
+    canImportCustomObjects: canManageCustomObjects
+  };
+};
+
+const FileDropArea = () => {
+  const intl = useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions;
+  const isResourceTypeSelected = Boolean(state.resourceType);
+  const showNotification = useShowNotification();
+  const onDrop = React.useCallback(_ref => {
+    let _ref2 = _slicedToArray(_ref, 1),
+      file = _ref2[0];
+    if (!file) return;
+    assertResourceType(state.resourceType);
+    actions.setDroppedFile(file);
+  }, [state.resourceType, actions]);
+  const handleDropRejected = React.useCallback(errorType => {
+    const errorMessageMap = {
+      'too-many-files': messages$6.tooManyFilesError,
+      'invalid-type': messages$6.fileFormatNotSupported,
+      generic: messages$6.genericError
+    };
+    showNotification({
+      kind: 'error',
+      domain: DOMAINS.PAGE,
+      text: intl.formatMessage(errorMessageMap[errorType])
+    });
+  }, [intl, showNotification]);
+  const getState = React.useCallback(isDragActive => getDropAreaState({
+    isReady: Boolean(state.droppedFile),
+    hasResourceType: !state.resourceType,
+    isDragActive
+  }), [state.resourceType, state.droppedFile]);
+  return jsx(FileDropArea$1, {
+    onDrop: onDrop,
+    onDropRejected: handleDropRejected,
+    disabled: !isResourceTypeSelected,
+    accept: {
+      'text/csv': ['.csv']
+    },
+    getDropAreaState: getState,
+    children: dropAreaState => getDropArea({
+      dropAreaState,
+      resourceType: 'category',
+      isFileDropped: Boolean(state.droppedFile),
+      fileName: state.droppedFile?.name,
+      messages: {
+        chooseFile: intl.formatMessage(messages$6.chooseFile),
+        dragAndDropCSV: intl.formatMessage(messages$6.dragAndDropCSV),
+        or: intl.formatMessage(messages$6.or),
+        browseButton: intl.formatMessage(messages$6.browseButton)
+      }
+    })
+  });
+};
+
+const Upload = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    onClose = _useImportResourcesCo.onClose,
+    resourceTypes = _useImportResourcesCo.resourceTypes,
+    actions = _useImportResourcesCo.actions;
+  const intl = useIntl();
+  const _useUpload = useUpload(),
+    handleUploadAndValidation = _useUpload.handleUploadAndValidation;
+  const isMultipleResourceTypes = resourceTypes.length > 1;
+  const canPublishProducts = useIsAuthorized({
+    demandedPermissions: ['ManageProducts'],
+    demandedActionRights: [{
+      group: 'products',
+      name: 'PublishProducts'
+    }]
+  });
+  return jsx(FormDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
+    labelPrimary: intl.formatMessage(sharedMessages.uploadButton),
+    onPrimaryButtonClick: handleUploadAndValidation,
+    isPrimaryButtonDisabled: !Boolean(state.droppedFile),
+    onSecondaryButtonClick: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    dataAttributesPrimaryButton: {
+      'data-tracking-target': `${state.resourceType}_import-upload_and_preview_button`
+    },
+    children: jsx(Masking.Unmask, {
+      children: jsxs(Spacings.Stack, {
+        scale: "l",
+        children: [isMultipleResourceTypes ? jsxs(Grid, {
+          gridRowGap: designTokens.spacingL,
+          gridTemplateColumns: `calc(${designTokens.constraint3} + ${designTokens.spacingL}) auto`,
+          children: [jsx(Grid.Item, {
+            children: jsx(Text.Body, {
+              isBold: true,
+              intlMessage: messages$6.dataType
+            })
+          }), jsx(Grid.Item, {
+            children: jsx(ResourceTypeSelection, {})
+          }), jsx(Grid.Item, {
+            children: jsx(Text.Body, {
+              isBold: true,
+              intlMessage: messages$6.instructions
+            })
+          }), jsx(Grid.Item, {
+            children: jsx(Instructions, {})
+          })]
+        }) : jsx(Fragment, {
+          children: jsx(Instructions, {})
+        }), jsx(InfoBox, {
+          title: intl.formatMessage(messages$6.prerequisitesOfImportingData),
+          description: intl.formatMessage(messages$6.keysForEveryResource, {
+            link: msg => jsx(Link, {
+              tone: "secondary",
+              isExternal: true,
+              to: CT_API_DOCS_URL,
+              children: msg
+            }, "link")
+          })
+        }), jsx(UploadSeparator, {
+          value: state.settings?.decimalSeparator,
+          onChange: decimalSeparator => {
+            actions.setUploadSettings({
+              decimalSeparator
+            });
+          },
+          separatorTitle: intl.formatMessage(messages$6.separatorTitle),
+          decimalsSeparatorDescription: intl.formatMessage(messages$6.decimalsSeparatorDescription),
+          decimalSeparatorPointLabel: intl.formatMessage(messages$6.decimalSeparatorPoint),
+          decimalSeparatorCommaLabel: intl.formatMessage(messages$6.decimalSeparatorComma),
+          decimalsLabel: intl.formatMessage(messages$6.decimals)
+        }), jsx(Masking.Mask, {
+          children: jsx(FileDropArea, {})
+        }), jsx(UploadSettings, {
+          resourceType: state.resourceType,
+          isPublishChecked: state.settings?.publish,
+          onPublishChange: checked => {
+            actions.setUploadSettings({
+              publish: checked
+            });
+          },
+          publishProductsLabel: intl.formatMessage(messages$6.publishProducts),
+          dataTrackingTarget: "product_import-publish_checkbox",
+          canPublishProducts: canPublishProducts
+        })]
+      })
+    })
+  });
+};
+
+var messages$4 = defineMessages({
+  row: {
+    id: 'ImportResourcesModal.row',
+    description: 'In Upload file error modal - "Row" column',
+    defaultMessage: 'Row'
+  },
+  errorType: {
+    id: 'ImportResourcesModal.errorType',
+    description: 'In Upload file error modal - "Error type" column',
+    defaultMessage: 'Error type'
+  },
+  details: {
+    id: 'ImportResourcesModal.details',
+    description: 'In Upload file error modal - "Details" column',
+    defaultMessage: 'Details'
+  },
+  uploadErrorDescription: {
+    id: 'ImportResourcesModal.uploadErrorDescription',
+    description: 'Title when errors detected while uploading file',
+    defaultMessage: 'There {errorsCount, plural, one {is <b>{errorsCount}</b> error} other {are <b>{errorsCount}</b> errors}} detected while uploading the file <b>{fileName}</b>.'
+  },
+  supportedValuesDocumentation: {
+    id: 'ImportResourcesModal.supportedValuesDocumentation',
+    description: 'Link to the documentation for supported values',
+    defaultMessage: '<documentationLink>View the documentation</documentationLink> for supported values.'
+  },
+  uploadNewFile: {
+    id: 'ImportResourcesModal.uploadNewFile',
+    description: 'Upload new file button',
+    defaultMessage: 'Upload new file'
+  }
+});
+
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const fileLevelColumns = [{
+  key: 'errorType',
+  label: jsx(FormattedMessage, _objectSpread$6({}, messages$4.errorType)),
+  width: 'max-content'
+}, {
+  key: 'details',
+  label: jsx(FormattedMessage, _objectSpread$6({}, messages$4.details))
+}];
+const rowLevelColumns = [{
+  key: 'row',
+  label: jsx(FormattedMessage, _objectSpread$6({}, messages$4.row)),
+  width: 'max-content'
+}, {
+  key: 'errorType',
+  label: jsx(FormattedMessage, _objectSpread$6({}, messages$4.errorType)),
+  width: 'max-content'
+}, {
+  key: 'details',
+  label: jsx(FormattedMessage, _objectSpread$6({}, messages$4.details))
+}];
+const FileLevelErrorTable = _ref => {
+  let rows = _ref.rows;
+  const pagination = usePaginationState({
+    perPage: 10
+  });
+  const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
+  const endIndex = startIndex + pagination.perPage.value;
+  const currentPageRows = _sliceInstanceProperty(rows).call(rows, startIndex, endIndex);
+  const shouldShowPagination = rows.length > pagination.perPage.value;
+  return jsxs(Spacings.Stack, {
+    scale: "l",
+    children: [jsx(DataTable, {
+      verticalCellAlignment: "center",
+      isCondensed: true,
+      rows: currentPageRows,
+      columns: fileLevelColumns,
+      itemRenderer: fileLevelItemRenderer
+    }), shouldShowPagination && jsx(PageNavigator, {
+      onPageChange: pagination.page.onChange,
+      page: pagination.page.value,
+      totalPages: Math.ceil(rows.length / pagination.perPage.value)
+    })]
+  });
+};
+const RowLevelErrorTable = _ref2 => {
+  let rows = _ref2.rows;
+  const pagination = usePaginationState({
+    perPage: 10
+  });
+  const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
+  const endIndex = startIndex + pagination.perPage.value;
+  const currentPageRows = _sliceInstanceProperty(rows).call(rows, startIndex, endIndex);
+  const shouldShowPagination = rows.length > pagination.perPage.value;
+  return jsxs(Spacings.Stack, {
+    scale: "l",
+    children: [jsx(DataTable, {
+      verticalCellAlignment: "center",
+      isCondensed: true,
+      rows: currentPageRows,
+      columns: rowLevelColumns,
+      itemRenderer: rowLevelItemRenderer
+    }), shouldShowPagination && jsx(PageNavigator, {
+      onPageChange: pagination.page.onChange,
+      page: pagination.page.value,
+      totalPages: Math.ceil(rows.length / pagination.perPage.value)
+    })]
+  });
+};
+const UploadErrorTable = props => {
+  if (props.variant === 'row-level') {
+    return jsx(RowLevelErrorTable, {
+      rows: props.rows
+    });
+  }
+  return jsx(FileLevelErrorTable, {
+    rows: props.rows
+  });
+};
+function fileLevelItemRenderer(item, column) {
+  switch (column.key) {
+    case 'errorType':
+      return jsx(Stamp, {
+        isCondensed: true,
+        label: item.title,
+        tone: "critical"
+      });
+    case 'details':
+      return jsx(Text.Body, {
+        children: item.description
+      });
+    default:
+      throw new UnexpectedColumnError(column.key);
+  }
+}
+function rowLevelItemRenderer(item, column) {
+  switch (column.key) {
+    case 'row':
+      return item.row;
+    case 'errorType':
+      return jsx(Stamp, {
+        isCondensed: true,
+        label: formatErrorCode(item.code),
+        tone: "critical"
+      });
+    case 'details':
+      return jsxs(Spacings.Inline, {
+        scale: "xs",
+        children: [jsx(Text.Body, {
+          tone: "information",
+          children: item.field
+        }), jsx(Text.Body, {
+          children: extractErrorDescriptionFromValidationMessage(item.validationMessage)
+        })]
+      });
+    default:
+      throw new UnexpectedColumnError(column.key);
+  }
+}
+
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const UploadErrorsModal = () => {
+  const intl = useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions,
+    onClose = _useImportResourcesCo.onClose;
+  const isRowLevelErrors = (state.uploadFileResponse?.invalid ?? 0) > 0 && (state.uploadFileResponse?.results?.length ?? 0) > 0;
+  const isFileLevelErrors = state.fileUploadErrors.length > 0;
+  const errorsCount = isRowLevelErrors ? getFileUploadErrorsCount(state.uploadFileResponse?.results) : state.fileUploadErrors.length;
+  const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
+  return jsx(InfoDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
+    onClose: () => onClose(),
+    children: jsx(Masking.Unmask, {
+      children: jsxs(Spacings.Stack, {
+        scale: "l",
+        children: [jsxs(Spacings.Stack, {
+          scale: "xs",
+          children: [jsx(Masking.Mask, {
+            children: jsx(Text.Body, {
+              intlMessage: _objectSpread$5(_objectSpread$5({}, messages$4.uploadErrorDescription), {}, {
+                values: {
+                  fileName: state.droppedFile?.name,
+                  errorsCount: intl.formatNumber(errorsCount),
+                  b: getBold$2
+                }
+              })
+            })
+          }), isRowLevelErrors && jsx(Text.Body, {
+            intlMessage: _objectSpread$5(_objectSpread$5({}, messages$4.supportedValuesDocumentation), {}, {
+              values: {
+                documentationLink: msg => jsx(Link, {
+                  tone: "secondary",
+                  isExternal: true,
+                  to: documentationLink,
+                  children: msg
+                }, "documentationLink")
+              }
+            })
+          })]
+        }), isRowLevelErrors && jsx(UploadErrorTable, {
+          variant: "row-level",
+          rows: mapUploadFileErrorsResponseToUploadFileErrorRows(state.uploadFileResponse?.results)
+        }), isFileLevelErrors && jsx(UploadErrorTable, {
+          variant: "file-level",
+          rows: mapFileUploadErrorsToUploadFileErrorRows(state.fileUploadErrors)
+        }), jsxs(Spacings.Inline, {
+          scale: "m",
+          justifyContent: "flex-end",
+          children: [jsx(SecondaryButton, {
+            label: intl.formatMessage(sharedMessages.close),
+            onClick: () => onClose()
+          }), jsx(PrimaryButton, {
+            iconLeft: jsx(ImportIcon, {}),
+            label: intl.formatMessage(messages$4.uploadNewFile),
+            onClick: () => actions.uploadNewFile()
+          })]
+        })]
+      })
+    })
+  });
+};
+function getBold$2(msg) {
+  return jsx(Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  }, crypto.randomUUID());
+}
+
+var messages$3 = defineMessages({
+  startImportButton: {
+    id: 'ImportResourcesModal.startImportButton',
+    description: 'Label for the modal Start import button',
+    defaultMessage: 'Start import'
+  },
+  importNotificationSuccessMessage: {
+    id: 'ImportResourcesModal.successMessage',
+    description: 'Notification success message',
+    defaultMessage: '<b>Your import has started.</b><newline></newline> <logsLink>Go to Import logs</logsLink> to view the progress.'
+  },
+  importNotificationPrepareMessage: {
+    id: 'ImportResourcesModal.prepareMessage',
+    description: 'Notification for preparing import',
+    defaultMessage: '<b>Prepare import</b><newline></newline>Once preparation is complete, you can track the import progress <logsLink>in the Import logs</logsLink>.'
+  },
+  previewOfYourImport: {
+    id: 'ImportResourcesModal.previewOfYourImport',
+    description: 'Label for modal path',
+    defaultMessage: "Here's a preview of your import"
+  },
+  itemsToBeImported: {
+    id: 'ImportResourcesModal.itemsToBeImported',
+    description: 'This message indicates the number of items that are ready to be imported into the project.',
+    defaultMessage: '{itemCount, plural, one {<b>1</b> {resourceType} to be imported{publish, select, true { and published} other {}}} other {<b>{itemCount}</b> {resourceTypePlural} to be imported{publish, select, true { and published} other {}}}}'
+  },
+  columnsToBeImported: {
+    id: 'ImportResourcesModal.columnsToBeImported',
+    description: 'This message indicates the number of columns that are ready to be imported into the system.',
+    defaultMessage: '<b>{columnCount}</b> columns to be imported'
+  },
+  columnsToBeIgnored: {
+    id: 'ImportResourcesModal.columnsToBeIgnored',
+    description: "This message indicates the number of columns that will be deliberately skipped during the import because they can't be imported",
+    defaultMessage: "We will intentionally ignore <b>{columnCount}</b> columns as they can't be imported"
+  },
+  showMore: {
+    id: 'ImportResourcesModal.showMore',
+    description: 'A button label for expanding the import preview to show more details.',
+    defaultMessage: 'Show more'
+  },
+  showLess: {
+    id: 'ImportResourcesModal.showLess',
+    description: 'A button label for collapsing the import preview to show fewer details.',
+    defaultMessage: 'Show less'
+  },
+  continue: {
+    id: 'ImportResourcesModal.continue',
+    description: 'Confirmation dialog continue button',
+    defaultMessage: 'Continue'
+  },
+  confirmationBodyText: {
+    id: 'ImportResourcesModal.confirmationBodyText',
+    description: 'Confirmation dialog text',
+    defaultMessage: 'You are about to import {count, plural, one {<bold>1</bold> row} other {<bold>{count}</bold> rows}} in the project: <bold>{projectName}</bold>.'
+  },
+  confirmationBodyNote: {
+    id: 'ImportResourcesModal.confirmationBodyNote',
+    description: 'Confirmation dialog text',
+    defaultMessage: 'Please be aware that existing values with the same keys will be overwritten by the data included in the CSV.'
+  },
+  confirmationBodyQuestion: {
+    id: 'ImportResourcesModal.confirmationBodyQuestion',
+    description: 'Confirmation question',
+    defaultMessage: 'Proceed with the import?'
+  }
+});
+
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$4(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$4(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const AlignedContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1amawj91"
+} : {
+  target: "e1amawj91",
+  label: "AlignedContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1x0d6yz",
+  styles: "padding-top:5px"
+} : {
+  name: "1x0d6yz",
+  styles: "padding-top:5px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXMEMiLCJmaWxlIjoiY29sdW1uLWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnXG5pbXBvcnQgeyBMaW5rLCBTdGFtcCwgVGFnTGlzdCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnXG5pbXBvcnQgeyBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPlxufVxuXG5leHBvcnQgY29uc3QgQWxpZ25lZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctdG9wOiA1cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBNb2RpZmllZFRhZ0xpc3QgPSBzdHlsZWQoVGFnTGlzdClgXG4gID4gZGl2IHtcbiAgICBtYXJnaW46IDhweCA4cHggMCAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDb2x1bW5MaXN0ID0gKHByb3BzOiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbjxQcm9wcz4pID0+IHtcbiAgY29uc3QgW2lzRXhwYW5kZWQsIHNldElzRXhwYW5kZWRdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IHNob3VsZFNob3dFeHBhbmRCdXR0b24gPVxuICAgIHByb3BzLmNvbHVtbnMubGVuZ3RoID4gSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVFxuICBjb25zdCBmaW5hbENvbHVtbnMgPSBpc0V4cGFuZGVkXG4gICAgPyBwcm9wcy5jb2x1bW5zXG4gICAgOiBwcm9wcy5jb2x1bW5zLnNsaWNlKDAsIElOSVRJQUxfQ09MVU1OX0RJU1BMQVlfQ09VTlQpXG5cbiAgcmV0dXJuIChcbiAgICA8TW9kaWZpZWRUYWdMaXN0PlxuICAgICAge2ZpbmFsQ29sdW1ucy5tYXAoKGNvbHVtbjogc3RyaW5nLCBpbmRleDogbnVtYmVyKSA9PiAoXG4gICAgICAgIDxTdGFtcCBrZXk9e2luZGV4fSBsYWJlbD17Y29sdW1ufSB0b25lPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICkpfVxuICAgICAge3Nob3VsZFNob3dFeHBhbmRCdXR0b24gJiYgKFxuICAgICAgICA8QWxpZ25lZENvbnRhaW5lcj5cbiAgICAgICAgICA8TGlua1xuICAgICAgICAgICAgdG89XCJcIlxuICAgICAgICAgICAgdG9uZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoZSkgPT4ge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZClcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2lzRXhwYW5kZWQgPyAoXG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5zaG93TGVzc30gLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5zaG93TW9yZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9MaW5rPlxuICAgICAgICA8L0FsaWduZWRDb250YWluZXI+XG4gICAgICApfVxuICAgIDwvTW9kaWZpZWRUYWdMaXN0PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+});
+const ModifiedTagList = /*#__PURE__*/_styled(TagList, process.env.NODE_ENV === "production" ? {
+  target: "e1amawj90"
+} : {
+  target: "e1amawj90",
+  label: "ModifiedTagList"
+})(process.env.NODE_ENV === "production" ? {
+  name: "u9abxe",
+  styles: ">div{margin:8px 8px 0 0;}"
+} : {
+  name: "u9abxe",
+  styles: ">div{margin:8px 8px 0 0;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlOEMiLCJmaWxlIjoiY29sdW1uLWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnXG5pbXBvcnQgeyBMaW5rLCBTdGFtcCwgVGFnTGlzdCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnXG5pbXBvcnQgeyBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPlxufVxuXG5leHBvcnQgY29uc3QgQWxpZ25lZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctdG9wOiA1cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBNb2RpZmllZFRhZ0xpc3QgPSBzdHlsZWQoVGFnTGlzdClgXG4gID4gZGl2IHtcbiAgICBtYXJnaW46IDhweCA4cHggMCAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDb2x1bW5MaXN0ID0gKHByb3BzOiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbjxQcm9wcz4pID0+IHtcbiAgY29uc3QgW2lzRXhwYW5kZWQsIHNldElzRXhwYW5kZWRdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IHNob3VsZFNob3dFeHBhbmRCdXR0b24gPVxuICAgIHByb3BzLmNvbHVtbnMubGVuZ3RoID4gSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVFxuICBjb25zdCBmaW5hbENvbHVtbnMgPSBpc0V4cGFuZGVkXG4gICAgPyBwcm9wcy5jb2x1bW5zXG4gICAgOiBwcm9wcy5jb2x1bW5zLnNsaWNlKDAsIElOSVRJQUxfQ09MVU1OX0RJU1BMQVlfQ09VTlQpXG5cbiAgcmV0dXJuIChcbiAgICA8TW9kaWZpZWRUYWdMaXN0PlxuICAgICAge2ZpbmFsQ29sdW1ucy5tYXAoKGNvbHVtbjogc3RyaW5nLCBpbmRleDogbnVtYmVyKSA9PiAoXG4gICAgICAgIDxTdGFtcCBrZXk9e2luZGV4fSBsYWJlbD17Y29sdW1ufSB0b25lPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICkpfVxuICAgICAge3Nob3VsZFNob3dFeHBhbmRCdXR0b24gJiYgKFxuICAgICAgICA8QWxpZ25lZENvbnRhaW5lcj5cbiAgICAgICAgICA8TGlua1xuICAgICAgICAgICAgdG89XCJcIlxuICAgICAgICAgICAgdG9uZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoZSkgPT4ge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZClcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2lzRXhwYW5kZWQgPyAoXG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5zaG93TGVzc30gLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5zaG93TW9yZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9MaW5rPlxuICAgICAgICA8L0FsaWduZWRDb250YWluZXI+XG4gICAgICApfVxuICAgIDwvTW9kaWZpZWRUYWdMaXN0PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+});
+const ColumnList = props => {
+  var _context;
+  const _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isExpanded = _React$useState2[0],
+    setIsExpanded = _React$useState2[1];
+  const shouldShowExpandButton = props.columns.length > INITIAL_COLUMN_DISPLAY_COUNT;
+  const finalColumns = isExpanded ? props.columns : _sliceInstanceProperty(_context = props.columns).call(_context, 0, INITIAL_COLUMN_DISPLAY_COUNT);
+  return jsxs(ModifiedTagList, {
+    children: [_mapInstanceProperty(finalColumns).call(finalColumns, (column, index) => jsx(Stamp, {
+      label: column,
+      tone: "secondary"
+    }, index)), shouldShowExpandButton && jsx(AlignedContainer, {
+      children: jsx(Link, {
+        to: "",
+        tone: "secondary",
+        onClick: e => {
+          e.preventDefault();
+          setIsExpanded(!isExpanded);
+        },
+        children: isExpanded ? jsx(FormattedMessage, _objectSpread$4({}, messages$3.showLess)) : jsx(FormattedMessage, _objectSpread$4({}, messages$3.showMore))
+      })
+    })]
+  });
+};
+
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function UploadPreviewModal() {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  const intl = useIntl();
+  const _useImportResourcesCo2 = useImportResourcesContext(),
+    actions = _useImportResourcesCo2.actions,
+    onClose = _useImportResourcesCo2.onClose;
+  if (!state.resourceType || !state.uploadFileResponse) return null;
+  const resourceTypeMessage = resourceTypeToMessage(state.resourceType);
+  const resourceType = intl.formatMessage(resourceTypeMessage).toLowerCase();
+  const resourceTypePluralMessage = resourceTypeToPluralMessage(state.resourceType);
+  const resourceTypePlural = intl.formatMessage(resourceTypePluralMessage).toLowerCase();
+  const ignoredFields = state.uploadFileResponse.ignoredFields;
+  const validatedFields = getValidatedColumns(state.uploadFileResponse.fields, ignoredFields);
+  return jsx(FormDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
+    labelPrimary: intl.formatMessage(messages$3.continue),
+    onSecondaryButtonClick: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    onPrimaryButtonClick: () => {
+      actions.setCurrentStep(CurrentStep$1.ImportConfirmationModal);
+    },
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    children: jsx(Masking.Unmask, {
+      children: jsx(PageContentNarrow, {
+        children: jsx(Spacings.Stack, {
+          scale: "xxxl",
+          children: jsx(Spacings.Stack, {
+            scale: "xl",
+            children: jsxs(Spacings.Stack, {
+              scale: "m",
+              children: [jsx("div", {}), jsx(Text.Body, {
+                intlMessage: messages$3.previewOfYourImport
+              }), jsx(Card, {
+                insetScale: "xl",
+                children: jsxs(Spacings.Stack, {
+                  scale: "s",
+                  children: [jsxs(Spacings.Stack, {
+                    scale: "xs",
+                    children: [jsxs(Spacings.Inline, {
+                      alignItems: "center",
+                      children: [jsx(CheckBoldIcon, {
+                        color: "success"
+                      }), jsx(Text.Body, {
+                        intlMessage: _objectSpread$3(_objectSpread$3({}, messages$3.itemsToBeImported), {}, {
+                          values: {
+                            resourceType,
+                            resourceTypePlural,
+                            itemCount: intl.formatNumber(state.uploadFileResponse.itemsCount),
+                            publish: state.resourceType === 'product' && state.settings?.publish,
+                            b: getBold$1
+                          }
+                        })
+                      })]
+                    }), jsxs(Spacings.Inline, {
+                      alignItems: "center",
+                      children: [jsx(CheckBoldIcon, {
+                        color: "success"
+                      }), jsx(Text.Body, {
+                        intlMessage: _objectSpread$3(_objectSpread$3({}, messages$3.columnsToBeImported), {}, {
+                          values: {
+                            columnCount: intl.formatNumber(validatedFields.length),
+                            b: getBold$1
+                          }
+                        })
+                      })]
+                    })]
+                  }), jsx(ColumnList, {
+                    columns: validatedFields
+                  })]
+                })
+              }), ignoredFields.length > 0 && jsx(Card, {
+                insetScale: "xl",
+                children: jsxs(Spacings.Stack, {
+                  scale: "s",
+                  children: [jsxs(Spacings.Inline, {
+                    alignItems: "center",
+                    children: [jsx(EyeCrossedIcon, {
+                      color: "neutral60"
+                    }), jsx(Text.Body, {
+                      intlMessage: _objectSpread$3(_objectSpread$3({}, messages$3.columnsToBeIgnored), {}, {
+                        values: {
+                          columnCount: intl.formatNumber(ignoredFields.length),
+                          b: getBold$1
+                        }
+                      })
+                    })]
+                  }), jsx(ColumnList, {
+                    columns: ignoredFields
+                  })]
+                })
+              })]
+            })
+          })
+        })
+      })
+    })
+  });
+}
+function getBold$1(msg) {
+  return jsx(Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  }, crypto.randomUUID());
+}
+
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const getNewLine = () => jsx("br", {}, "break");
+const getImportLogsLink = (msg, projectKey) => jsx(Link, {
+  to: `/${projectKey}/operations/import/logs`,
+  children: msg
+}, "link");
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1vs9i7r",
+  styles: "width:360px"
+} : {
+  name: "g36yzl-ImportRunningTextNotification",
+  styles: "width:360px;label:ImportRunningTextNotification;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImltcG9ydC1jb25maXJtYXRpb24tbW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCWSIsImZpbGUiOiJpbXBvcnQtY29uZmlybWF0aW9uLW1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlU2hvd05vdGlmaWNhdGlvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FjdGlvbnMtZ2xvYmFsJ1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uRGlhbG9nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tY29tcG9uZW50cydcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnXG5pbXBvcnQgeyBET01BSU5TIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJ1xuaW1wb3J0IHsgTWFza2luZyBhcyBGdWxsU3RvcnlNYXNraW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvZnVsbHN0b3J5J1xuaW1wb3J0IHsgTGluaywgU3BhY2luZ3MsIFRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQge1xuICBpc0Vycm9yLFxuICBwcm9jZXNzVXBsb2FkZWRGaWxlLFxuICBwcm9jZXNzRmlsZUltcG9ydEpvYixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQtZXh0ZW5zaW9ucy9vcGVyYXRpb25zJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcbmltcG9ydCB7IHVzZUltcG9ydFJlc291cmNlc0NvbnRleHQgfSBmcm9tICcuLi8uLi9AaG9va3MnXG5pbXBvcnQgc2hhcmVkTWVzc2FnZXMgZnJvbSAnLi4vLi4vbWVzc2FnZXMnXG5cbmNvbnN0IGdldE5ld0xpbmUgPSAoKSA9PiA8YnIga2V5PVwiYnJlYWtcIiAvPlxuY29uc3QgZ2V0SW1wb3J0TG9nc0xpbmsgPSAobXNnLCBwcm9qZWN0S2V5KSA9PiAoXG4gIDxMaW5rIHRvPXtgLyR7cHJvamVjdEtleX0vb3BlcmF0aW9ucy9pbXBvcnQvbG9nc2B9IGtleT1cImxpbmtcIj5cbiAgICB7bXNnfVxuICA8L0xpbms+XG4pXG5cbmNvbnN0IEltcG9ydFJ1bm5pbmdUZXh0Tm90aWZpY2F0aW9uID0gKHByb3BzOiB7IHByb2plY3RLZXk6IHN0cmluZyB9KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHdpZHRoOiAzNjBweDtcbiAgICBgfVxuICA+XG4gICAgPFRleHQuQm9keVxuICAgICAgaW50bE1lc3NhZ2U9e3tcbiAgICAgICAgLi4ubWVzc2FnZXMuaW1wb3J0Tm90aWZpY2F0aW9uU3VjY2Vzc01lc3NhZ2UsXG4gICAgICAgIHZhbHVlczoge1xuICAgICAgICAgIG5ld2xpbmU6IGdldE5ld0xpbmUsXG4gICAgICAgICAgbG9nc0xpbms6IChtc2cpID0+IGdldEltcG9ydExvZ3NMaW5rKG1zZywgcHJvcHMucHJvamVjdEtleSksXG4gICAgICAgICAgYjogZ2V0Qm9sZCxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgLz5cbiAgPC9kaXY+XG4pXG5cbmNvbnN0IEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gPSAocHJvcHM6IHsgcHJvamVjdEtleTogc3RyaW5nIH0pID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgd2lkdGg6IDM2MHB4O1xuICAgIGB9XG4gID5cbiAgICA8VGV4dC5Cb2R5XG4gICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAuLi5tZXNzYWdlcy5pbXBvcnROb3RpZmljYXRpb25QcmVwYXJlTWVzc2FnZSxcbiAgICAgICAgdmFsdWVzOiB7XG4gICAgICAgICAgbmV3bGluZTogZ2V0TmV3TGluZSxcbiAgICAgICAgICBsb2dzTGluazogKG1zZykgPT4gZ2V0SW1wb3J0TG9nc0xpbmsobXNnLCBwcm9wcy5wcm9qZWN0S2V5KSxcbiAgICAgICAgICBiOiBnZXRCb2xkLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICAvPlxuICA8L2Rpdj5cbilcblxuZXhwb3J0IGNvbnN0IEltcG9ydENvbmZpcm1hdGlvbk1vZGFsID0gKCkgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpXG4gIGNvbnN0IHsgc3RhdGUsIG9uU3RhcnRJbXBvcnRTdWNjZXNzLCBvbkNsb3NlIH0gPSB1c2VJbXBvcnRSZXNvdXJjZXNDb250ZXh0KClcbiAgY29uc3QgeyBwcm9qZWN0S2V5LCBwcm9qZWN0TmFtZSB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KChjb250ZXh0KSA9PiAoe1xuICAgIHByb2plY3RLZXk6IGNvbnRleHQucHJvamVjdD8ua2V5LFxuICAgIHByb2plY3ROYW1lOiBjb250ZXh0LnByb2plY3Q/Lm5hbWUsXG4gIH0pKVxuXG4gIGNvbnN0IHNob3dOb3RpZmljYXRpb24gPSB1c2VTaG93Tm90aWZpY2F0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxDb25maXJtYXRpb25EaWFsb2dcbiAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgIHNoYXJlZE1lc3NhZ2VzW2Btb2RhbFRpdGxlLiR7c3RhdGUucmVzb3VyY2VUeXBlfWBdXG4gICAgICApfVxuICAgICAgbGFiZWxQcmltYXJ5PXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc3RhcnRJbXBvcnRCdXR0b24pfVxuICAgICAgaXNPcGVuPXt0cnVlfVxuICAgICAgb25DbG9zZT17KCkgPT4gb25DbG9zZSh7IHNob3VsZERlbGV0ZUltcG9ydENvbnRhaW5lcjogdHJ1ZSB9KX1cbiAgICAgIG9uQ2FuY2VsPXsoKSA9PiBvbkNsb3NlKHsgc2hvdWxkRGVsZXRlSW1wb3J0Q29udGFpbmVyOiB0cnVlIH0pfVxuICAgICAgZGF0YUF0dHJpYnV0ZXNQcmltYXJ5QnV0dG9uPXt7XG4gICAgICAgICdkYXRhLXRlc3QtaWQnOiAnY29uZmlybWF0aW9uLWRpYWxvZy1jb25maXJtJyxcbiAgICAgIH19XG4gICAgICBkYXRhQXR0cmlidXRlc1NlY29uZGFyeUJ1dHRvbj17e1xuICAgICAgICAnZGF0YS10ZXN0LWlkJzogJ2NvbmZpcm1hdGlvbi1kaWFsb2ctY2FuY2VsJyxcbiAgICAgICAgJ2RhdGEtdHJhY2tpbmctdGFyZ2V0JzogYCR7c3RhdGUucmVzb3VyY2VUeXBlfV9pbXBvcnQtc3RhcnRfaW1wb3J0X2J1dHRvbmAsXG4gICAgICB9fVxuICAgICAgb25Db25maXJtPXthc3luYyAoKSA9PiB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgY29uc3QgY2FuQ29uZmlybSA9XG4gICAgICAgICAgICBwcm9qZWN0S2V5ICYmXG4gICAgICAgICAgICBzdGF0ZS5jb250YWluZXJLZXkgJiZcbiAgICAgICAgICAgIHN0YXRlLmRyb3BwZWRGaWxlPy5uYW1lICYmXG4gICAgICAgICAgICBzdGF0ZS5yZXNvdXJjZVR5cGVcbiAgICAgICAgICBpZiAoIWNhbkNvbmZpcm0pIHJldHVyblxuICAgICAgICAgIG9uQ2xvc2UoKVxuICAgICAgICAgIHNob3dOb3RpZmljYXRpb24oXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGtpbmQ6ICdpbmZvJyxcbiAgICAgICAgICAgICAgZG9tYWluOiBET01BSU5TLlNJREUsXG4gICAgICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICAgICAgdGV4dDogPEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgKVxuICAgICAgICAgIGNvbnN0IGlzSm9iQmFzZWRGbG93ID0gISFzdGF0ZS5qb2JJZFxuICAgICAgICAgIGlmIChpc0pvYkJhc2VkRmxvdykge1xuICAgICAgICAgICAgYXdhaXQgcHJvY2Vzc0ZpbGVJbXBvcnRKb2Ioe1xuICAgICAgICAgICAgICBwcm9qZWN0S2V5LFxuICAgICAgICAgICAgICByZXNvdXJjZVR5cGU6IHN0YXRlLnJlc291cmNlVHlwZSEsXG4gICAgICAgICAgICAgIGltcG9ydENvbnRhaW5lcktleTogc3RhdGUuY29udGFpbmVyS2V5ISxcbiAgICAgICAgICAgICAgam9iSWQ6IHN0YXRlLmpvYklkISxcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGF3YWl0IHByb2Nlc3NVcGxvYWRlZEZpbGUoe1xuICAgICAgICAgICAgICBwcm9qZWN0S2V5LFxuICAgICAgICAgICAgICBpbXBvcnRDb250YWluZXJLZXk6IHN0YXRlLmNvbnRhaW5lcktleSEsXG4gICAgICAgICAgICAgIHJlc291cmNlVHlwZTogc3RhdGUucmVzb3VyY2VUeXBlISxcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgfVxuICAgICAgICAgIG9uU3RhcnRJbXBvcnRTdWNjZXNzKClcbiAgICAgICAgICBzaG93Tm90aWZpY2F0aW9uKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBraW5kOiAnaW5mbycsXG4gICAgICAgICAgICAgIGRvbWFpbjogRE9NQUlOUy5TSURFLFxuICAgICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICAgIHRleHQ6IDxJbXBvcnRSdW5uaW5nVGV4dE5vdGlmaWNhdGlvbiBwcm9qZWN0S2V5PXtwcm9qZWN0S2V5fSAvPixcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGRpc21pc3NBZnRlcjogNTAwMCxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICApXG4gICAgICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgb25DbG9zZSh7IHNob3VsZERlbGV0ZUltcG9ydENvbnRhaW5lcjogdHJ1ZSB9KVxuICAgICAgICAgIHNob3dOb3RpZmljYXRpb24oe1xuICAgICAgICAgICAga2luZDogJ2Vycm9yJyxcbiAgICAgICAgICAgIGRvbWFpbjogRE9NQUlOUy5QQUdFLFxuICAgICAgICAgICAgdGV4dDogaXNFcnJvcihlcnJvcikgPyBlcnJvci50b1N0cmluZygpIDogU3RyaW5nKGVycm9yKSxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgc2l6ZT17MTZ9XG4gICAgPlxuICAgICAgPEZ1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8VGV4dC5Cb2R5XG4gICAgICAgICAgICAgIGludGxNZXNzYWdlPXt7XG4gICAgICAgICAgICAgICAgLi4ubWVzc2FnZXMuY29uZmlybWF0aW9uQm9keVRleHQsXG4gICAgICAgICAgICAgICAgdmFsdWVzOiB7XG4gICAgICAgICAgICAgICAgICBwcm9qZWN0TmFtZTogcHJvamVjdE5hbWUsXG4gICAgICAgICAgICAgICAgICBjb3VudDogaW50bC5mb3JtYXROdW1iZXIoXG4gICAgICAgICAgICAgICAgICAgIHN0YXRlPy51cGxvYWRGaWxlUmVzcG9uc2U/LnJvd3NDb3VudCB8fCAwXG4gICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgYm9sZDogZ2V0Qm9sZCxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxUZXh0LkJvZHkgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmNvbmZpcm1hdGlvbkJvZHlOb3RlfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxUZXh0LkJvZHkgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmNvbmZpcm1hdGlvbkJvZHlRdWVzdGlvbn0gLz5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvRnVsbFN0b3J5TWFza2luZy5Vbm1hc2s+XG4gICAgPC9Db25maXJtYXRpb25EaWFsb2c+XG4gIClcbn1cblxuZnVuY3Rpb24gZ2V0Qm9sZChtc2cpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dC5Cb2R5IGFzPVwic3BhblwiIGlzQm9sZCBrZXk9e2NyeXB0by5yYW5kb21VVUlEKCl9PlxuICAgICAge21zZ31cbiAgICA8L1RleHQuQm9keT5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const ImportRunningTextNotification = props => jsx("div", {
+  css: _ref2,
+  children: jsx(Text.Body, {
+    intlMessage: _objectSpread$2(_objectSpread$2({}, messages$3.importNotificationSuccessMessage), {}, {
+      values: {
+        newline: getNewLine,
+        logsLink: msg => getImportLogsLink(msg, props.projectKey),
+        b: getBold
+      }
+    })
+  })
+});
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1vs9i7r",
+  styles: "width:360px"
+} : {
+  name: "mjwslu-ImportPreparingTextNotification",
+  styles: "width:360px;label:ImportPreparingTextNotification;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImltcG9ydC1jb25maXJtYXRpb24tbW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDWSIsImZpbGUiOiJpbXBvcnQtY29uZmlybWF0aW9uLW1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlU2hvd05vdGlmaWNhdGlvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FjdGlvbnMtZ2xvYmFsJ1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uRGlhbG9nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tY29tcG9uZW50cydcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnXG5pbXBvcnQgeyBET01BSU5TIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJ1xuaW1wb3J0IHsgTWFza2luZyBhcyBGdWxsU3RvcnlNYXNraW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvZnVsbHN0b3J5J1xuaW1wb3J0IHsgTGluaywgU3BhY2luZ3MsIFRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQge1xuICBpc0Vycm9yLFxuICBwcm9jZXNzVXBsb2FkZWRGaWxlLFxuICBwcm9jZXNzRmlsZUltcG9ydEpvYixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQtZXh0ZW5zaW9ucy9vcGVyYXRpb25zJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcbmltcG9ydCB7IHVzZUltcG9ydFJlc291cmNlc0NvbnRleHQgfSBmcm9tICcuLi8uLi9AaG9va3MnXG5pbXBvcnQgc2hhcmVkTWVzc2FnZXMgZnJvbSAnLi4vLi4vbWVzc2FnZXMnXG5cbmNvbnN0IGdldE5ld0xpbmUgPSAoKSA9PiA8YnIga2V5PVwiYnJlYWtcIiAvPlxuY29uc3QgZ2V0SW1wb3J0TG9nc0xpbmsgPSAobXNnLCBwcm9qZWN0S2V5KSA9PiAoXG4gIDxMaW5rIHRvPXtgLyR7cHJvamVjdEtleX0vb3BlcmF0aW9ucy9pbXBvcnQvbG9nc2B9IGtleT1cImxpbmtcIj5cbiAgICB7bXNnfVxuICA8L0xpbms+XG4pXG5cbmNvbnN0IEltcG9ydFJ1bm5pbmdUZXh0Tm90aWZpY2F0aW9uID0gKHByb3BzOiB7IHByb2plY3RLZXk6IHN0cmluZyB9KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHdpZHRoOiAzNjBweDtcbiAgICBgfVxuICA+XG4gICAgPFRleHQuQm9keVxuICAgICAgaW50bE1lc3NhZ2U9e3tcbiAgICAgICAgLi4ubWVzc2FnZXMuaW1wb3J0Tm90aWZpY2F0aW9uU3VjY2Vzc01lc3NhZ2UsXG4gICAgICAgIHZhbHVlczoge1xuICAgICAgICAgIG5ld2xpbmU6IGdldE5ld0xpbmUsXG4gICAgICAgICAgbG9nc0xpbms6IChtc2cpID0+IGdldEltcG9ydExvZ3NMaW5rKG1zZywgcHJvcHMucHJvamVjdEtleSksXG4gICAgICAgICAgYjogZ2V0Qm9sZCxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgLz5cbiAgPC9kaXY+XG4pXG5cbmNvbnN0IEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gPSAocHJvcHM6IHsgcHJvamVjdEtleTogc3RyaW5nIH0pID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgd2lkdGg6IDM2MHB4O1xuICAgIGB9XG4gID5cbiAgICA8VGV4dC5Cb2R5XG4gICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAuLi5tZXNzYWdlcy5pbXBvcnROb3RpZmljYXRpb25QcmVwYXJlTWVzc2FnZSxcbiAgICAgICAgdmFsdWVzOiB7XG4gICAgICAgICAgbmV3bGluZTogZ2V0TmV3TGluZSxcbiAgICAgICAgICBsb2dzTGluazogKG1zZykgPT4gZ2V0SW1wb3J0TG9nc0xpbmsobXNnLCBwcm9wcy5wcm9qZWN0S2V5KSxcbiAgICAgICAgICBiOiBnZXRCb2xkLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICAvPlxuICA8L2Rpdj5cbilcblxuZXhwb3J0IGNvbnN0IEltcG9ydENvbmZpcm1hdGlvbk1vZGFsID0gKCkgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpXG4gIGNvbnN0IHsgc3RhdGUsIG9uU3RhcnRJbXBvcnRTdWNjZXNzLCBvbkNsb3NlIH0gPSB1c2VJbXBvcnRSZXNvdXJjZXNDb250ZXh0KClcbiAgY29uc3QgeyBwcm9qZWN0S2V5LCBwcm9qZWN0TmFtZSB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KChjb250ZXh0KSA9PiAoe1xuICAgIHByb2plY3RLZXk6IGNvbnRleHQucHJvamVjdD8ua2V5LFxuICAgIHByb2plY3ROYW1lOiBjb250ZXh0LnByb2plY3Q/Lm5hbWUsXG4gIH0pKVxuXG4gIGNvbnN0IHNob3dOb3RpZmljYXRpb24gPSB1c2VTaG93Tm90aWZpY2F0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxDb25maXJtYXRpb25EaWFsb2dcbiAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgIHNoYXJlZE1lc3NhZ2VzW2Btb2RhbFRpdGxlLiR7c3RhdGUucmVzb3VyY2VUeXBlfWBdXG4gICAgICApfVxuICAgICAgbGFiZWxQcmltYXJ5PXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc3RhcnRJbXBvcnRCdXR0b24pfVxuICAgICAgaXNPcGVuPXt0cnVlfVxuICAgICAgb25DbG9zZT17KCkgPT4gb25DbG9zZSh7IHNob3VsZERlbGV0ZUltcG9ydENvbnRhaW5lcjogdHJ1ZSB9KX1cbiAgICAgIG9uQ2FuY2VsPXsoKSA9PiBvbkNsb3NlKHsgc2hvdWxkRGVsZXRlSW1wb3J0Q29udGFpbmVyOiB0cnVlIH0pfVxuICAgICAgZGF0YUF0dHJpYnV0ZXNQcmltYXJ5QnV0dG9uPXt7XG4gICAgICAgICdkYXRhLXRlc3QtaWQnOiAnY29uZmlybWF0aW9uLWRpYWxvZy1jb25maXJtJyxcbiAgICAgIH19XG4gICAgICBkYXRhQXR0cmlidXRlc1NlY29uZGFyeUJ1dHRvbj17e1xuICAgICAgICAnZGF0YS10ZXN0LWlkJzogJ2NvbmZpcm1hdGlvbi1kaWFsb2ctY2FuY2VsJyxcbiAgICAgICAgJ2RhdGEtdHJhY2tpbmctdGFyZ2V0JzogYCR7c3RhdGUucmVzb3VyY2VUeXBlfV9pbXBvcnQtc3RhcnRfaW1wb3J0X2J1dHRvbmAsXG4gICAgICB9fVxuICAgICAgb25Db25maXJtPXthc3luYyAoKSA9PiB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgY29uc3QgY2FuQ29uZmlybSA9XG4gICAgICAgICAgICBwcm9qZWN0S2V5ICYmXG4gICAgICAgICAgICBzdGF0ZS5jb250YWluZXJLZXkgJiZcbiAgICAgICAgICAgIHN0YXRlLmRyb3BwZWRGaWxlPy5uYW1lICYmXG4gICAgICAgICAgICBzdGF0ZS5yZXNvdXJjZVR5cGVcbiAgICAgICAgICBpZiAoIWNhbkNvbmZpcm0pIHJldHVyblxuICAgICAgICAgIG9uQ2xvc2UoKVxuICAgICAgICAgIHNob3dOb3RpZmljYXRpb24oXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGtpbmQ6ICdpbmZvJyxcbiAgICAgICAgICAgICAgZG9tYWluOiBET01BSU5TLlNJREUsXG4gICAgICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICAgICAgdGV4dDogPEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgKVxuICAgICAgICAgIGNvbnN0IGlzSm9iQmFzZWRGbG93ID0gISFzdGF0ZS5qb2JJZFxuICAgICAgICAgIGlmIChpc0pvYkJhc2VkRmxvdykge1xuICAgICAgICAgICAgYXdhaXQgcHJvY2Vzc0ZpbGVJbXBvcnRKb2Ioe1xuICAgICAgICAgICAgICBwcm9qZWN0S2V5LFxuICAgICAgICAgICAgICByZXNvdXJjZVR5cGU6IHN0YXRlLnJlc291cmNlVHlwZSEsXG4gICAgICAgICAgICAgIGltcG9ydENvbnRhaW5lcktleTogc3RhdGUuY29udGFpbmVyS2V5ISxcbiAgICAgICAgICAgICAgam9iSWQ6IHN0YXRlLmpvYklkISxcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGF3YWl0IHByb2Nlc3NVcGxvYWRlZEZpbGUoe1xuICAgICAgICAgICAgICBwcm9qZWN0S2V5LFxuICAgICAgICAgICAgICBpbXBvcnRDb250YWluZXJLZXk6IHN0YXRlLmNvbnRhaW5lcktleSEsXG4gICAgICAgICAgICAgIHJlc291cmNlVHlwZTogc3RhdGUucmVzb3VyY2VUeXBlISxcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgfVxuICAgICAgICAgIG9uU3RhcnRJbXBvcnRTdWNjZXNzKClcbiAgICAgICAgICBzaG93Tm90aWZpY2F0aW9uKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBraW5kOiAnaW5mbycsXG4gICAgICAgICAgICAgIGRvbWFpbjogRE9NQUlOUy5TSURFLFxuICAgICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICAgIHRleHQ6IDxJbXBvcnRSdW5uaW5nVGV4dE5vdGlmaWNhdGlvbiBwcm9qZWN0S2V5PXtwcm9qZWN0S2V5fSAvPixcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGRpc21pc3NBZnRlcjogNTAwMCxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICApXG4gICAgICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgb25DbG9zZSh7IHNob3VsZERlbGV0ZUltcG9ydENvbnRhaW5lcjogdHJ1ZSB9KVxuICAgICAgICAgIHNob3dOb3RpZmljYXRpb24oe1xuICAgICAgICAgICAga2luZDogJ2Vycm9yJyxcbiAgICAgICAgICAgIGRvbWFpbjogRE9NQUlOUy5QQUdFLFxuICAgICAgICAgICAgdGV4dDogaXNFcnJvcihlcnJvcikgPyBlcnJvci50b1N0cmluZygpIDogU3RyaW5nKGVycm9yKSxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgc2l6ZT17MTZ9XG4gICAgPlxuICAgICAgPEZ1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8VGV4dC5Cb2R5XG4gICAgICAgICAgICAgIGludGxNZXNzYWdlPXt7XG4gICAgICAgICAgICAgICAgLi4ubWVzc2FnZXMuY29uZmlybWF0aW9uQm9keVRleHQsXG4gICAgICAgICAgICAgICAgdmFsdWVzOiB7XG4gICAgICAgICAgICAgICAgICBwcm9qZWN0TmFtZTogcHJvamVjdE5hbWUsXG4gICAgICAgICAgICAgICAgICBjb3VudDogaW50bC5mb3JtYXROdW1iZXIoXG4gICAgICAgICAgICAgICAgICAgIHN0YXRlPy51cGxvYWRGaWxlUmVzcG9uc2U/LnJvd3NDb3VudCB8fCAwXG4gICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgYm9sZDogZ2V0Qm9sZCxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxUZXh0LkJvZHkgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmNvbmZpcm1hdGlvbkJvZHlOb3RlfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxUZXh0LkJvZHkgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmNvbmZpcm1hdGlvbkJvZHlRdWVzdGlvbn0gLz5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvRnVsbFN0b3J5TWFza2luZy5Vbm1hc2s+XG4gICAgPC9Db25maXJtYXRpb25EaWFsb2c+XG4gIClcbn1cblxuZnVuY3Rpb24gZ2V0Qm9sZChtc2cpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dC5Cb2R5IGFzPVwic3BhblwiIGlzQm9sZCBrZXk9e2NyeXB0by5yYW5kb21VVUlEKCl9PlxuICAgICAge21zZ31cbiAgICA8L1RleHQuQm9keT5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const ImportPreparingTextNotification = props => jsx("div", {
+  css: _ref,
+  children: jsx(Text.Body, {
+    intlMessage: _objectSpread$2(_objectSpread$2({}, messages$3.importNotificationPrepareMessage), {}, {
+      values: {
+        newline: getNewLine,
+        logsLink: msg => getImportLogsLink(msg, props.projectKey),
+        b: getBold
+      }
+    })
+  })
+});
+const ImportConfirmationModal = () => {
+  const intl = useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    onStartImportSuccess = _useImportResourcesCo.onStartImportSuccess,
+    onClose = _useImportResourcesCo.onClose;
+  const _useApplicationContex = useApplicationContext(context => ({
+      projectKey: context.project?.key,
+      projectName: context.project?.name
+    })),
+    projectKey = _useApplicationContex.projectKey,
+    projectName = _useApplicationContex.projectName;
+  const showNotification = useShowNotification();
+  return jsx(ConfirmationDialog, {
+    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
+    labelPrimary: intl.formatMessage(messages$3.startImportButton),
+    isOpen: true,
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    onCancel: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    dataAttributesPrimaryButton: {
+      'data-test-id': 'confirmation-dialog-confirm'
+    },
+    dataAttributesSecondaryButton: {
+      'data-test-id': 'confirmation-dialog-cancel',
+      'data-tracking-target': `${state.resourceType}_import-start_import_button`
+    },
+    onConfirm: async () => {
+      try {
+        const canConfirm = projectKey && state.containerKey && state.droppedFile?.name && state.resourceType;
+        if (!canConfirm) return;
+        onClose();
+        showNotification({
+          kind: 'info',
+          domain: DOMAINS.SIDE,
+          // @ts-ignore
+          text: jsx(ImportPreparingTextNotification, {
+            projectKey: projectKey
+          })
+        }, {
+          dismissAfter: 5000
+        });
+        const isJobBasedFlow = !!state.jobId;
+        if (isJobBasedFlow) {
+          await processFileImportJob({
+            projectKey,
+            resourceType: state.resourceType,
+            importContainerKey: state.containerKey,
+            jobId: state.jobId
+          });
+        } else {
+          await processUploadedFile({
+            projectKey,
+            importContainerKey: state.containerKey,
+            resourceType: state.resourceType
+          });
+        }
+        onStartImportSuccess();
+        showNotification({
+          kind: 'info',
+          domain: DOMAINS.SIDE,
+          // @ts-ignore
+          text: jsx(ImportRunningTextNotification, {
+            projectKey: projectKey
+          })
+        }, {
+          dismissAfter: 5000
+        });
+      } catch (error) {
+        onClose({
+          shouldDeleteImportContainer: true
+        });
+        showNotification({
+          kind: 'error',
+          domain: DOMAINS.PAGE,
+          text: isError(error) ? error.toString() : String(error)
+        });
+      }
+    },
+    size: 16,
+    children: jsx(Masking.Unmask, {
+      children: jsxs(Spacings.Stack, {
+        scale: "xl",
+        children: [jsxs("div", {
+          children: [jsx(Text.Body, {
+            intlMessage: _objectSpread$2(_objectSpread$2({}, messages$3.confirmationBodyText), {}, {
+              values: {
+                projectName: projectName,
+                count: intl.formatNumber(state?.uploadFileResponse?.rowsCount || 0),
+                bold: getBold
+              }
+            })
+          }), jsx(Text.Body, {
+            intlMessage: messages$3.confirmationBodyNote
+          })]
+        }), jsx(Text.Body, {
+          intlMessage: messages$3.confirmationBodyQuestion
+        })]
+      })
+    })
+  });
+};
+function getBold(msg) {
+  return jsx(Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  }, crypto.randomUUID());
+}
+
+const UploadResult = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  const hasFileLevelErrors = state.fileUploadErrors.length > 0;
+  const hasRowLevelErrors = (state.uploadFileResponse?.invalid ?? 0) > 0 && (state.uploadFileResponse?.results?.length ?? 0) > 0;
+  if (hasFileLevelErrors || hasRowLevelErrors) {
+    return jsx(UploadErrorsModal, {});
+  }
+  return jsx(UploadPreviewModal, {});
+};
+
+var messages$2 = defineMessages({
+  validatingResources: {
+    id: 'ImportResourcesModal.Uploading.validatingResources',
+    defaultMessage: 'Validating {processed} / {total} {resourceType}'
+  }
+});
+
+const Uploading = () => {
+  const intl = useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions,
+    onClose = _useImportResourcesCo.onClose;
+  if (!state.droppedFile?.name) return null;
+  const showValidationProgress = state.isValidating && state.validationProcessed && state.validationProcessed > 0 && state.totalResourceCount && state.resourceType;
+  const statusMessage = showValidationProgress ? intl.formatMessage(messages$2.validatingResources, {
+    processed: intl.formatNumber(state.validationProcessed),
+    total: intl.formatNumber(state.totalResourceCount),
+    resourceType: intl.formatMessage(resourceTypeToPluralMessage(state.resourceType))
+  }) : undefined;
+  return jsx(UploadingModal, {
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
+    fileName: state.droppedFile.name,
+    fileSize: state.droppedFile.size,
+    progress: state.progress,
+    cancelLabel: intl.formatMessage(sharedMessages.cancel),
+    onCancel: () => {
+      actions.setCurrentStep(CurrentStep$1.Upload);
+      state.abortController.abort();
+    },
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    statusMessage: statusMessage
+  });
+};
+
+const CurrentStep = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  const steps = {
+    upload: jsx(Upload, {}),
+    uploading: jsx(Uploading, {}),
+    'upload-result': jsx(UploadResult, {}),
+    'import-confirmation-modal': jsx(ImportConfirmationModal, {})
+  };
+  return steps[state.currentStep] || null;
+};
+
+var messages$1 = defineMessages({
+  products: {
+    id: 'ImportResourcesModal.radio.products',
+    description: 'Label for the products radio button',
+    defaultMessage: 'Products (including variants, assets, prices and images)'
+  },
+  inventories: {
+    id: 'ImportResourcesModal.radio.inventories',
+    description: 'Label for the inventories radio button',
+    defaultMessage: 'Inventories'
+  },
+  categories: {
+    id: 'ImportResourcesModal.radio.categories',
+    description: 'Label for the categories radio button',
+    defaultMessage: 'Categories'
+  }
+});
+
+const resourceTypeToDisplayName = resourceType => {
+  switch (resourceType) {
+    case IMPORTABLE_RESOURCES.PRODUCT:
+      return messages$1.products;
+    case IMPORTABLE_RESOURCES.INVENTORY:
+      return messages$1.inventories;
+    case IMPORTABLE_RESOURCES.CATEGORY:
+      return messages$1.categories;
+    default:
+      throw new UnexpectedResourceTypeError$1(resourceType);
+  }
+};
+const ResourceTypeSelection = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions,
+    resourceTypes = _useImportResourcesCo.resourceTypes;
+  return jsx(RadioInput.Group, {
+    value: state.resourceType,
+    onChange: e => {
+      actions.setResourceType(e.target.value);
+    },
+    direction: "stack",
+    directionProps: {
+      scale: 's'
+    },
+    children: _mapInstanceProperty(resourceTypes).call(resourceTypes, resourceType => jsx(RadioInput.Option, {
+      value: resourceType,
+      children: jsx(Text.Body, {
+        intlMessage: resourceTypeToDisplayName(resourceType)
+      })
+    }, resourceType))
+  });
+};
+
+var messages = defineMessages({
+  fileUploadInstructions: {
+    id: 'ImportResourcesModal.fileUploadInstructions',
+    description: 'Label for the modal category description',
+    defaultMessage: 'Maximum file size is {fileSize} MB with a limit of {rowLimit} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>.'
+  }
+});
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Instructions = () => {
+  const intl = useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  const isFileImportJobFlowEnabled = useFeatureToggle(FILE_IMPORT_JOB_FLOW);
+  const templateLink = RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS[state.resourceType];
+  const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
+  const maxFileSize = isFileImportJobFlowEnabled ? IMPORT_MAX_FILE_SIZE_MB : IMPORT_LEGACY_MAX_FILE_SIZE_MB;
+  const maxItemCount = isFileImportJobFlowEnabled ? IMPORT_MAX_ITEM_COUNT : IMPORT_LEGACY_MAX_ROW_COUNT;
+  return jsx(Text.Body, {
+    intlMessage: _objectSpread$1(_objectSpread$1({}, messages.fileUploadInstructions), {}, {
+      values: {
+        fileSize: intl.formatNumber(maxFileSize),
+        rowLimit: intl.formatNumber(maxItemCount),
+        csvTemplateLink: msg => jsx(Link, {
+          tone: "secondary",
+          isExternal: true,
+          to: templateLink,
+          children: msg
+        }, "csvTemplateLink"),
+        documentationLink: msg => jsx(Link, {
+          tone: "secondary",
+          isExternal: true,
+          to: documentationLink,
+          children: msg
+        }, "documentationLink")
+      }
+    })
+  });
+};
+
+const getChunkImport = locale => {
+  const intlLocale = mapLocaleToIntlLocale(locale);
+  switch (intlLocale) {
+    case 'de':
+      return import('./de-ba5c0732.esm.js');
+    case 'es':
+      return import('./es-44c7763d.esm.js');
+    case 'fr-FR':
+      return import('./fr-FR-58d893b4.esm.js');
+    case 'ja':
+      return import('./ja-73c088a7.esm.js');
+    case 'pt-BR':
+      return import('./pt-BR-365e883e.esm.js');
+    default:
+      return import('./en-30a40b0e.esm.js');
+  }
+};
+const loadMessages = async locale => {
+  try {
+    const chunkImport = await getChunkImport(locale);
+    return parseChunkImport(chunkImport);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn(`Something went wrong while loading the import-resources-modal messages for ${locale}`, error);
+    reportErrorToSentry(new Error(`Something went wrong while loading the import-resources-modal messages for ${locale}`), {
+      extra: error
+    });
+    return {};
+  }
+};
+
+const useAsyncIntlMessages = (locale, loader) => {
+  const _useState = useState({
+      isLoading: true,
+      messages: undefined,
+      error: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  useEffect(() => {
+    let _isUnmounting = false;
+    async function load() {
+      try {
+        if (!_isUnmounting) {
+          const messages = await loader(locale);
+          setState({
+            isLoading: false,
+            messages
+          });
+        }
+      } catch (error) {
+        setState({
+          isLoading: false,
+          error
+        });
+      }
+    }
+    if (locale) load();
+    return () => {
+      _isUnmounting = true;
+    };
+  }, [locale, loader]);
+  return state;
+};
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const ImportResourcesModal = props => {
+  var _context;
+  const _useApplicationContex = useApplicationContext(context => ({
+      locale: context.user && context.user.locale
+    })),
+    locale = _useApplicationContex.locale;
+  const messages = useAsyncIntlMessages(locale, loadMessages);
+  if (!props.isOpen || messages.isLoading) return null;
+  if (!props.resourceTypes?.length) {
+    console.error('No resource types provided for import resources modal');
+    return null;
+  }
+  if (!_everyInstanceProperty(_context = props.resourceTypes).call(_context, isResourceType)) {
+    console.error('Invalid resource types provided for import resources modal');
+    return null;
+  }
+  return jsx(IntlProvider, {
+    locale: locale,
+    messages: messages.messages,
+    children: jsx(ImportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: jsx(CurrentStep, {})
+    }))
+  });
+};
+ImportResourcesModal.displayName = 'ImportResourcesModal';
+
+export { ImportResourcesModal as default, useImportPermission };