@commercetools-frontend-extensions/unpublish-products-modal 1.2.6 → 1.2.7

package/dist/commercetools-frontend-extensions-unpublish-products-modal.cjs.dev.js

@@ -2,50 +2,1147 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-21e8e348.cjs.dev.js');
-require('@babel/runtime-corejs3/core-js-stable/object/keys');
-require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
-require('@babel/runtime-corejs3/core-js-stable/instance/filter');
-require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
-require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
-require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
-require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-require('@babel/runtime-corejs3/helpers/defineProperty');
-require('react-intl');
-require('@commercetools-frontend/application-shell-connectors');
-require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('react');
-require('@commercetools-frontend/sdk');
-require('@babel/runtime-corejs3/core-js-stable/json/stringify');
-require('@commercetools-frontend/constants');
-require('@babel/runtime-corejs3/core-js-stable/instance/every');
-require('@babel/runtime-corejs3/core-js-stable/promise');
-require('@babel/runtime-corejs3/core-js-stable/array/is-array');
-require('@babel/runtime-corejs3/core-js-stable/instance/find');
-require('@babel/runtime-corejs3/core-js-stable/instance/map');
-require('papaparse');
-require('@emotion/react/jsx-runtime');
-require('@commercetools-frontend/application-components');
-require('@commercetools-frontend/fullstory');
-require('@commercetools-frontend/ui-kit');
-require('@babel/runtime-corejs3/core-js-stable/instance/some');
-require('react-dropzone');
-require('@commercetools-frontend/actions-global');
-require('@emotion/styled/base');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var reactIntl = require('react-intl');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var React = require('react');
+var operations = require('@commercetools-frontend-extensions/operations');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var fullstory = require('@commercetools-frontend/fullstory');
+var uiKit = require('@commercetools-frontend/ui-kit');
+var actionsGlobal = require('@commercetools-frontend/actions-global');
+var constants = require('@commercetools-frontend/constants');
+var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
+var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
+var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
+var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+var sentry = require('@commercetools-frontend/sentry');
+var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@emotion/react');
-require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-require('@babel/runtime-corejs3/helpers/createClass');
-require('@babel/runtime-corejs3/helpers/classCallCheck');
-require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-require('@babel/runtime-corejs3/helpers/inherits');
-require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-require('@commercetools-frontend/sentry');
-require('@commercetools-frontend/application-shell');
-require('@babel/runtime-corejs3/core-js-stable/instance/slice');
-require('@commercetools-frontend/i18n');
+var i18n = require('@commercetools-frontend/i18n');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var React__default = /*#__PURE__*/_interopDefault(React);
+var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
+var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 
-exports["default"] = dist_commercetoolsFrontendExtensionsUnpublishProductsModal.UnpublishProductsModal;
+function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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__default["default"](_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function reducer(state, action) {
+  if (action.type === 'setCurrentStep') return _objectSpread$6(_objectSpread$6({}, state), {}, {
+    currentStep: action.currentStep,
+    progress: 0
+  });
+  if (action.type === 'setContainerKey') return _objectSpread$6(_objectSpread$6({}, state), {}, {
+    containerKey: action.containerKey
+  });
+  if (action.type === 'cancelImport') return _objectSpread$6(_objectSpread$6({}, state), {}, {
+    currentStep: 'upload',
+    containerKey: undefined,
+    droppedFile: undefined,
+    dropAreaState: 'ready-for-drop',
+    progress: 0
+  });
+  if (action.type === 'uploadNewFile') return _objectSpread$6(_objectSpread$6({}, state), {}, {
+    currentStep: 'upload',
+    containerKey: undefined,
+    droppedFile: undefined,
+    dropAreaState: 'ready-for-drop',
+    progress: 0
+  });
+  if (action.type === 'setDroppedFile') {
+    return _objectSpread$6(_objectSpread$6({}, state), {}, {
+      droppedFile: action.droppedFile
+    });
+  }
+  if (action.type === 'setAbortController') {
+    return _objectSpread$6(_objectSpread$6({}, state), {}, {
+      abortController: action.abortController
+    });
+  }
+  if (action.type === 'setProgress') {
+    return _objectSpread$6(_objectSpread$6({}, state), {}, {
+      progress: action.progress
+    });
+  }
+  if (action.type === 'setUploadFileResponse') {
+    return _objectSpread$6(_objectSpread$6({}, state), {}, {
+      uploadFileResponse: action.uploadFileResponse
+    });
+  }
+  if (action.type === 'setFileUploadErrors') {
+    return _objectSpread$6(_objectSpread$6({}, state), {}, {
+      fileUploadErrors: action.fileUploadErrors
+    });
+  }
+  throw new Error(getUnknownActionError(action));
+}
+function getUnknownActionError(actionType) {
+  return `Unkown type: ${actionType}`;
+}
+const initialState = {
+  currentStep: 'upload',
+  abortController: new AbortController(),
+  dropAreaState: 'ready-for-drop',
+  containerKey: undefined,
+  progress: 0,
+  uploadFileResponse: undefined,
+  fileUploadErrors: []
+};
+const initialActions = {
+  setCurrentStep(_currentStep) {
+    /**/
+  },
+  cancelImport() {
+    /**/
+  },
+  uploadNewFile() {
+    /**/
+  },
+  setDroppedFile(_nextDroppedFile) {
+    /**/
+  },
+  setUploadFileResponse(_uploadFileResponse) {
+    /**/
+  },
+  setFileUploadErrors(_fileUploadErrors) {
+    /**/
+  },
+  setContainerKey(_containerKey) {
+    /**/
+  },
+  setAbortController(_abortController) {
+    /**/
+  },
+  setProgress(_progress) {
+    /**/
+  }
+};
+
+const UnpublishProductsContext = /*#__PURE__*/React__default["default"].createContext({
+  state: initialState,
+  actions: initialActions,
+  onClose: () => {}
+});
+const UnpublishProductsProvider = props => {
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
+    projectKey = _useApplicationContex.projectKey;
+  const _React$useReducer = React__default["default"].useReducer(reducer, initialState),
+    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
+  const setCurrentStep = currentStep => dispatch({
+    type: 'setCurrentStep',
+    currentStep
+  });
+  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 setFileUploadErrors = fileUploadErrors => {
+    dispatch({
+      type: 'setFileUploadErrors',
+      fileUploadErrors
+    });
+  };
+  const setAbortController = abortController => dispatch({
+    type: 'setAbortController',
+    abortController: abortController
+  });
+  const setProgress = progress => dispatch({
+    type: 'setProgress',
+    progress
+  });
+  const setUploadFileResponse = uploadFileResponse => {
+    dispatch({
+      type: 'setUploadFileResponse',
+      uploadFileResponse
+    });
+  };
+  const handleClose = function () {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (state.abortController) state.abortController.abort();
+    if (typeof props.onClose === 'function') props.onClose();
+    // Removes the associated import container when the import is closed
+    if (options.shouldDeleteImportContainer && projectKey && state.containerKey) operations.deleteImportContainer({
+      projectKey,
+      importContainerKey: state.containerKey
+    });
+  };
+  return jsxRuntime.jsx(UnpublishProductsContext.Provider, {
+    value: {
+      state,
+      onClose: handleClose,
+      actions: {
+        setCurrentStep,
+        cancelImport,
+        uploadNewFile,
+        setDroppedFile,
+        setUploadFileResponse,
+        setFileUploadErrors,
+        setContainerKey,
+        setAbortController,
+        setProgress
+      }
+    },
+    children: props.children
+  });
+};
+
+function getDropArea(_ref) {
+  let dropAreaState = _ref.dropAreaState,
+    isFileDropped = _ref.isFileDropped,
+    fileName = _ref.fileName,
+    messages = _ref.messages;
+  if (dropAreaState === 'ready-for-drop') {
+    return jsxRuntime.jsx(operations.EnabledDropArea, {
+      dragAndDropText: messages.dragAndDropCSV,
+      orText: messages.or,
+      browseFileText: messages.browseButton
+    });
+  }
+  if (dropAreaState === 'file-dropped') {
+    return jsxRuntime.jsx(operations.FileDroppedArea, {
+      fileName: fileName,
+      chooseFileLabel: messages.chooseFile
+    });
+  }
+  if (dropAreaState === 'active-drag') {
+    return jsxRuntime.jsx(operations.ActiveDragDropArea, {
+      isFileDropped: isFileDropped,
+      fileName: fileName,
+      chooseFileLabel: messages.chooseFile,
+      dragAndDropText: messages.dragAndDropCSV,
+      orText: messages.or,
+      browseFileText: messages.browseButton
+    });
+  }
+  return fallbackDropArea(dropAreaState, fileName, messages);
+}
+function fallbackDropArea(_dropAreaState, fileName, messages) {
+  return jsxRuntime.jsx(operations.FileDroppedArea, {
+    fileName: fileName,
+    chooseFileLabel: messages.chooseFile
+  });
+}
+function getDropAreaState(flags) {
+  if (flags.isDragActive) {
+    return 'active-drag';
+  }
+  if (flags.isReady) {
+    return 'file-dropped';
+  }
+  return 'ready-for-drop';
+}
+
+var messages$4 = reactIntl.defineMessages({
+  dragAndDropCSV: {
+    id: 'UnpublishProductsModal.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: 'UnpublishProductsModal.or',
+    description: 'The word "or" in the drag and drop message',
+    defaultMessage: 'or'
+  },
+  browseButton: {
+    id: 'UnpublishProductsModal.browseFile',
+    defaultMessage: 'Browse file'
+  },
+  uploadAndPreview: {
+    id: 'UnpublishProductsModal.uploadAndPreview',
+    description: 'Label for the button that uploads the file and shows the preview',
+    defaultMessage: 'Upload and preview'
+  },
+  chooseFile: {
+    id: 'UnpublishProductsModal.chooseFile',
+    description: 'Label for a button on the file upload page, shown on ready to upload state',
+    defaultMessage: 'Choose file'
+  },
+  fileUploadFailed: {
+    id: 'UnpublishProductsModal.fileUploadFailed',
+    description: 'A title on the file upload page, shown on file upload error state',
+    defaultMessage: 'File upload failed'
+  },
+  fileFormatNotSupported: {
+    id: 'UnpublishProductsModal.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: 'UnpublishProductsModal.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: 'UnpublishProductsModal.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: 'UnpublishProductsModal.dataType',
+    description: 'Label for the data type selection dropdown',
+    defaultMessage: 'Data type'
+  },
+  instructions: {
+    id: 'UnpublishProductsModal.instructions',
+    description: 'Label for the instructions section',
+    defaultMessage: 'Instructions'
+  }
+});
+
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
+let MissingUnpublishProductsProviderError = /*#__PURE__*/function (_Error) {
+  function MissingUnpublishProductsProviderError() {
+    var _this;
+    _classCallCheck(this, MissingUnpublishProductsProviderError);
+    _this = _callSuper(this, MissingUnpublishProductsProviderError, ['useUnpublishProductsProviderError must be used within MissingUnpublishProductsProviderError']);
+    _this.name = 'MissingUnpublishProductsProviderError';
+    return _this;
+  }
+  _inherits(MissingUnpublishProductsProviderError, _Error);
+  return _createClass(MissingUnpublishProductsProviderError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+const useUnpublishProductsContext = () => {
+  const context = React.useContext(UnpublishProductsContext);
+  if (!context) {
+    throw new MissingUnpublishProductsProviderError();
+  }
+  return context;
+};
+
+var messages$3 = reactIntl.defineMessages({
+  fileSizeExceededTitle: {
+    id: 'UnpublishProductsModal.sizeExceededTitle',
+    defaultMessage: 'File size exceeded'
+  },
+  fileSizeExceededDescription: {
+    id: 'UnpublishProductsModal.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: 'UnpublishProductsModal.rowLimitExceededTitle',
+    defaultMessage: 'Row limit exceeded'
+  },
+  rowLimitExceededDescription: {
+    id: 'UnpublishProductsModal.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'
+  },
+  dropAreaNotEnoughRowsTitle: {
+    id: 'UnpublishProductsModal.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: 'UnpublishProductsModal.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: 'UnpublishProductsModal.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: 'UnpublishProductsModal.missingRequiredField',
+    description: 'Error message displayed when a required field is missing',
+    defaultMessage: 'Missing required field'
+  },
+  missingKeyError: {
+    id: 'UnpublishProductsModal.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."
+  },
+  csvFormatErrorTitle: {
+    id: 'UnpublishProductsModal.csvFormatErrorTitle',
+    description: 'Error title shown when the uploaded CSV file is not formatted correctly',
+    defaultMessage: 'Invalid CSV file'
+  },
+  csvFormatErrorDescription: {
+    id: 'UnpublishProductsModal.csvFormatErrorDescription',
+    description: 'Error message displayed when the CSV file is not formatted correctly',
+    defaultMessage: "Your CSV file is not formatted correctly. Make sure the file contains only one column named 'key', which includes the product keys"
+  }
+});
+
+const useUpload = () => {
+  const intl = reactIntl.useIntl();
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
+    projectKey = _useApplicationContex.projectKey;
+  const _useUnpublishProducts = useUnpublishProductsContext(),
+    state = _useUnpublishProducts.state,
+    actions = _useUnpublishProducts.actions;
+  const showNotification = actionsGlobal.useShowNotification();
+  const _useImportContainerUp = operations.useImportContainerUpload({
+      projectKey: projectKey
+    }),
+    upload = _useImportContainerUp.upload;
+  React__default["default"].useEffect(() => {
+    return () => {
+      if (state.abortController) state.abortController.abort();
+    };
+  }, [state.abortController]);
+  const isFileValid = async file => {
+    const errors = [];
+    const rowCount = await operations.getRowCount(file);
+    if (rowCount < 1) errors.push({
+      title: intl.formatMessage(messages$3.dropAreaNotEnoughRowsTitle),
+      description: intl.formatMessage(messages$3.dropAreaNotEnoughRowsDescription)
+    });
+    if (file.size > operations.toBytes(operations.MAX_FILE_SIZE_MB)) errors.push({
+      title: intl.formatMessage(messages$3.fileSizeExceededTitle),
+      description: intl.formatMessage(messages$3.fileSizeExceededDescription, {
+        fileSizeLimit: intl.formatNumber(operations.MAX_FILE_SIZE_MB)
+      })
+    });
+    if (!(await operations.hasSingleKeyColumn(file))) {
+      errors.push({
+        title: intl.formatMessage(messages$3.csvFormatErrorTitle),
+        description: intl.formatMessage(messages$3.csvFormatErrorDescription)
+      });
+    }
+    if (rowCount > operations.MAX_ROW_COUNT) errors.push({
+      title: intl.formatMessage(messages$3.rowLimitExceededTitle),
+      description: intl.formatMessage(messages$3.rowLimitExceededDescription, {
+        rowLimit: intl.formatNumber(operations.MAX_ROW_COUNT)
+      })
+    });
+    if (errors.length > 0) {
+      actions.setFileUploadErrors(errors);
+      actions.setCurrentStep('upload-error');
+      return false;
+    }
+    return true;
+  };
+  const handleUploadError = error => {
+    if (operations.isAbortError(error)) {
+      actions.cancelImport();
+      return;
+    }
+    if (error instanceof operations.HttpError) {
+      if (error.errorData?.code === 'MISSING_KEY_ERROR') {
+        actions.setFileUploadErrors([{
+          title: intl.formatMessage(messages$3.missingRequiredField),
+          description: intl.formatMessage(messages$3.missingKeyError)
+        }]);
+        actions.setCurrentStep('upload-error');
+      } else {
+        actions.cancelImport();
+        showNotification({
+          kind: 'error',
+          domain: constants.DOMAINS.PAGE,
+          text: intl.formatMessage(messages$3.unexpectedError)
+        });
+      }
+    } else {
+      actions.cancelImport();
+      showNotification({
+        kind: 'error',
+        domain: constants.DOMAINS.PAGE,
+        text: String(error)
+      });
+      sentry.reportErrorToSentry(new Error('Upload File Error: An unexpected issue occurred while uploading the file'), {
+        extra: {
+          error,
+          fileSizeInBytes: state.droppedFile?.size
+        }
+      });
+    }
+  };
+  const handleUploadAndValidation = async () => {
+    if (!state.droppedFile) return;
+    const canUpload = await isFileValid(state.droppedFile);
+    if (!canUpload) return;
+    actions.setCurrentStep('uploading');
+    try {
+      const xhr = await upload({
+        file: state.droppedFile,
+        resourceType: 'product',
+        settings: {
+          resourceType: 'product-draft',
+          format: 'CSV',
+          options: {
+            unpublishAllChanges: true
+          }
+        },
+        onSuccess: (fileUploadResponse, containerKey) => {
+          actions.setContainerKey(containerKey);
+          actions.setUploadFileResponse(fileUploadResponse);
+          actions.setCurrentStep('upload-preview');
+        },
+        onProgress: progress => {
+          actions.setProgress(progress);
+        },
+        onError: handleUploadError
+      });
+      actions.setAbortController(xhr);
+    } catch (error) {
+      handleUploadError(error);
+    }
+  };
+  return {
+    handleUploadAndValidation
+  };
+};
+
+const FileDropArea = () => {
+  const intl = reactIntl.useIntl();
+  const _useUnpublishProducts = useUnpublishProductsContext(),
+    state = _useUnpublishProducts.state,
+    actions = _useUnpublishProducts.actions;
+  const showNotification = actionsGlobal.useShowNotification();
+  const onDrop = React__default["default"].useCallback(_ref => {
+    let _ref2 = _slicedToArray(_ref, 1),
+      file = _ref2[0];
+    if (!file) return;
+    actions.setDroppedFile(file);
+  }, [actions]);
+  const handleDropRejected = React__default["default"].useCallback(errorType => {
+    const errorMessageMap = {
+      'too-many-files': messages$4.tooManyFilesError,
+      'invalid-type': messages$4.fileFormatNotSupported,
+      generic: messages$4.genericError
+    };
+    showNotification({
+      kind: 'error',
+      domain: constants.DOMAINS.PAGE,
+      text: intl.formatMessage(errorMessageMap[errorType])
+    });
+  }, [intl, showNotification]);
+  const getState = React__default["default"].useCallback(isDragActive => getDropAreaState({
+    isReady: Boolean(state.droppedFile),
+    isDragActive
+  }), [state.droppedFile]);
+  return jsxRuntime.jsx(operations.FileDropArea, {
+    onDrop: onDrop,
+    onDropRejected: handleDropRejected,
+    accept: {
+      'text/csv': ['.csv']
+    },
+    getDropAreaState: getState,
+    children: dropAreaState => getDropArea({
+      dropAreaState,
+      isFileDropped: Boolean(state.droppedFile),
+      fileName: state.droppedFile?.name,
+      messages: {
+        dragAndDropCSV: intl.formatMessage(messages$4.dragAndDropCSV),
+        or: intl.formatMessage(messages$4.or),
+        browseButton: intl.formatMessage(messages$4.browseButton),
+        chooseFile: intl.formatMessage(messages$4.chooseFile)
+      }
+    })
+  });
+};
+
+var sharedMessages = reactIntl.defineMessages({
+  unpublishModalTitle: {
+    id: 'UnpublishProductsModal.unpublishModalTitle',
+    description: 'The title of the modal',
+    defaultMessage: 'Bulk unpublish via CSV'
+  },
+  startBulkUnpublish: {
+    id: 'UnpublishProductsModal.startBulkUnpublish',
+    description: 'Start bulk unpublish button',
+    defaultMessage: 'Start bulk unpublish'
+  },
+  cancel: {
+    id: 'UnpublishProductsModal.cancel',
+    description: 'The label for the cancel button',
+    defaultMessage: 'Cancel'
+  }
+});
+
+var messages$2 = reactIntl.defineMessages({
+  fileUploadInstructions: {
+    id: 'UnpublishProductsModal.fileUploadInstructions',
+    description: 'Instructions for uploading a CSV file with product keys to unpublish',
+    defaultMessage: "The CSV file must contain the product keys to be unpublished under the header 'key'. Maximum file size is {maxFileSize} MB with a limit of {maxRowCount} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>."
+  }
+});
+
+const DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/product-list#bulk-unpublish-via-csv-import';
+const TEMPLATE_DOWNLOAD_LINK = 'https://docs.commercetools.com/merchant-center/downloads/product_unpublish_import_template.csv';
+
+function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const Instructions = () => {
+  const intl = reactIntl.useIntl();
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    intlMessage: _objectSpread$5(_objectSpread$5({}, messages$2.fileUploadInstructions), {}, {
+      values: {
+        maxFileSize: intl.formatNumber(operations.MAX_FILE_SIZE_MB),
+        maxRowCount: intl.formatNumber(operations.MAX_ROW_COUNT),
+        csvTemplateLink: msg => jsxRuntime.jsx(uiKit.Link, {
+          tone: "secondary",
+          isExternal: true,
+          to: TEMPLATE_DOWNLOAD_LINK,
+          children: msg
+        }, "csvTemplateLink"),
+        documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
+          tone: "secondary",
+          isExternal: true,
+          to: DOCUMENTATION_LINK,
+          children: msg
+        }, "documentationLink")
+      }
+    })
+  });
+};
+
+const Upload = () => {
+  const _useUnpublishProducts = useUnpublishProductsContext(),
+    state = _useUnpublishProducts.state,
+    onClose = _useUnpublishProducts.onClose;
+  const intl = reactIntl.useIntl();
+  const _useUpload = useUpload(),
+    handleUploadAndValidation = _useUpload.handleUploadAndValidation;
+  return jsxRuntime.jsx(applicationComponents.FormDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages.unpublishModalTitle),
+    labelPrimary: intl.formatMessage(messages$4.uploadAndPreview),
+    onPrimaryButtonClick: handleUploadAndValidation,
+    isPrimaryButtonDisabled: !Boolean(state.droppedFile),
+    onSecondaryButtonClick: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "m",
+        children: [jsxRuntime.jsx(Instructions, {}), jsxRuntime.jsx(FileDropArea, {})]
+      })
+    })
+  });
+};
+
+const Uploading = () => {
+  const intl = reactIntl.useIntl();
+  const _useUnpublishProducts = useUnpublishProductsContext(),
+    state = _useUnpublishProducts.state,
+    actions = _useUnpublishProducts.actions,
+    onClose = _useUnpublishProducts.onClose;
+  if (!state.droppedFile?.name) return null;
+  return jsxRuntime.jsx(operations.UploadingModal, {
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages.unpublishModalTitle),
+    fileName: state.droppedFile.name,
+    fileSize: state.droppedFile.size,
+    progress: state.progress,
+    cancelLabel: intl.formatMessage(sharedMessages.cancel),
+    onCancel: () => {
+      actions.setCurrentStep('upload');
+      state.abortController.abort();
+    },
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    })
+  });
+};
+
+var messages$1 = reactIntl.defineMessages({
+  uploadNewFile: {
+    id: 'UnpublishProductsModal.uploadNewFile',
+    defaultMessage: 'Upload new file'
+  },
+  uploadErrorDescription: {
+    id: 'UnpublishProductsModal.uploadError',
+    description: 'Title when errors detected while uploading file',
+    defaultMessage: 'There {errorsCount, plural, one {is <b>1</b> error} other {are <b>{errorsCount}</b> errors}} detected while uploading the file "{fileName}".'
+  },
+  errorType: {
+    id: 'UnpublishProductsModal.errorType',
+    description: 'Error type" column',
+    defaultMessage: 'Error type'
+  },
+  details: {
+    id: 'UnpublishProductsModal.details',
+    description: '"Details" column',
+    defaultMessage: 'Details'
+  }
+});
+
+function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const getColumns = () => [{
+  key: 'errorType',
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$1.errorType)),
+  width: 'max-content'
+}, {
+  key: 'details',
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$1.details))
+}];
+const UploadErrorTable = props => {
+  var _context;
+  const pagination = uiKit.usePaginationState({
+    perPage: 10
+  });
+  const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
+  const endIndex = startIndex + pagination.perPage.value;
+  const currentPageRows = _sliceInstanceProperty__default["default"](_context = props.rows).call(_context, startIndex, endIndex);
+  const shouldShowPagination = props.rows.length > pagination.perPage.value;
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "l",
+    children: [jsxRuntime.jsx(uiKit.DataTable, {
+      verticalCellAlignment: "center",
+      isCondensed: true,
+      rows: currentPageRows,
+      columns: getColumns(),
+      itemRenderer: itemRenderer
+    }), shouldShowPagination && jsxRuntime.jsx(uiKit.PageNavigator, {
+      onPageChange: pagination.page.onChange,
+      page: pagination.page.value,
+      totalPages: Math.ceil(props.rows.length / pagination.perPage.value)
+    })]
+  });
+};
+function itemRenderer(item, column) {
+  switch (column.key) {
+    case 'errorType':
+      return jsxRuntime.jsx(uiKit.Stamp, {
+        isCondensed: true,
+        label: item.title,
+        tone: "critical"
+      });
+    case 'details':
+      return jsxRuntime.jsx(uiKit.Text.Body, {
+        children: item.description
+      });
+    default:
+      return null;
+  }
+}
+
+function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const UploadErrorsModal = () => {
+  const intl = reactIntl.useIntl();
+  const _useUnpublishProducts = useUnpublishProductsContext(),
+    state = _useUnpublishProducts.state,
+    actions = _useUnpublishProducts.actions,
+    onClose = _useUnpublishProducts.onClose;
+  const errorsCount = state.fileUploadErrors.length;
+  return jsxRuntime.jsx(applicationComponents.InfoDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages.unpublishModalTitle),
+    onClose: () => onClose(),
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "l",
+        children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
+          children: jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: _objectSpread$3(_objectSpread$3({}, messages$1.uploadErrorDescription), {}, {
+              values: {
+                fileName: state.droppedFile?.name,
+                errorsCount: intl.formatNumber(errorsCount),
+                b: getBold$2
+              }
+            })
+          })
+        }), jsxRuntime.jsx(UploadErrorTable, {
+          rows: operations.mapFileUploadErrorsToUploadFileErrorRows(state.fileUploadErrors)
+        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "m",
+          justifyContent: "flex-end",
+          children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
+            label: intl.formatMessage(sharedMessages.cancel),
+            onClick: () => onClose()
+          }), jsxRuntime.jsx(uiKit.PrimaryButton, {
+            iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
+            label: intl.formatMessage(messages$1.uploadNewFile),
+            onClick: () => actions.uploadNewFile()
+          })]
+        })]
+      })
+    })
+  });
+};
+function getBold$2(msg) {
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  }, crypto.randomUUID());
+}
+
+var messages = reactIntl.defineMessages({
+  continue: {
+    id: 'UnpublishProductsModal.continue',
+    description: 'Continue button',
+    defaultMessage: 'Continue'
+  },
+  heresAPreview: {
+    id: 'UnpublishProductsModal.heresAPreview',
+    description: 'Here is a preview',
+    defaultMessage: "Here's a preview:"
+  },
+  productsToBeUnpublished: {
+    id: 'UnpublishProductsModal.productsToBeUnpublished',
+    description: 'Products to be unpublished',
+    defaultMessage: '{count, plural, one {<b>{count}</b> product to be unpublished} other {<b>{count}</b> products to be unpublished}}'
+  },
+  confirmationQuestion: {
+    id: 'UnpublishProductsModal.confirmationQuestion',
+    description: 'Confirmation question',
+    defaultMessage: 'Are you sure you want to unpublish the products? '
+  },
+  confirmationText: {
+    id: 'UnpublishProductsModal.confirmationText',
+    description: 'Confirmation text',
+    defaultMessage: '{count, plural, one {You are about to unpublish <b>{count}</b> product in the project: <b>{projectName}</b>.} other {You are about to unpublish <b>{count}</b> products in the project: <b>{projectName}</b>.}}'
+  },
+  importStarted: {
+    id: 'UnpublishProductsModal.importStarted',
+    description: 'Import started',
+    defaultMessage: '<b>Your import for bulk unpublish has started.</b><newline></newline>Go to <logsLink>Import logs</logsLink> to view the progress.'
+  },
+  preparingImport: {
+    id: 'UnpublishProductsModal.preparingImport',
+    description: 'Preparing import',
+    defaultMessage: '<b>Prepare bulk unpublish.</b><newline></newline>Once preparation is complete, you can track the progress <logsLink>in the Import logs</logsLink>. The data will be unpublished after the import is finalized.'
+  }
+});
+
+function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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 = () => jsxRuntime.jsx("br", {}, "break");
+const getImportLogsLink = (msg, projectKey) => jsxRuntime.jsx(uiKit.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVucHVibGlzaC1wcm9kdWN0cy1jb25maXJtYXRpb24tbW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCWSIsImZpbGUiOiJ1bnB1Ymxpc2gtcHJvZHVjdHMtY29uZmlybWF0aW9uLW1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlU2hvd05vdGlmaWNhdGlvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FjdGlvbnMtZ2xvYmFsJ1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uRGlhbG9nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tY29tcG9uZW50cydcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnXG5pbXBvcnQgeyBET01BSU5TIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJ1xuaW1wb3J0IHsgTWFza2luZyBhcyBGdWxsU3RvcnlNYXNraW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvZnVsbHN0b3J5J1xuaW1wb3J0IHsgTGluaywgU3BhY2luZ3MsIFRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBwcm9jZXNzVXBsb2FkZWRGaWxlIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQtZXh0ZW5zaW9ucy9vcGVyYXRpb25zJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcbmltcG9ydCB7IHVzZVVucHVibGlzaFByb2R1Y3RzQ29udGV4dCB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCBzaGFyZWRNZXNzYWdlcyBmcm9tICcuLi8uLi9tZXNzYWdlcydcblxuY29uc3QgZ2V0TmV3TGluZSA9ICgpID0+IDxiciBrZXk9XCJicmVha1wiIC8+XG5jb25zdCBnZXRJbXBvcnRMb2dzTGluayA9IChtc2csIHByb2plY3RLZXkpID0+IChcbiAgPExpbmsgdG89e2AvJHtwcm9qZWN0S2V5fS9vcGVyYXRpb25zL2ltcG9ydC9sb2dzYH0ga2V5PVwibGlua1wiPlxuICAgIHttc2d9XG4gIDwvTGluaz5cbilcblxuY29uc3QgSW1wb3J0UnVubmluZ1RleHROb3RpZmljYXRpb24gPSAocHJvcHM6IHsgcHJvamVjdEtleTogc3RyaW5nIH0pID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgd2lkdGg6IDM2MHB4O1xuICAgIGB9XG4gID5cbiAgICA8VGV4dC5Cb2R5XG4gICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAuLi5tZXNzYWdlcy5pbXBvcnRTdGFydGVkLFxuICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICBuZXdsaW5lOiBnZXROZXdMaW5lLFxuICAgICAgICAgIGxvZ3NMaW5rOiAobXNnKSA9PiBnZXRJbXBvcnRMb2dzTGluayhtc2csIHByb3BzLnByb2plY3RLZXkpLFxuICAgICAgICAgIGI6IGdldEJvbGQsXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgIC8+XG4gIDwvZGl2PlxuKVxuXG5jb25zdCBJbXBvcnRQcmVwYXJpbmdUZXh0Tm90aWZpY2F0aW9uID0gKHByb3BzOiB7IHByb2plY3RLZXk6IHN0cmluZyB9KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHdpZHRoOiAzNjBweDtcbiAgICBgfVxuICA+XG4gICAgPFRleHQuQm9keVxuICAgICAgaW50bE1lc3NhZ2U9e3tcbiAgICAgICAgLi4ubWVzc2FnZXMucHJlcGFyaW5nSW1wb3J0LFxuICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICBuZXdsaW5lOiBnZXROZXdMaW5lLFxuICAgICAgICAgIGxvZ3NMaW5rOiAobXNnKSA9PiBnZXRJbXBvcnRMb2dzTGluayhtc2csIHByb3BzLnByb2plY3RLZXkpLFxuICAgICAgICAgIGI6IGdldEJvbGQsXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgIC8+XG4gIDwvZGl2PlxuKVxuXG5leHBvcnQgY29uc3QgVW5wdWJsaXNoUHJvZHVjdHNDb25maXJtYXRpb25Nb2RhbCA9ICgpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKVxuICBjb25zdCB7IHN0YXRlLCBvbkNsb3NlIH0gPSB1c2VVbnB1Ymxpc2hQcm9kdWN0c0NvbnRleHQoKVxuICBjb25zdCB7IHByb2plY3RLZXksIHByb2plY3ROYW1lIH0gPSB1c2VBcHBsaWNhdGlvbkNvbnRleHQoKGNvbnRleHQpID0+ICh7XG4gICAgcHJvamVjdEtleTogY29udGV4dC5wcm9qZWN0Py5rZXksXG4gICAgcHJvamVjdE5hbWU6IGNvbnRleHQucHJvamVjdD8ubmFtZSxcbiAgfSkpXG5cbiAgY29uc3Qgc2hvd05vdGlmaWNhdGlvbiA9IHVzZVNob3dOb3RpZmljYXRpb24oKVxuXG4gIHJldHVybiAoXG4gICAgPENvbmZpcm1hdGlvbkRpYWxvZ1xuICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShzaGFyZWRNZXNzYWdlcy51bnB1Ymxpc2hNb2RhbFRpdGxlKX1cbiAgICAgIGxhYmVsUHJpbWFyeT17aW50bC5mb3JtYXRNZXNzYWdlKHNoYXJlZE1lc3NhZ2VzLnN0YXJ0QnVsa1VucHVibGlzaCl9XG4gICAgICBpc09wZW49e3RydWV9XG4gICAgICBvbkNsb3NlPXsoKSA9PiBvbkNsb3NlKHsgc2hvdWxkRGVsZXRlSW1wb3J0Q29udGFpbmVyOiB0cnVlIH0pfVxuICAgICAgb25DYW5jZWw9eygpID0+IG9uQ2xvc2UoeyBzaG91bGREZWxldGVJbXBvcnRDb250YWluZXI6IHRydWUgfSl9XG4gICAgICBkYXRhQXR0cmlidXRlc1ByaW1hcnlCdXR0b249e3tcbiAgICAgICAgJ2RhdGEtdGVzdC1pZCc6ICdjb25maXJtYXRpb24tZGlhbG9nLWNvbmZpcm0nLFxuICAgICAgfX1cbiAgICAgIGRhdGFBdHRyaWJ1dGVzU2Vjb25kYXJ5QnV0dG9uPXt7XG4gICAgICAgICdkYXRhLXRlc3QtaWQnOiAnY29uZmlybWF0aW9uLWRpYWxvZy1jYW5jZWwnLFxuICAgICAgfX1cbiAgICAgIG9uQ29uZmlybT17YXN5bmMgKCkgPT4ge1xuICAgICAgICB0cnkge1xuICAgICAgICAgIGNvbnN0IGNhbkNvbmZpcm0gPVxuICAgICAgICAgICAgcHJvamVjdEtleSAmJiBzdGF0ZS5jb250YWluZXJLZXkgJiYgc3RhdGUuZHJvcHBlZEZpbGU/Lm5hbWVcbiAgICAgICAgICBpZiAoIWNhbkNvbmZpcm0pIHJldHVyblxuICAgICAgICAgIG9uQ2xvc2UoKVxuICAgICAgICAgIHNob3dOb3RpZmljYXRpb24oXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGtpbmQ6ICdpbmZvJyxcbiAgICAgICAgICAgICAgZG9tYWluOiBET01BSU5TLlNJREUsXG4gICAgICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICAgICAgdGV4dDogPEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgKVxuICAgICAgICAgIGF3YWl0IHByb2Nlc3NVcGxvYWRlZEZpbGUoe1xuICAgICAgICAgICAgcHJvamVjdEtleSxcbiAgICAgICAgICAgIHJlc291cmNlVHlwZTogJ3Byb2R1Y3QnLFxuICAgICAgICAgICAgaW1wb3J0Q29udGFpbmVyS2V5OiBzdGF0ZS5jb250YWluZXJLZXkhLFxuICAgICAgICAgIH0pXG4gICAgICAgICAgc2hvd05vdGlmaWNhdGlvbihcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAga2luZDogJ2luZm8nLFxuICAgICAgICAgICAgICBkb21haW46IERPTUFJTlMuU0lERSxcbiAgICAgICAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICAgICAgICB0ZXh0OiA8SW1wb3J0UnVubmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgKVxuICAgICAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgICAgIG9uQ2xvc2UoeyBzaG91bGREZWxldGVJbXBvcnRDb250YWluZXI6IHRydWUgfSlcbiAgICAgICAgICBzaG93Tm90aWZpY2F0aW9uKHtcbiAgICAgICAgICAgIGtpbmQ6ICdlcnJvcicsXG4gICAgICAgICAgICBkb21haW46IERPTUFJTlMuUEFHRSxcbiAgICAgICAgICAgIHRleHQ6IFN0cmluZyhlcnJvciksXG4gICAgICAgICAgfSlcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICAgIHNpemU9ezE2fVxuICAgID5cbiAgICAgIDxGdWxsU3RvcnlNYXNraW5nLlVubWFzaz5cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICA8VGV4dC5Cb2R5XG4gICAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgICAuLi5tZXNzYWdlcy5jb25maXJtYXRpb25UZXh0LFxuICAgICAgICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICAgICAgICBwcm9qZWN0TmFtZTogcHJvamVjdE5hbWUsXG4gICAgICAgICAgICAgICAgLy8gVE9ETzogUmVwbGFjZSB3aXRoIGFjdHVhbCBjb3VudFxuICAgICAgICAgICAgICAgIGNvdW50OiBpbnRsLmZvcm1hdE51bWJlcihzdGF0ZS51cGxvYWRGaWxlUmVzcG9uc2U/LnJvd3NDb3VudCksXG4gICAgICAgICAgICAgICAgYjogZ2V0Qm9sZCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8VGV4dC5Cb2R5IGludGxNZXNzYWdlPXttZXNzYWdlcy5jb25maXJtYXRpb25RdWVzdGlvbn0gLz5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvRnVsbFN0b3J5TWFza2luZy5Vbm1hc2s+XG4gICAgPC9Db25maXJtYXRpb25EaWFsb2c+XG4gIClcbn1cblxuZnVuY3Rpb24gZ2V0Qm9sZChtc2cpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dC5Cb2R5IGFzPVwic3BhblwiIGlzQm9sZCBrZXk9e2NyeXB0by5yYW5kb21VVUlEKCl9PlxuICAgICAge21zZ31cbiAgICA8L1RleHQuQm9keT5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const ImportRunningTextNotification = props => jsxRuntime.jsx("div", {
+  css: _ref2,
+  children: jsxRuntime.jsx(uiKit.Text.Body, {
+    intlMessage: _objectSpread$2(_objectSpread$2({}, messages.importStarted), {}, {
+      values: {
+        newline: getNewLine,
+        logsLink: msg => getImportLogsLink(msg, props.projectKey),
+        b: getBold$1
+      }
+    })
+  })
+});
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVucHVibGlzaC1wcm9kdWN0cy1jb25maXJtYXRpb24tbW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDWSIsImZpbGUiOiJ1bnB1Ymxpc2gtcHJvZHVjdHMtY29uZmlybWF0aW9uLW1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlU2hvd05vdGlmaWNhdGlvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FjdGlvbnMtZ2xvYmFsJ1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uRGlhbG9nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tY29tcG9uZW50cydcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnXG5pbXBvcnQgeyBET01BSU5TIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJ1xuaW1wb3J0IHsgTWFza2luZyBhcyBGdWxsU3RvcnlNYXNraW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvZnVsbHN0b3J5J1xuaW1wb3J0IHsgTGluaywgU3BhY2luZ3MsIFRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBwcm9jZXNzVXBsb2FkZWRGaWxlIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQtZXh0ZW5zaW9ucy9vcGVyYXRpb25zJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcbmltcG9ydCB7IHVzZVVucHVibGlzaFByb2R1Y3RzQ29udGV4dCB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCBzaGFyZWRNZXNzYWdlcyBmcm9tICcuLi8uLi9tZXNzYWdlcydcblxuY29uc3QgZ2V0TmV3TGluZSA9ICgpID0+IDxiciBrZXk9XCJicmVha1wiIC8+XG5jb25zdCBnZXRJbXBvcnRMb2dzTGluayA9IChtc2csIHByb2plY3RLZXkpID0+IChcbiAgPExpbmsgdG89e2AvJHtwcm9qZWN0S2V5fS9vcGVyYXRpb25zL2ltcG9ydC9sb2dzYH0ga2V5PVwibGlua1wiPlxuICAgIHttc2d9XG4gIDwvTGluaz5cbilcblxuY29uc3QgSW1wb3J0UnVubmluZ1RleHROb3RpZmljYXRpb24gPSAocHJvcHM6IHsgcHJvamVjdEtleTogc3RyaW5nIH0pID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgd2lkdGg6IDM2MHB4O1xuICAgIGB9XG4gID5cbiAgICA8VGV4dC5Cb2R5XG4gICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAuLi5tZXNzYWdlcy5pbXBvcnRTdGFydGVkLFxuICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICBuZXdsaW5lOiBnZXROZXdMaW5lLFxuICAgICAgICAgIGxvZ3NMaW5rOiAobXNnKSA9PiBnZXRJbXBvcnRMb2dzTGluayhtc2csIHByb3BzLnByb2plY3RLZXkpLFxuICAgICAgICAgIGI6IGdldEJvbGQsXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgIC8+XG4gIDwvZGl2PlxuKVxuXG5jb25zdCBJbXBvcnRQcmVwYXJpbmdUZXh0Tm90aWZpY2F0aW9uID0gKHByb3BzOiB7IHByb2plY3RLZXk6IHN0cmluZyB9KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHdpZHRoOiAzNjBweDtcbiAgICBgfVxuICA+XG4gICAgPFRleHQuQm9keVxuICAgICAgaW50bE1lc3NhZ2U9e3tcbiAgICAgICAgLi4ubWVzc2FnZXMucHJlcGFyaW5nSW1wb3J0LFxuICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICBuZXdsaW5lOiBnZXROZXdMaW5lLFxuICAgICAgICAgIGxvZ3NMaW5rOiAobXNnKSA9PiBnZXRJbXBvcnRMb2dzTGluayhtc2csIHByb3BzLnByb2plY3RLZXkpLFxuICAgICAgICAgIGI6IGdldEJvbGQsXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgIC8+XG4gIDwvZGl2PlxuKVxuXG5leHBvcnQgY29uc3QgVW5wdWJsaXNoUHJvZHVjdHNDb25maXJtYXRpb25Nb2RhbCA9ICgpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKVxuICBjb25zdCB7IHN0YXRlLCBvbkNsb3NlIH0gPSB1c2VVbnB1Ymxpc2hQcm9kdWN0c0NvbnRleHQoKVxuICBjb25zdCB7IHByb2plY3RLZXksIHByb2plY3ROYW1lIH0gPSB1c2VBcHBsaWNhdGlvbkNvbnRleHQoKGNvbnRleHQpID0+ICh7XG4gICAgcHJvamVjdEtleTogY29udGV4dC5wcm9qZWN0Py5rZXksXG4gICAgcHJvamVjdE5hbWU6IGNvbnRleHQucHJvamVjdD8ubmFtZSxcbiAgfSkpXG5cbiAgY29uc3Qgc2hvd05vdGlmaWNhdGlvbiA9IHVzZVNob3dOb3RpZmljYXRpb24oKVxuXG4gIHJldHVybiAoXG4gICAgPENvbmZpcm1hdGlvbkRpYWxvZ1xuICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShzaGFyZWRNZXNzYWdlcy51bnB1Ymxpc2hNb2RhbFRpdGxlKX1cbiAgICAgIGxhYmVsUHJpbWFyeT17aW50bC5mb3JtYXRNZXNzYWdlKHNoYXJlZE1lc3NhZ2VzLnN0YXJ0QnVsa1VucHVibGlzaCl9XG4gICAgICBpc09wZW49e3RydWV9XG4gICAgICBvbkNsb3NlPXsoKSA9PiBvbkNsb3NlKHsgc2hvdWxkRGVsZXRlSW1wb3J0Q29udGFpbmVyOiB0cnVlIH0pfVxuICAgICAgb25DYW5jZWw9eygpID0+IG9uQ2xvc2UoeyBzaG91bGREZWxldGVJbXBvcnRDb250YWluZXI6IHRydWUgfSl9XG4gICAgICBkYXRhQXR0cmlidXRlc1ByaW1hcnlCdXR0b249e3tcbiAgICAgICAgJ2RhdGEtdGVzdC1pZCc6ICdjb25maXJtYXRpb24tZGlhbG9nLWNvbmZpcm0nLFxuICAgICAgfX1cbiAgICAgIGRhdGFBdHRyaWJ1dGVzU2Vjb25kYXJ5QnV0dG9uPXt7XG4gICAgICAgICdkYXRhLXRlc3QtaWQnOiAnY29uZmlybWF0aW9uLWRpYWxvZy1jYW5jZWwnLFxuICAgICAgfX1cbiAgICAgIG9uQ29uZmlybT17YXN5bmMgKCkgPT4ge1xuICAgICAgICB0cnkge1xuICAgICAgICAgIGNvbnN0IGNhbkNvbmZpcm0gPVxuICAgICAgICAgICAgcHJvamVjdEtleSAmJiBzdGF0ZS5jb250YWluZXJLZXkgJiYgc3RhdGUuZHJvcHBlZEZpbGU/Lm5hbWVcbiAgICAgICAgICBpZiAoIWNhbkNvbmZpcm0pIHJldHVyblxuICAgICAgICAgIG9uQ2xvc2UoKVxuICAgICAgICAgIHNob3dOb3RpZmljYXRpb24oXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGtpbmQ6ICdpbmZvJyxcbiAgICAgICAgICAgICAgZG9tYWluOiBET01BSU5TLlNJREUsXG4gICAgICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICAgICAgdGV4dDogPEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgKVxuICAgICAgICAgIGF3YWl0IHByb2Nlc3NVcGxvYWRlZEZpbGUoe1xuICAgICAgICAgICAgcHJvamVjdEtleSxcbiAgICAgICAgICAgIHJlc291cmNlVHlwZTogJ3Byb2R1Y3QnLFxuICAgICAgICAgICAgaW1wb3J0Q29udGFpbmVyS2V5OiBzdGF0ZS5jb250YWluZXJLZXkhLFxuICAgICAgICAgIH0pXG4gICAgICAgICAgc2hvd05vdGlmaWNhdGlvbihcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAga2luZDogJ2luZm8nLFxuICAgICAgICAgICAgICBkb21haW46IERPTUFJTlMuU0lERSxcbiAgICAgICAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICAgICAgICB0ZXh0OiA8SW1wb3J0UnVubmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgKVxuICAgICAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgICAgIG9uQ2xvc2UoeyBzaG91bGREZWxldGVJbXBvcnRDb250YWluZXI6IHRydWUgfSlcbiAgICAgICAgICBzaG93Tm90aWZpY2F0aW9uKHtcbiAgICAgICAgICAgIGtpbmQ6ICdlcnJvcicsXG4gICAgICAgICAgICBkb21haW46IERPTUFJTlMuUEFHRSxcbiAgICAgICAgICAgIHRleHQ6IFN0cmluZyhlcnJvciksXG4gICAgICAgICAgfSlcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICAgIHNpemU9ezE2fVxuICAgID5cbiAgICAgIDxGdWxsU3RvcnlNYXNraW5nLlVubWFzaz5cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICA8VGV4dC5Cb2R5XG4gICAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgICAuLi5tZXNzYWdlcy5jb25maXJtYXRpb25UZXh0LFxuICAgICAgICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICAgICAgICBwcm9qZWN0TmFtZTogcHJvamVjdE5hbWUsXG4gICAgICAgICAgICAgICAgLy8gVE9ETzogUmVwbGFjZSB3aXRoIGFjdHVhbCBjb3VudFxuICAgICAgICAgICAgICAgIGNvdW50OiBpbnRsLmZvcm1hdE51bWJlcihzdGF0ZS51cGxvYWRGaWxlUmVzcG9uc2U/LnJvd3NDb3VudCksXG4gICAgICAgICAgICAgICAgYjogZ2V0Qm9sZCxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8VGV4dC5Cb2R5IGludGxNZXNzYWdlPXttZXNzYWdlcy5jb25maXJtYXRpb25RdWVzdGlvbn0gLz5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvRnVsbFN0b3J5TWFza2luZy5Vbm1hc2s+XG4gICAgPC9Db25maXJtYXRpb25EaWFsb2c+XG4gIClcbn1cblxuZnVuY3Rpb24gZ2V0Qm9sZChtc2cpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dC5Cb2R5IGFzPVwic3BhblwiIGlzQm9sZCBrZXk9e2NyeXB0by5yYW5kb21VVUlEKCl9PlxuICAgICAge21zZ31cbiAgICA8L1RleHQuQm9keT5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const ImportPreparingTextNotification = props => jsxRuntime.jsx("div", {
+  css: _ref,
+  children: jsxRuntime.jsx(uiKit.Text.Body, {
+    intlMessage: _objectSpread$2(_objectSpread$2({}, messages.preparingImport), {}, {
+      values: {
+        newline: getNewLine,
+        logsLink: msg => getImportLogsLink(msg, props.projectKey),
+        b: getBold$1
+      }
+    })
+  })
+});
+const UnpublishProductsConfirmationModal = () => {
+  const intl = reactIntl.useIntl();
+  const _useUnpublishProducts = useUnpublishProductsContext(),
+    state = _useUnpublishProducts.state,
+    onClose = _useUnpublishProducts.onClose;
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key,
+      projectName: context.project?.name
+    })),
+    projectKey = _useApplicationContex.projectKey,
+    projectName = _useApplicationContex.projectName;
+  const showNotification = actionsGlobal.useShowNotification();
+  return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
+    title: intl.formatMessage(sharedMessages.unpublishModalTitle),
+    labelPrimary: intl.formatMessage(sharedMessages.startBulkUnpublish),
+    isOpen: true,
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    onCancel: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    dataAttributesPrimaryButton: {
+      'data-test-id': 'confirmation-dialog-confirm'
+    },
+    dataAttributesSecondaryButton: {
+      'data-test-id': 'confirmation-dialog-cancel'
+    },
+    onConfirm: async () => {
+      try {
+        const canConfirm = projectKey && state.containerKey && state.droppedFile?.name;
+        if (!canConfirm) return;
+        onClose();
+        showNotification({
+          kind: 'info',
+          domain: constants.DOMAINS.SIDE,
+          // @ts-ignore
+          text: jsxRuntime.jsx(ImportPreparingTextNotification, {
+            projectKey: projectKey
+          })
+        }, {
+          dismissAfter: 5000
+        });
+        await operations.processUploadedFile({
+          projectKey,
+          resourceType: 'product',
+          importContainerKey: state.containerKey
+        });
+        showNotification({
+          kind: 'info',
+          domain: constants.DOMAINS.SIDE,
+          // @ts-ignore
+          text: jsxRuntime.jsx(ImportRunningTextNotification, {
+            projectKey: projectKey
+          })
+        }, {
+          dismissAfter: 5000
+        });
+      } catch (error) {
+        onClose({
+          shouldDeleteImportContainer: true
+        });
+        showNotification({
+          kind: 'error',
+          domain: constants.DOMAINS.PAGE,
+          text: String(error)
+        });
+      }
+    },
+    size: 16,
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "xl",
+        children: [jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: _objectSpread$2(_objectSpread$2({}, messages.confirmationText), {}, {
+            values: {
+              projectName: projectName,
+              // TODO: Replace with actual count
+              count: intl.formatNumber(state.uploadFileResponse?.rowsCount),
+              b: getBold$1
+            }
+          })
+        }), jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.confirmationQuestion
+        })]
+      })
+    })
+  });
+};
+function getBold$1(msg) {
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  }, crypto.randomUUID());
+}
+
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function UploadPreviewModal() {
+  const _useUnpublishProducts = useUnpublishProductsContext(),
+    state = _useUnpublishProducts.state,
+    onClose = _useUnpublishProducts.onClose,
+    actions = _useUnpublishProducts.actions;
+  const intl = reactIntl.useIntl();
+  return jsxRuntime.jsx(applicationComponents.FormDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages.unpublishModalTitle),
+    labelPrimary: intl.formatMessage(messages.continue),
+    onSecondaryButtonClick: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    onPrimaryButtonClick: () => {
+      actions.setCurrentStep('unpublish-confirmation');
+    },
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "m",
+      children: [jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: messages.heresAPreview
+      }), jsxRuntime.jsx(uiKit.Card, {
+        insetScale: "xl",
+        children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "m",
+          alignItems: "center",
+          children: [jsxRuntime.jsx(uiKit.CloseBoldIcon, {
+            size: "40",
+            color: "neutral60"
+          }), jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: _objectSpread$1(_objectSpread$1({}, messages.productsToBeUnpublished), {}, {
+              values: {
+                count: intl.formatNumber(state.uploadFileResponse?.rowsCount),
+                b: getBold
+              }
+            })
+          })]
+        })
+      })]
+    })
+  });
+}
+function getBold(msg) {
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  }, crypto.randomUUID());
+}
+
+const steps = {
+  upload: jsxRuntime.jsx(Upload, {}),
+  uploading: jsxRuntime.jsx(Uploading, {}),
+  'upload-preview': jsxRuntime.jsx(UploadPreviewModal, {}),
+  'upload-error': jsxRuntime.jsx(UploadErrorsModal, {}),
+  'unpublish-confirmation': jsxRuntime.jsx(UnpublishProductsConfirmationModal, {})
+};
+const CurrentStep = () => {
+  const _useUnpublishProducts = useUnpublishProductsContext(),
+    state = _useUnpublishProducts.state;
+  return steps[state.currentStep] || null;
+};
+
+const getChunkImport = locale => {
+  const intlLocale = i18n.mapLocaleToIntlLocale(locale);
+  switch (intlLocale) {
+    case 'de':
+      return Promise.resolve().then(function () { return require('./de-d3d76e3c.cjs.dev.js'); });
+    case 'es':
+      return Promise.resolve().then(function () { return require('./es-4955e68e.cjs.dev.js'); });
+    case 'fr-FR':
+      return Promise.resolve().then(function () { return require('./fr-FR-01187000.cjs.dev.js'); });
+    case 'ja':
+      return Promise.resolve().then(function () { return require('./ja-9bd5f452.cjs.dev.js'); });
+    case 'pt-BR':
+      return Promise.resolve().then(function () { return require('./pt-BR-872a8cea.cjs.dev.js'); });
+    default:
+      return Promise.resolve().then(function () { return require('./en-b170969b.cjs.dev.js'); });
+  }
+};
+const loadMessages = async locale => {
+  try {
+    const chunkImport = await getChunkImport(locale);
+    return i18n.parseChunkImport(chunkImport);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn(`Something went wrong while loading the unpublish-products-modal messages for ${locale}`, error);
+    sentry.reportErrorToSentry(new Error(`Something went wrong while loading the unpublish-products-modal messages for ${locale}`), {
+      extra: error
+    });
+    return {};
+  }
+};
+
+const useAsyncIntlMessages = (locale, loader) => {
+  const _useState = React.useState({
+      isLoading: true,
+      messages: undefined,
+      error: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  React.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__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const UnpublishProductsModal = props => {
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      locale: context.user && context.user.locale
+    })),
+    locale = _useApplicationContex.locale;
+  const messages = useAsyncIntlMessages(locale, loadMessages);
+  if (!props.isOpen || messages.isLoading) return null;
+  return jsxRuntime.jsx(reactIntl.IntlProvider, {
+    locale: locale,
+    messages: messages.messages,
+    children: jsxRuntime.jsx(UnpublishProductsProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: jsxRuntime.jsx(CurrentStep, {})
+    }))
+  });
+};
+UnpublishProductsModal.displayName = 'UnpublishProductsModal';
+
+exports["default"] = UnpublishProductsModal;