@commercetools-frontend-extensions/import-resources-modal 0.0.0-bw-test-preview-deploy-20250115163227

package/dist/index-8cca2fab.cjs.prod.js

@@ -0,0 +1,2239 @@
+'use strict';
+
+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 _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
+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 sdk = require('@commercetools-frontend/sdk');
+var constants = require('@commercetools-frontend/constants');
+var applicationShell = require('@commercetools-frontend/application-shell');
+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 pluralize = require('pluralize');
+var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+var _flatMapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat-map');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var Papa = require('papaparse');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('@babel/runtime-corejs3/core-js-stable/url-search-params');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+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 _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
+var reactDropzone = require('react-dropzone');
+var actionsGlobal = require('@commercetools-frontend/actions-global');
+var _styled = require('@emotion/styled/base');
+var react = require('@emotion/react');
+var sentry = require('@commercetools-frontend/sentry');
+var permissions = require('@commercetools-frontend/permissions');
+var DataTable = require('@commercetools-uikit/data-table');
+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 _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
+var React__default = /*#__PURE__*/_interopDefault(React);
+var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
+var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
+var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
+var _flatMapInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatMapInstanceProperty);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
+var Papa__default = /*#__PURE__*/_interopDefault(Papa);
+var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
+var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var DataTable__default = /*#__PURE__*/_interopDefault(DataTable);
+
+const EnabledResourceType = {
+  category: true,
+  product: true,
+  inventory: true,
+  'discount-code': true,
+  customer: false,
+  order: false,
+  'product-type': false
+};
+function isResourceType(maybeResourceType) {
+  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
+}
+function assertResourceType(maybeResourceType) {
+  if (isResourceType(maybeResourceType)) return;
+  throw new Error(`Invalid value: ${maybeResourceType}`);
+}
+function isError(maybeError) {
+  if (maybeError instanceof Error) return true;
+  return false;
+}
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+function hasOwnProperty(obj, prop) {
+  return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
+}
+function hasRequiredFields(maybeValidObject, requiredFields) {
+  return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty__default["default"](requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
+}
+
+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$i(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$i(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$i(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$i(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+
+// TODO: make this resource type specific
+
+function reducer(state, action) {
+  if (action.type === 'setCurrentStep') return _objectSpread$i(_objectSpread$i({}, state), {}, {
+    currentStep: action.currentStep,
+    progress: 0
+  });
+  if (action.type === 'setUploadFileResponse') return _objectSpread$i(_objectSpread$i({}, state), {}, {
+    uploadFileResponse: action.uploadFileResponse
+  });
+  if (action.type === 'setResourceType') return _objectSpread$i(_objectSpread$i({}, state), {}, {
+    settings: undefined,
+    resourceType: action.resourceType
+  });
+  if (action.type === 'setContainerKey') return _objectSpread$i(_objectSpread$i({}, state), {}, {
+    containerKey: action.containerKey
+  });
+  if (action.type === 'cancelImport') return _objectSpread$i(_objectSpread$i({}, state), {}, {
+    currentStep: CurrentStep$1.Upload,
+    containerKey: undefined,
+    fileUploadErrors: [],
+    uploadFileResponse: undefined,
+    droppedFile: undefined,
+    dropAreaState: 'disabled',
+    progress: 0
+  });
+  if (action.type === 'uploadNewFile') return _objectSpread$i(_objectSpread$i({}, state), {}, {
+    currentStep: CurrentStep$1.Upload,
+    containerKey: undefined,
+    fileUploadErrors: [],
+    uploadFileResponse: undefined,
+    droppedFile: undefined,
+    dropAreaState: 'ready-for-drop',
+    progress: 0
+  });
+  if (action.type === 'setDroppedFile') {
+    return _objectSpread$i(_objectSpread$i({}, state), {}, {
+      droppedFile: action.droppedFile
+    });
+  }
+  if (action.type === 'setFileUploadErrors') {
+    return _objectSpread$i(_objectSpread$i({}, state), {}, {
+      fileUploadErrors: action.fileUploadErrors
+    });
+  }
+  if (action.type === 'setAbortController') {
+    return _objectSpread$i(_objectSpread$i({}, state), {}, {
+      abortController: action.abortController
+    });
+  }
+  if (action.type === 'setProgress') {
+    return _objectSpread$i(_objectSpread$i({}, state), {}, {
+      progress: action.progress
+    });
+  }
+  if (action.type === 'setUploadSettings') {
+    return _objectSpread$i(_objectSpread$i({}, state), {}, {
+      settings: _objectSpread$i(_objectSpread$i({}, state.settings), action.settings)
+    });
+  }
+  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,
+  progress: 0
+};
+
+function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
+let MissingImportResourceProviderError = /*#__PURE__*/function (_Error) {
+  function MissingImportResourceProviderError() {
+    var _this;
+    _classCallCheck(this, MissingImportResourceProviderError);
+    _this = _callSuper$2(this, MissingImportResourceProviderError, ['useImportResourcesContext must be used within ImportResourcesProvider']);
+    _this.name = 'MissingImportResourceProviderError';
+    return _this;
+  }
+  _inherits(MissingImportResourceProviderError, _Error);
+  return _createClass(MissingImportResourceProviderError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
+let UnexpectedColumnError = /*#__PURE__*/function (_Error) {
+  function UnexpectedColumnError(columnName) {
+    var _this;
+    _classCallCheck(this, UnexpectedColumnError);
+    _this = _callSuper$1(this, UnexpectedColumnError, [`Unexpected column "${columnName}"`]);
+    _this.name = 'UnexpectedColumnError';
+    return _this;
+  }
+  _inherits(UnexpectedColumnError, _Error);
+  return _createClass(UnexpectedColumnError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
+let HttpError = /*#__PURE__*/function (_Error) {
+  function HttpError(statusCode, statusText, errorData) {
+    var _this;
+    _classCallCheck(this, HttpError);
+    _this = _callSuper(this, HttpError, [`HTTP Error! Status code: ${statusCode}, message: "${statusText ? statusText : ''}"`]);
+    _this.statusCode = void 0;
+    _this.errorData = void 0;
+    _this.name = 'HttpError';
+    _this.statusCode = statusCode;
+    _this.errorData = errorData;
+    return _this;
+  }
+  _inherits(HttpError, _Error);
+  return _createClass(HttpError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+function ownKeys$h(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$h(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$h(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const addProxyPrefixToUrl = (uri, proxy) => {
+  return proxy ? `/proxy/${proxy}${uri}` : uri;
+};
+const fetchUsingXhr = _ref2 => {
+  let url = _ref2.url,
+    payload = _ref2.payload,
+    config = _ref2.config,
+    onProgress = _ref2.onProgress,
+    onSuccess = _ref2.onSuccess,
+    onError = _ref2.onError;
+  const options = applicationShell.createHttpClientOptions({
+    headers: _objectSpread$h({
+      'Content-Type': 'application/json'
+    }, config?.headers)
+  });
+  const xhr = new XMLHttpRequest();
+  xhr.open(config?.method, applicationShell.buildApiUrl(addProxyPrefixToUrl(url, config?.proxy)), true);
+  // Include cookies in the request
+  xhr.withCredentials = true;
+  if (options.headers) {
+    var _context;
+    _forEachInstanceProperty__default["default"](_context = _Object$keys__default["default"](options.headers)).call(_context, key => {
+      xhr.setRequestHeader(key, options.headers[key]);
+    });
+  }
+  xhr.upload.onprogress = function (event) {
+    if (event.lengthComputable) {
+      const percentComplete = event.loaded / event.total * 100;
+      onProgress(percentComplete);
+    }
+  };
+  xhr.onload = function () {
+    const data = JSON.parse(xhr.responseText);
+    // Code copied from `executeHttpClientRequest` to replicate the same behavior
+    const refreshedSessionToken = xhr.getResponseHeader('x-refreshed-session-token');
+    if (refreshedSessionToken) {
+      applicationShellConnectors.oidcStorage.setActiveSession(refreshedSessionToken);
+    }
+    if (xhr.status >= 200 && xhr.status < 300) {
+      onSuccess(data);
+    } else {
+      onError(new HttpError(xhr.status, xhr.statusText, data));
+    }
+  };
+  xhr.onerror = function () {
+    const errorData = JSON.parse(xhr.responseText);
+    onError(new HttpError(xhr.status, xhr.statusText, errorData));
+  };
+  xhr.onabort = function () {
+    onError(new DOMException('Aborted', 'AbortError'));
+  };
+  xhr.send(payload);
+  return xhr;
+};
+
+const DEFAULT_DELIMITER = ',';
+const INITIAL_COLUMN_DISPLAY_COUNT = 8;
+const IMPORT_TAG_KEYS = {
+  source: 'source'
+};
+const IMPORT_TAG_VALUES = {
+  fileUpload: 'file-upload'
+};
+const TAG_KEY_SOURCE_FILE_UPLOAD = `${IMPORT_TAG_KEYS.source}:${IMPORT_TAG_VALUES.fileUpload}`;
+
+const IMPORTABLE_RESOURCES = {
+  CATEGORY: 'category',
+  PRODUCT: 'product',
+  INVENTORY: 'inventory',
+  DISCOUNT_CODE: 'discount-code',
+  CUSTOMER: 'customer',
+  ORDER: 'order',
+  PRODUCT_TYPE: 'product-type'
+};
+
+const FILE_SIZE_LIMITS_MB = {
+  [IMPORTABLE_RESOURCES.CATEGORY]: 35,
+  [IMPORTABLE_RESOURCES.INVENTORY]: 35,
+  [IMPORTABLE_RESOURCES.PRODUCT]: 35,
+  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 35,
+  [IMPORTABLE_RESOURCES.CUSTOMER]: 0,
+  [IMPORTABLE_RESOURCES.ORDER]: 0,
+  [IMPORTABLE_RESOURCES.PRODUCT_TYPE]: 35
+};
+const ROW_LIMITS = {
+  [IMPORTABLE_RESOURCES.CATEGORY]: 80_000,
+  [IMPORTABLE_RESOURCES.INVENTORY]: 80_000,
+  [IMPORTABLE_RESOURCES.PRODUCT]: 80_000,
+  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 80_000,
+  [IMPORTABLE_RESOURCES.CUSTOMER]: 0,
+  [IMPORTABLE_RESOURCES.ORDER]: 0,
+  [IMPORTABLE_RESOURCES.PRODUCT_TYPE]: 80_000
+};
+const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
+  [IMPORTABLE_RESOURCES.CATEGORY]: 'https://docs.commercetools.com/merchant-center/downloads/category_import_template.csv',
+  [IMPORTABLE_RESOURCES.PRODUCT]: 'https://docs.commercetools.com/merchant-center/import-data#download-a-csv-template',
+  [IMPORTABLE_RESOURCES.INVENTORY]: 'https://docs.commercetools.com/merchant-center/downloads/inventory_entry_import_template.csv',
+  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 'https://docs.commercetools.com/merchant-center/downloads/discount_code_import_template.csv',
+  [IMPORTABLE_RESOURCES.CUSTOMER]: 'https://docs.commercetools.com/merchant-center/import-data#download-a-csv-template',
+  [IMPORTABLE_RESOURCES.ORDER]: 'https://docs.commercetools.com/merchant-center/import-data#download-a-csv-template',
+  [IMPORTABLE_RESOURCES.PRODUCT_TYPE]: 'https://docs.commercetools.com/merchant-center/downloads/product_type_import_template.csv'
+};
+const RESOURCE_TYPE_DOCUMENTATION_LINKS = {
+  [IMPORTABLE_RESOURCES.CATEGORY]: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values',
+  [IMPORTABLE_RESOURCES.PRODUCT]: 'https://docs.commercetools.com/merchant-center/import-products#supported-headers-and-values',
+  [IMPORTABLE_RESOURCES.INVENTORY]: 'https://docs.commercetools.com/merchant-center/import-inventory#supported-headers-and-values',
+  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 'https://docs.commercetools.com/merchant-center/import-discount-codes#supported-headers-and-values',
+  [IMPORTABLE_RESOURCES.CUSTOMER]: 'https://docs.commercetools.com/merchant-center/import-customers#supported-headers-and-values',
+  [IMPORTABLE_RESOURCES.ORDER]: 'https://docs.commercetools.com/merchant-center/import-orders#supported-headers-and-values',
+  [IMPORTABLE_RESOURCES.PRODUCT_TYPE]: 'https://docs.commercetools.com/merchant-center/import-product-types#supported-headers-and-values'
+};
+
+const CT__API_DOCS_URL = 'https://docs.commercetools.com/api/';
+
+const PERMISSIONS = {
+  // Categories
+  ManageCategories: 'ManageCategories',
+  ViewCategories: 'ViewCategories',
+  // Products
+  ManageProducts: 'ManageProducts',
+  ViewProducts: 'ViewProducts',
+  // ProductTypes
+  ManageProductTypes: 'ManageProductTypes',
+  ViewProductTypes: 'ViewProductTypes',
+  // DiscountCodes
+  ManageDiscountCodes: 'ManageDiscountCodes',
+  ViewDiscountCodes: 'ViewDiscountCodes'
+};
+const ACTION_RIGHTS = {
+  PublishProducts: {
+    group: 'products',
+    name: 'PublishProducts'
+  },
+  UnpublishProducts: {
+    group: 'products',
+    name: 'UnpublishProducts'
+  }
+};
+
+function ownKeys$g(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$g(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$g(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const PUBLISH_PRODUCTS = 'publishProducts';
+const DEFAULT_SHORT_LIVED_FLAGS = {
+  [PUBLISH_PRODUCTS]: false
+};
+const DEFAULT_LONG_LIVED_FLAGS = {};
+_objectSpread$g(_objectSpread$g({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
+
+function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$f(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$f(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+/**
+ * This function checks if the provided `expectedDelimiter` is used consistently in the first 10 lines of a CSV file.
+ * Returns a Promise that resolves to an object containing a boolean `isValid` property and the detected delimiter `delimiter`.
+ *
+ * @param {File} file - The CSV file to check.
+ * @param {string} [expectedDelimiter=DEFAULT_DELIMITER] - The expected delimiter to check for in the file.
+ * @returns {Promise<DelimiterCheck>} A Promise that resolves to a DelimiterCheck object.
+ */
+const checkDelimiter = function (file) {
+  let expectedDelimiter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DELIMITER;
+  return new _Promise__default["default"](resolve => {
+    let lineCount = 0;
+    let correctDelimiterCount = 0;
+    let detectedDelimiter = null;
+    Papa__default["default"].parse(file, {
+      step: (results, parser) => {
+        lineCount++;
+        if (detectedDelimiter === null) {
+          detectedDelimiter = results.meta.delimiter;
+        }
+        if (results.meta.delimiter === expectedDelimiter) {
+          correctDelimiterCount++;
+        }
+        if (lineCount >= 10) {
+          parser.abort();
+        }
+      },
+      complete: () => {
+        const isValid = correctDelimiterCount === lineCount;
+        resolve({
+          isValid,
+          delimiter: detectedDelimiter
+        });
+      }
+    });
+  });
+};
+const mapUploadFileErrorsResponseToUploadFileErrorRows = uploadFileErrorsResponse => {
+  if (!uploadFileErrorsResponse || !_Array$isArray__default["default"](uploadFileErrorsResponse)) return [];
+  let idCounter = 1;
+  return _flatMapInstanceProperty__default["default"](uploadFileErrorsResponse).call(uploadFileErrorsResponse, rowErrorsResponse => {
+    var _context;
+    return _mapInstanceProperty__default["default"](_context = rowErrorsResponse.errors).call(_context, rowError => ({
+      // DataTable component requires unique `id` field
+      id: String(idCounter++),
+      row: rowErrorsResponse.row,
+      field: rowError.field,
+      code: rowError.code,
+      validationMessage: rowError.message
+    }));
+  });
+};
+const mapFileUploadErrorsToUploadFileErrorRows = uploadFileErrors => {
+  let idCounter = 1;
+  return _mapInstanceProperty__default["default"](uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$f(_objectSpread$f({}, uploadFileError), {}, {
+    id: String(idCounter++)
+  }));
+};
+const extractErrorDescriptionFromValidationMessage = message => {
+  return message.split('"').pop();
+};
+
+/**
+ * Returns the number of rows in a CSV file excluding the header
+ * @param file The CSV file to process.
+ * @returns A promise that resolves to the number of rows
+ */
+const getRowCount = file => {
+  return new _Promise__default["default"](resolve => {
+    let lineCount = 0;
+    Papa__default["default"].parse(file, {
+      step: _ref => {
+        let data = _ref.data;
+        // empty lines at the end of the file should not be counted
+        if (_Array$isArray__default["default"](data) && _findInstanceProperty__default["default"](data).call(data, Boolean)) lineCount++;
+      },
+      complete: () => {
+        // Subtract 1 for the header row
+        // We use Math.max to make sure the count is not less than 0, this is needed for empty files
+        resolve(Math.max(0, lineCount - 1));
+      }
+    });
+  });
+};
+const toBytes = megabytes => megabytes * 1024 * 1024;
+
+/**
+ * Returns columns from the provided `columns` excluding those specified in the `ignoredColumns`
+ */
+const getValidatedColumns = (columns, ignoredColumns) => {
+  return _filterInstanceProperty__default["default"](columns).call(columns, column => !_includesInstanceProperty__default["default"](ignoredColumns).call(ignoredColumns, column));
+};
+
+function getFileUploadErrorsCount(errors) {
+  if (!errors || !_Array$isArray__default["default"](errors)) return 0;
+  return _reduceInstanceProperty__default["default"](errors).call(errors, (acc, curr) => acc += curr.errors.length, 0);
+}
+function convertFileSizeToKB(sizeInBytes) {
+  return sizeInBytes / 1000;
+}
+function isAbortError(error) {
+  return error instanceof DOMException && error.name === 'AbortError';
+}
+function formatKeys(obj) {
+  var _context;
+  if (typeof obj !== 'object' || obj === null) return '';
+  const keys = _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](obj)).call(_context, key => key.replace(/([a-z])([A-Z])/g, '$1 $2').toLowerCase());
+  if (keys.length === 0) return '';
+  if (keys.length === 1) return keys[0];
+  return `${_sliceInstanceProperty__default["default"](keys).call(keys, 0, -1).join(', ')} and ${keys[keys.length - 1]}`;
+}
+function formatErrorCode(code) {
+  try {
+    const formattedCode = code.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/([A-Z])([A-Z][a-z])/g, '$1 $2').toLowerCase();
+    let result = formattedCode.charAt(0).toUpperCase() + _sliceInstanceProperty__default["default"](formattedCode).call(formattedCode, 1);
+    return result;
+  } catch (error) {
+    return code;
+  }
+}
+
+const encodeFileNameWithTimestampToContainerKey = fileName => {
+  return btoa(_JSON$stringify__default["default"]({
+    timestamp: new Date().getTime(),
+    fileName
+  })).replace(/=+$/g, '');
+};
+
+function getCreateImportContainerURL(projectKey) {
+  return `/${projectKey}/import-containers`;
+}
+function getDeleteImportContainerURL(projectKey, containerKey) {
+  return `/${projectKey}/import-containers/${containerKey}`;
+}
+function getFileUploadURL(projectKey, resourceType, containerKey) {
+  return `/${projectKey}/${pluralize.plural(resourceType)}/import-containers/${containerKey}/file-upload`;
+}
+function getProccessFileURL(projectKey, resourceType, containerKey) {
+  return `/${projectKey}/${pluralize.plural(resourceType)}/import-containers/${containerKey}/process-file`;
+}
+
+function uploadFileForImport(_ref) {
+  let projectKey = _ref.projectKey,
+    containerKey = _ref.containerKey,
+    resourceType = _ref.resourceType,
+    file = _ref.file,
+    abortSignal = _ref.abortSignal,
+    onSuccess = _ref.onSuccess,
+    onProgress = _ref.onProgress,
+    onError = _ref.onError;
+  const uri = getFileUploadURL(projectKey, resourceType, containerKey);
+  const formData = new FormData();
+  formData.append('file', file, file.name);
+  return fetchUsingXhr({
+    url: uri,
+    payload: formData,
+    config: {
+      abortSignal,
+      proxy: constants.MC_API_PROXY_TARGETS.IMPORT,
+      method: 'POST',
+      headers: {
+        'Content-Type': null
+      }
+    },
+    onProgress,
+    onSuccess,
+    onError
+  });
+}
+
+function createImportContainerForFileUpload(importContainerDraft, projectKey, asyncDispatch) {
+  return asyncDispatch(sdk.actions.post({
+    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.IMPORT,
+    uri: getCreateImportContainerURL(projectKey),
+    headers: {
+      accept: 'application/json',
+      'Content-Type': 'application/json'
+    },
+    payload: _JSON$stringify__default["default"](importContainerDraft)
+  }));
+}
+function deleteImportContainer(projectKey, containerKey, asyncDispatch) {
+  return asyncDispatch(sdk.actions.del({
+    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.IMPORT,
+    uri: getDeleteImportContainerURL(projectKey, containerKey),
+    headers: {
+      accept: 'application/json'
+    }
+  }));
+}
+
+async function processUploadedFile(_ref) {
+  let projectKey = _ref.projectKey,
+    containerKey = _ref.containerKey,
+    resourceType = _ref.resourceType,
+    asyncDispatch = _ref.asyncDispatch;
+  const uri = getProccessFileURL(projectKey, resourceType, containerKey);
+  const response = await asyncDispatch(sdk.actions.post({
+    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.IMPORT,
+    uri: uri,
+    headers: {
+      accept: 'application/json',
+      'Content-Type': 'application/json'
+    },
+    payload: {}
+  }));
+  assertProcessFileResponse(response);
+  return response;
+}
+function assertProcessFileResponse(maybeProcessFileResponse) {
+  const requiredFields = ['message'];
+  if (hasRequiredFields(maybeProcessFileResponse, requiredFields)) return;
+  throw new Error('Invalid response');
+}
+
+function ownKeys$e(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(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$e(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$e(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const ImportResourcesContext = /*#__PURE__*/React__default["default"].createContext();
+const ImportResourcesProvider = props => {
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
+    projectKey = _useApplicationContex.projectKey;
+  const asyncDispatch = sdk.useAsyncDispatch();
+  const _React$useReducer = React__default["default"].useReducer(reducer, _objectSpread$e(_objectSpread$e({}, 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 handleClose = function () {
+    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      shouldDeleteImportContainer = _ref.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, state.containerKey, asyncDispatch);
+  };
+  const handleStartImportSuccess = () => {
+    if (typeof props.onStartImportSuccess === 'function') props.onStartImportSuccess();
+  };
+  return jsxRuntime.jsx(ImportResourcesContext.Provider, {
+    value: {
+      state,
+      resourceTypes: props.resourceTypes,
+      onClose: handleClose,
+      onStartImportSuccess: handleStartImportSuccess,
+      actions: {
+        setCurrentStep,
+        cancelImport,
+        uploadNewFile,
+        setUploadFileResponse,
+        setResourceType,
+        setDroppedFile,
+        setContainerKey,
+        setAbortController,
+        setFileUploadErrors,
+        setProgress,
+        setUploadSettings
+      }
+    },
+    children: props.children
+  });
+};
+
+const getBorderColor = state => {
+  const borderColors = {
+    default: '#909dbc',
+    error: '#e60050',
+    active: uiKit.customProperties.colorPrimary
+  };
+  return borderColors[state] || borderColors.default;
+};
+const getDashedBorder = function () {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+  const color = getBorderColor(state);
+  const svgContent = `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+      <rect width="100%" height="100%" fill="none" stroke="${color}" stroke-width="2px" stroke-dasharray="6,6" stroke-dashoffset="0" stroke-linecap="square"/>
+    </svg>
+  `;
+  return `data:image/svg+xml,${encodeURIComponent(svgContent)}`;
+};
+const base = /*#__PURE__*/react.css("border-radius:", uiKit.customProperties.borderRadius6, ";min-height:136px;display:flex;justify-content:center;align-items:center;" + ("" ), "" );
+const disabled = /*#__PURE__*/react.css("" , "" );
+const readyForDrop = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder(), "\");background-color:", uiKit.customProperties.colorSurface, ";" + ("" ), "" );
+const activeDrag = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder('active'), "\");background-color:", uiKit.customProperties.colorPrimary95, ";padding:", uiKit.customProperties.spacing50, " 100px;" + ("" ), "" );
+const fileDropped = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder(), "\");background-color:", uiKit.customProperties.colorSurface, ";padding:", uiKit.customProperties.spacing50, " 100px;" + ("" ), "" );
+const styles = {
+  base,
+  readyForDrop,
+  fileDropped,
+  disabled,
+  activeDrag
+};
+
+const DropWrapper = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "ef0z5en0"
+} )(styles.base, " ", props => {
+  if (props.dropAreaState === 'disabled') {
+    return styles.disabled;
+  }
+  if (props.dropAreaState === 'ready-for-drop') {
+    return styles.readyForDrop;
+  }
+  if (props.dropAreaState === 'active-drag') {
+    return styles.activeDrag;
+  }
+  if (props.dropAreaState === 'file-dropped') {
+    return styles.fileDropped;
+  }
+  return getDefaultDropWrapperStyles(props.dropAreaState);
+}, ";" + ("" ));
+function getDefaultDropWrapperStyles(_dropAreaState) {
+  return /*#__PURE__*/react.css("" , "" );
+}
+
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-373d643b.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+
+var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-99c1fa0b.cjs.prod.js' /* webpackChunkName: "disabled-drop-area" */); }));
+
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-86d22a1c.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-a5e8e576.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+
+function getDropArea(_ref) {
+  let dropAreaState = _ref.dropAreaState,
+    resourceType = _ref.resourceType,
+    isFileDropped = _ref.isFileDropped;
+  if (dropAreaState === 'file-dropped') {
+    return jsxRuntime.jsx(FileDropped, {});
+  }
+  if (dropAreaState === 'disabled' || !resourceType) {
+    return jsxRuntime.jsx(DisabledDropArea, {});
+  }
+  if (dropAreaState === 'ready-for-drop') {
+    return jsxRuntime.jsx(EnabledDropArea, {});
+  }
+  if (dropAreaState === 'active-drag') {
+    return jsxRuntime.jsx(ActiveDragDropArea, {
+      isFileDropped: isFileDropped
+    });
+  }
+  return fallbackDropArea();
+}
+function fallbackDropArea(_invalidDropAreaState) {
+  return jsxRuntime.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$7 = reactIntl.defineMessages({
+  dragAndDropCSV: {
+    id: "ImportResourcesModal.dragAndDropCSV",
+    defaultMessage: "Drag and drop CSV"
+  },
+  or: {
+    id: "ImportResourcesModal.or",
+    defaultMessage: "or"
+  },
+  browseButton: {
+    id: "ImportResourcesModal.browseFile",
+    defaultMessage: "Browse file"
+  },
+  uploadFile: {
+    id: "ImportResourcesModal.uploadFile",
+    defaultMessage: "Upload file"
+  },
+  chooseFile: {
+    id: "ImportResourcesModal.chooseFile",
+    defaultMessage: "Choose file"
+  },
+  fileUploadFailed: {
+    id: "ImportResourcesModal.fileUploadFailed",
+    defaultMessage: "File upload failed"
+  },
+  fileFormatNotSupported: {
+    id: "ImportResourcesModal.fileFormatNotSupported",
+    defaultMessage: "Invalid file format: The file is not in CSV format and cannot be processed."
+  },
+  tooManyFilesError: {
+    id: "ImportResourcesModal.tooManyFilesError",
+    defaultMessage: "Multiple files detected: You can only drag and drop one file at a time."
+  },
+  genericError: {
+    id: "ImportResourcesModal.genericError",
+    defaultMessage: "Error occurred: Please try uploading the file again or contact our support team for assistance."
+  },
+  dataType: {
+    id: "ImportResourcesModal.dataType",
+    defaultMessage: "Data type"
+  },
+  instructions: {
+    id: "ImportResourcesModal.instructions",
+    defaultMessage: "Instructions"
+  }
+});
+
+function useImportResourcesContext() {
+  const context = React.useContext(ImportResourcesContext);
+  if (!context) {
+    throw new MissingImportResourceProviderError();
+  }
+  return context;
+}
+
+var messages$6 = reactIntl.defineMessages({
+  fileSizeExceededTitle: {
+    id: "ImportResourcesModal.sizeExceededTitle",
+    defaultMessage: "File size exceeded"
+  },
+  fileSizeExceededDescription: {
+    id: "ImportResourcesModal.sizeExceededDescription",
+    defaultMessage: "The file exceeds the maximum allowed size of {fileSizeLimit} MB"
+  },
+  rowLimitExceededTitle: {
+    id: "ImportResourcesModal.rowLimitExceededTitle",
+    defaultMessage: "Row limit exceeded"
+  },
+  rowLimitExceededDescription: {
+    id: "ImportResourcesModal.rowLimitExceededDescription",
+    defaultMessage: "The file contains more than the allowable maximum of {rowLimit} rows"
+  },
+  dropAreaWrongDelimiterTitle: {
+    id: "ImportResourcesModal.wrongDelimiterTitle",
+    defaultMessage: "Wrong delimiter"
+  },
+  dropAreaWrongDelimiterDescription: {
+    id: "ImportResourcesModal.wrongDelimiterDescription",
+    defaultMessage: "The file is using an incorrect delimiter. Please use comma (,) instead."
+  },
+  dropAreaNotEnoughRowsTitle: {
+    id: "ImportResourcesModal.dropAreaNotEnoughRowsTitle",
+    defaultMessage: "Invalid CSV file"
+  },
+  dropAreaNotEnoughRowsDescription: {
+    id: "ImportResourcesModal.dropAreaNotEnoughRowsDescription",
+    defaultMessage: "Make sure the file contains a header and at least one row of data"
+  },
+  unexpectedError: {
+    id: "ImportResourcesModal.unexpectedError",
+    defaultMessage: "An unexpected error occurred during the file upload. Please try again, or contact support if this error occurs again."
+  },
+  missingRequiredField: {
+    id: "ImportResourcesModal.missingRequiredField",
+    defaultMessage: "Missing required field"
+  },
+  missingKeyError: {
+    id: "ImportResourcesModal.missingKeyError",
+    defaultMessage: "The 'key' field is missing or incomplete in some rows. Please ensure every row has a 'key' value."
+  },
+  missingRequiredKeys: {
+    id: "ImportResourcesModal.missingRequiredKeys",
+    defaultMessage: "Make sure the file contains required keys for the elements including {fieldNames}"
+  }
+});
+
+function ownKeys$d(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$d(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$d(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$d(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const useUpload = () => {
+  const intl = reactIntl.useIntl();
+  const projectKey = applicationShellConnectors.useApplicationContext(context => context.project?.key);
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions;
+  const asyncDispatch = sdk.useAsyncDispatch();
+  const showNotification = actionsGlobal.useShowNotification();
+  React__default["default"].useEffect(() => {
+    return () => {
+      if (state.abortController) state.abortController.abort();
+    };
+  }, [state.abortController]);
+  const isFileValid = async file => {
+    const errors = [];
+    const delimiterCheck = await checkDelimiter(file);
+    if (!delimiterCheck.isValid) errors.push({
+      title: intl.formatMessage(messages$6.dropAreaWrongDelimiterTitle),
+      description: intl.formatMessage(messages$6.dropAreaWrongDelimiterDescription)
+    });
+    const rowCount = await getRowCount(file);
+    if (rowCount < 1) errors.push({
+      title: intl.formatMessage(messages$6.dropAreaNotEnoughRowsTitle),
+      description: intl.formatMessage(messages$6.dropAreaNotEnoughRowsDescription)
+    });
+    if (state.resourceType && file.size > toBytes(FILE_SIZE_LIMITS_MB[state.resourceType])) errors.push({
+      title: intl.formatMessage(messages$6.fileSizeExceededTitle),
+      description: intl.formatMessage(messages$6.fileSizeExceededDescription, {
+        fileSizeLimit: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType])
+      })
+    });
+    if (state.resourceType && rowCount > ROW_LIMITS[state.resourceType]) errors.push({
+      title: intl.formatMessage(messages$6.rowLimitExceededTitle),
+      description: intl.formatMessage(messages$6.rowLimitExceededDescription, {
+        rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType])
+      })
+    });
+    if (errors.length > 0) {
+      actions.setFileUploadErrors(errors);
+      actions.setCurrentStep(CurrentStep$1.UploadResult);
+      return false;
+    }
+    return true;
+  };
+  const handleUploadError = error => {
+    if (isAbortError(error)) {
+      actions.cancelImport();
+      return;
+    }
+    if (error instanceof HttpError) {
+      if (error.errorData?.code === 'MISSING_KEY_ERROR') {
+        actions.setFileUploadErrors([{
+          title: intl.formatMessage(messages$6.missingRequiredField),
+          description: intl.formatMessage(messages$6.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$6.missingRequiredField),
+          description: intl.formatMessage(messages$6.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: constants.DOMAINS.PAGE,
+          text: intl.formatMessage(messages$6.unexpectedError)
+        });
+      }
+    } else {
+      actions.cancelImport();
+      showNotification({
+        kind: 'error',
+        domain: constants.DOMAINS.PAGE,
+        text: isError(error) ? error.toString() : String(error)
+      });
+      sentry.reportErrorToSentry(new Error('Upload File Error: An unexpected issue occurred while uploading the file'), {
+        extra: {
+          error,
+          projectKey,
+          containerKey: state.containerKey,
+          resourceType: state.resourceType,
+          fileSizeInBytes: state.droppedFile?.size
+        }
+      });
+    }
+  };
+  const handleUploadAndValidation = async () => {
+    if (!projectKey || !state.droppedFile || !state.resourceType) return;
+    const canUpload = await isFileValid(state.droppedFile);
+    if (!canUpload) return;
+    actions.setCurrentStep(CurrentStep$1.Uploading);
+    const containerKey = encodeFileNameWithTimestampToContainerKey(state.droppedFile.name);
+    actions.setContainerKey(containerKey);
+    try {
+      // TODO: Temporarily apply settings only for products
+      const shouldApplySettings = state.resourceType === 'product';
+      await createImportContainerForFileUpload(_objectSpread$d({
+        key: containerKey,
+        resourceType: state.resourceType,
+        tags: [TAG_KEY_SOURCE_FILE_UPLOAD]
+      }, shouldApplySettings ? {
+        settings: {
+          resourceType: state.resourceType === 'product' ? 'product-draft' : state.resourceType,
+          format: 'CSV',
+          options: {
+            publishAllChanges: state.settings?.publish ?? false
+          }
+        }
+      } : {}), projectKey, asyncDispatch);
+      const newAbortController = uploadFileForImport({
+        projectKey,
+        containerKey,
+        resourceType: state.resourceType,
+        file: state.droppedFile,
+        onSuccess: fileUploadResponse => {
+          actions.setUploadFileResponse(fileUploadResponse);
+          actions.setCurrentStep(CurrentStep$1.UploadResult);
+        },
+        onProgress: progress => {
+          actions.setProgress(progress);
+        },
+        onError: error => {
+          deleteImportContainer(projectKey, containerKey, asyncDispatch);
+          handleUploadError(error);
+        }
+      });
+      actions.setAbortController(newAbortController);
+    } catch (error) {
+      deleteImportContainer(projectKey, containerKey, asyncDispatch);
+      handleUploadError(error);
+      actions.setCurrentStep(CurrentStep$1.UploadResult);
+    }
+  };
+  return {
+    handleUploadAndValidation
+  };
+};
+
+const useImportPermission = () => {
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      actionRights: applicationContext.actionRights?.products
+    })),
+    actionRights = _useApplicationContex.actionRights;
+  const canManageProducts = permissions.useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageProducts]
+  });
+  const canImportCategories = permissions.useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageCategories]
+  });
+  const canImportDiscountCodes = permissions.useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageDiscountCodes]
+  });
+  const canImportProducts = React.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]);
+  return {
+    canImportProducts,
+    canImportCategories,
+    canImportDiscountCodes,
+    canImportInventories: canManageProducts,
+    canImportProductTypes: canManageProducts
+  };
+};
+
+function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$c(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$c(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const FileDropArea = () => {
+  const intl = reactIntl.useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions;
+  const isResourceTypeSelected = Boolean(state.resourceType);
+  const showNotification = actionsGlobal.useShowNotification();
+  const onDrop = React__default["default"].useCallback(_ref => {
+    let _ref2 = _slicedToArray(_ref, 1),
+      file = _ref2[0];
+    if (!file) return;
+    assertResourceType(state.resourceType);
+    actions.setDroppedFile(file);
+  }, [state.resourceType]);
+  const _useDropzone = reactDropzone.useDropzone({
+      onDrop,
+      multiple: false,
+      disabled: !isResourceTypeSelected,
+      accept: {
+        'text/csv': ['.csv']
+      },
+      onDropRejected: _ref3 => {
+        var _context, _context2;
+        let _ref4 = _slicedToArray(_ref3, 1),
+          rejectedFile = _ref4[0];
+        if (_someInstanceProperty__default["default"](_context = rejectedFile.errors).call(_context, error => error.code === 'too-many-files')) {
+          showNotification({
+            kind: 'error',
+            domain: constants.DOMAINS.PAGE,
+            text: intl.formatMessage(messages$7.tooManyFilesError)
+          });
+          return;
+        }
+        if (_someInstanceProperty__default["default"](_context2 = rejectedFile.errors).call(_context2, error => error.code === 'file-invalid-type')) {
+          showNotification({
+            kind: 'error',
+            domain: constants.DOMAINS.PAGE,
+            text: intl.formatMessage(messages$7.fileFormatNotSupported)
+          });
+        } else {
+          showNotification({
+            kind: 'error',
+            domain: constants.DOMAINS.PAGE,
+            text: intl.formatMessage(messages$7.genericError)
+          });
+        }
+      }
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    isDragActive = _useDropzone.isDragActive;
+  const dropAreaState = React__default["default"].useMemo(() => getDropAreaState({
+    isReady: Boolean(state.droppedFile),
+    hasResourceType: !state.resourceType,
+    isDragActive
+  }), [state.resourceType, state.droppedFile, isDragActive]);
+  const dropArea = getDropArea({
+    dropAreaState,
+    resourceType: 'category',
+    isFileDropped: Boolean(state.droppedFile)
+  });
+  return jsxRuntime.jsxs(DropWrapper, _objectSpread$c(_objectSpread$c({
+    role: "presentation"
+  }, getRootProps()), {}, {
+    dropAreaState: dropAreaState,
+    children: [jsxRuntime.jsx("input", _objectSpread$c({
+      "data-testid": "file-input"
+    }, getInputProps())), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
+      children: dropArea
+    })]
+  }));
+};
+
+var messages$5 = reactIntl.defineMessages({
+  publishProducts: {
+    id: "ImportResourcesModal.settings.publishProducts",
+    defaultMessage: "Publish all products in the file"
+  }
+});
+
+function ownKeys$b(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$b(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$b(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$b(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const UploadProductSettings = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions;
+  return jsxRuntime.jsx(uiKit.CheckboxInput, {
+    isChecked: state.settings?.publish,
+    onChange: e => {
+      actions.setUploadSettings({
+        publish: e.target.checked
+      });
+    },
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$b({}, messages$5.publishProducts))
+  });
+};
+const UploadSettings = () => {
+  const isPublishProductsEnabled = applicationShell.useFeatureToggle(PUBLISH_PRODUCTS);
+  const _useImportResourcesCo2 = useImportResourcesContext(),
+    state = _useImportResourcesCo2.state;
+  const canPublishProducts = permissions.useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageProducts],
+    demandedActionRights: [ACTION_RIGHTS.PublishProducts]
+  });
+  if (state.resourceType === 'product' && canPublishProducts && isPublishProductsEnabled) return jsxRuntime.jsx(UploadProductSettings, {});
+  return null;
+};
+
+var sharedMessages = reactIntl.defineMessages({
+  [`modalTitle.${IMPORTABLE_RESOURCES.CATEGORY}`]: {
+    id: "ImportResourcesModal.modalTitle.category",
+    defaultMessage: "Import categories by CSV"
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.PRODUCT}`]: {
+    id: "ImportResourcesModal.modalTitle.product",
+    defaultMessage: "Import products by CSV"
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.INVENTORY}`]: {
+    id: "ImportResourcesModal.modalTitle.inventoryEntry",
+    defaultMessage: "Import inventories by CSV"
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.DISCOUNT_CODE}`]: {
+    id: "ImportResourcesModal.modalTitle.discountCode",
+    defaultMessage: "Import discount codes by CSV"
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.CUSTOMER}`]: {
+    id: "ImportResourcesModal.modalTitle.customer",
+    defaultMessage: "Import customers by CSV"
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.ORDER}`]: {
+    id: "ImportResourcesModal.modalTitle.order",
+    defaultMessage: "Import orders by CSV"
+  },
+  [`modalTitle.${IMPORTABLE_RESOURCES.PRODUCT_TYPE}`]: {
+    id: "ImportResourcesModal.modalTitle.productType",
+    defaultMessage: "Import product types by CSV"
+  },
+  uploadButton: {
+    id: "ImportResourcesModal.uploadButton",
+    defaultMessage: "Upload and preview"
+  },
+  cancel: {
+    id: "ImportResourcesModal.cancel",
+    defaultMessage: "Cancel"
+  },
+  close: {
+    id: "ImportResourcesModal.close",
+    defaultMessage: "Close"
+  }
+});
+
+const Upload = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    onClose = _useImportResourcesCo.onClose,
+    resourceTypes = _useImportResourcesCo.resourceTypes;
+  const intl = reactIntl.useIntl();
+  const _useUpload = useUpload(),
+    handleUploadAndValidation = _useUpload.handleUploadAndValidation;
+  const isMultipleResourceTypes = resourceTypes.length > 1;
+  return jsxRuntime.jsx(applicationComponents.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: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "m",
+        children: [isMultipleResourceTypes ? jsxRuntime.jsxs(uiKit.Grid, {
+          gridRowGap: uiKit.designTokens.spacingL,
+          gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
+          children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(uiKit.Text.Body, {
+              isBold: true,
+              intlMessage: messages$7.dataType
+            })
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(ResourceTypeSelection, {})
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(uiKit.Text.Body, {
+              isBold: true,
+              intlMessage: messages$7.instructions
+            })
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(Instructions, {})
+          })]
+        }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
+          children: jsxRuntime.jsx(Instructions, {})
+        }), jsxRuntime.jsx(InfoBox, {}), jsxRuntime.jsx(fullstory.Masking.Mask, {
+          children: jsxRuntime.jsx(FileDropArea, {})
+        }), jsxRuntime.jsx(UploadSettings, {})]
+      })
+    })
+  });
+};
+
+var messages$4 = reactIntl.defineMessages({
+  row: {
+    id: "ImportResourcesModal.row",
+    defaultMessage: "Row"
+  },
+  errorType: {
+    id: "ImportResourcesModal.errorType",
+    defaultMessage: "Error type"
+  },
+  details: {
+    id: "ImportResourcesModal.details",
+    defaultMessage: "Details"
+  },
+  uploadErrorDescription: {
+    id: "ImportResourcesModal.uploadErrorDescription",
+    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",
+    defaultMessage: "<documentationLink>View the documentation</documentationLink> for supported values."
+  },
+  uploadNewFile: {
+    id: "ImportResourcesModal.uploadNewFile",
+    defaultMessage: "Upload new file"
+  }
+});
+
+function ownKeys$a(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$a(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$a(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$a(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const getColumns$1 = () => [{
+  key: 'errorType',
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages$4.errorType)),
+  width: 'max-content'
+}, {
+  key: 'details',
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages$4.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(DataTable__default["default"], {
+      verticalCellAlignment: "center",
+      isCondensed: true,
+      rows: currentPageRows,
+      columns: getColumns$1(),
+      itemRenderer: itemRenderer$1
+    }), shouldShowPagination && jsxRuntime.jsx(uiKit.PageNavigator, {
+      onPageChange: pagination.page.onChange,
+      page: pagination.page.value,
+      totalPages: Math.ceil(props.rows.length / pagination.perPage.value)
+    })]
+  });
+};
+function itemRenderer$1(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:
+      throw new UnexpectedColumnError(column.key);
+  }
+}
+
+function ownKeys$9(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$9(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$9(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$9(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 _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions,
+    onClose = _useImportResourcesCo.onClose;
+  const errorsCount = state.fileUploadErrors.length;
+  return jsxRuntime.jsx(applicationComponents.InfoDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
+    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$9(_objectSpread$9({}, messages$4.uploadErrorDescription), {}, {
+              values: {
+                fileName: state.droppedFile?.name,
+                errorsCount: intl.formatNumber(errorsCount),
+                b: getBold$3
+              }
+            })
+          })
+        }), jsxRuntime.jsx(UploadErrorTable, {
+          rows: mapFileUploadErrorsToUploadFileErrorRows(state.fileUploadErrors)
+        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "m",
+          justifyContent: "flex-end",
+          children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
+            label: intl.formatMessage(sharedMessages.close),
+            onClick: () => onClose()
+          }), jsxRuntime.jsx(uiKit.PrimaryButton, {
+            iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
+            label: intl.formatMessage(messages$4.uploadNewFile),
+            onClick: () => actions.uploadNewFile()
+          })]
+        })]
+      })
+    })
+  });
+};
+function getBold$3(msg) {
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+function ownKeys$8(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$8(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$8(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$8(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const getColumns = () => [{
+  key: 'row',
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.row)),
+  width: 'max-content'
+}, {
+  key: 'errorType',
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.errorType)),
+  width: 'max-content'
+}, {
+  key: 'details',
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.details))
+}];
+const UploadRowErrorTable = 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(DataTable__default["default"], {
+      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 'row':
+      return item.row;
+    case 'errorType':
+      return jsxRuntime.jsx(uiKit.Stamp, {
+        isCondensed: true,
+        label: formatErrorCode(item.code),
+        tone: "critical"
+      });
+    case 'details':
+      return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+        scale: "xs",
+        children: [jsxRuntime.jsx(uiKit.Text.Body, {
+          tone: "information",
+          children: item.field
+        }), jsxRuntime.jsx(uiKit.Text.Body, {
+          children: extractErrorDescriptionFromValidationMessage(item.validationMessage)
+        })]
+      });
+    default:
+      throw new UnexpectedColumnError(column.key);
+  }
+}
+
+function ownKeys$7(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$7(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$7(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$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const UploadRowErrorsModal = () => {
+  const intl = reactIntl.useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions,
+    onClose = _useImportResourcesCo.onClose;
+  const errorsCount = getFileUploadErrorsCount(state.uploadFileResponse?.results);
+  const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
+  return jsxRuntime.jsx(applicationComponents.InfoDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
+    onClose: onClose,
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "l",
+        children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+          scale: "xs",
+          children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
+            children: jsxRuntime.jsx(uiKit.Text.Body, {
+              intlMessage: _objectSpread$7(_objectSpread$7({}, messages$4.uploadErrorDescription), {}, {
+                values: {
+                  fileName: state.droppedFile?.name,
+                  errorsCount: intl.formatNumber(errorsCount),
+                  b: getBold$2
+                }
+              })
+            })
+          }), jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: _objectSpread$7(_objectSpread$7({}, messages$4.supportedValuesDocumentation), {}, {
+              values: {
+                documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
+                  tone: "secondary",
+                  isExternal: true,
+                  to: documentationLink,
+                  children: msg
+                })
+              }
+            })
+          })]
+        }), jsxRuntime.jsx(UploadRowErrorTable, {
+          rows: mapUploadFileErrorsResponseToUploadFileErrorRows(state.uploadFileResponse?.results)
+        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "m",
+          justifyContent: "flex-end",
+          children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
+            label: intl.formatMessage(sharedMessages.close),
+            onClick: () => onClose()
+          }), jsxRuntime.jsx(uiKit.PrimaryButton, {
+            iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
+            label: intl.formatMessage(messages$4.uploadNewFile),
+            onClick: () => actions.uploadNewFile()
+          })]
+        })]
+      })
+    })
+  });
+};
+function getBold$2(msg) {
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+var messages$3 = reactIntl.defineMessages({
+  startImportButton: {
+    id: "ImportResourcesModal.startImportButton",
+    defaultMessage: "Start import"
+  },
+  importNotificationSuccessMessage: {
+    id: "ImportResourcesModal.successMessage",
+    defaultMessage: "<b>Your import has started.</b><newline></newline> <logsLink>Go to Import logs</logsLink> to view the progress."
+  },
+  importNotificationPrepareMessage: {
+    id: "ImportResourcesModal.prepareMessage",
+    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",
+    defaultMessage: "Here's a preview of your import"
+  },
+  rowsToBeImported: {
+    id: "ImportResourcesModal.rowsToBeImported",
+    defaultMessage: "{rowCount, plural, one {<b>1</b> row to be imported} other {<b>{rowCount}</b> rows to be imported}}{publish, select, true { and published} other {}}"
+  },
+  columnsToBeImported: {
+    id: "ImportResourcesModal.columnsToBeImported",
+    defaultMessage: "<b>{columnCount}</b> columns to be imported"
+  },
+  columnsToBeIgnored: {
+    id: "ImportResourcesModal.columnsToBeIgnored",
+    defaultMessage: "We will intentionally ignore <b>{columnCount}</b> columns as they can't be imported"
+  },
+  showMore: {
+    id: "ImportResourcesModal.showMore",
+    defaultMessage: "Show more"
+  },
+  showLess: {
+    id: "ImportResourcesModal.showLess",
+    defaultMessage: "Show less"
+  },
+  continue: {
+    id: "ImportResourcesModal.continue",
+    defaultMessage: "Continue"
+  },
+  confirmationBodyText: {
+    id: "ImportResourcesModal.confirmationBodyText",
+    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",
+    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",
+    defaultMessage: "Proceed with the import?"
+  }
+});
+
+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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(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$6(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const AlignedContainer = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e1amawj91"
+} )({
+  name: "1x0d6yz",
+  styles: "padding-top:5px"
+} );
+const ModifiedTagList = /*#__PURE__*/_styled__default["default"](uiKit.TagList, {
+  target: "e1amawj90"
+} )({
+  name: "u9abxe",
+  styles: ">div{margin:8px 8px 0 0;}"
+} );
+const ColumnList = props => {
+  var _context;
+  const _React$useState = React__default["default"].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__default["default"](_context = props.columns).call(_context, 0, INITIAL_COLUMN_DISPLAY_COUNT);
+  return jsxRuntime.jsxs(ModifiedTagList, {
+    children: [_mapInstanceProperty__default["default"](finalColumns).call(finalColumns, (column, index) => jsxRuntime.jsx(uiKit.Stamp, {
+      label: column,
+      tone: "secondary"
+    }, index)), shouldShowExpandButton && jsxRuntime.jsx(AlignedContainer, {
+      children: jsxRuntime.jsx(uiKit.Link, {
+        to: "",
+        tone: "secondary",
+        onClick: e => {
+          e.preventDefault();
+          setIsExpanded(!isExpanded);
+        },
+        children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$3.showLess)) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$3.showMore))
+      })
+    })]
+  });
+};
+
+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; }
+function UploadPreviewModal() {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  const intl = reactIntl.useIntl();
+  const _useImportResourcesCo2 = useImportResourcesContext(),
+    actions = _useImportResourcesCo2.actions,
+    onClose = _useImportResourcesCo2.onClose;
+  if (!state.resourceType || !state.uploadFileResponse) return null;
+  const ignoredColumns = state.uploadFileResponse.ignoredColumns;
+  const validatedColumns = getValidatedColumns(state.uploadFileResponse.columns, ignoredColumns);
+  return jsxRuntime.jsx(applicationComponents.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: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
+        children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+          scale: "xxxl",
+          children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+            scale: "xl",
+            children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+              scale: "m",
+              children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Body, {
+                intlMessage: messages$3.previewOfYourImport
+              }), jsxRuntime.jsx(uiKit.Card, {
+                insetScale: "xl",
+                children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                  scale: "s",
+                  children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                    scale: "xs",
+                    children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                      alignItems: "center",
+                      children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
+                        color: "success"
+                      }), jsxRuntime.jsx(uiKit.Text.Body, {
+                        intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.rowsToBeImported), {}, {
+                          values: {
+                            rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
+                            publish: state.resourceType === 'product' && state.settings?.publish,
+                            b: getBold$1
+                          }
+                        })
+                      })]
+                    }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                      alignItems: "center",
+                      children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
+                        color: "success"
+                      }), jsxRuntime.jsx(uiKit.Text.Body, {
+                        intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.columnsToBeImported), {}, {
+                          values: {
+                            columnCount: intl.formatNumber(validatedColumns.length),
+                            b: getBold$1
+                          }
+                        })
+                      })]
+                    })]
+                  }), jsxRuntime.jsx(ColumnList, {
+                    columns: validatedColumns
+                  })]
+                })
+              }), ignoredColumns.length > 0 && jsxRuntime.jsx(uiKit.Card, {
+                insetScale: "xl",
+                children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                  scale: "s",
+                  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                    alignItems: "center",
+                    children: [jsxRuntime.jsx(uiKit.EyeCrossedIcon, {
+                      color: "neutral60"
+                    }), jsxRuntime.jsx(uiKit.Text.Body, {
+                      intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.columnsToBeIgnored), {}, {
+                        values: {
+                          columnCount: intl.formatNumber(ignoredColumns.length),
+                          b: getBold$1
+                        }
+                      })
+                    })]
+                  }), jsxRuntime.jsx(ColumnList, {
+                    columns: ignoredColumns
+                  })]
+                })
+              })]
+            })
+          })
+        })
+      })
+    })
+  });
+}
+function getBold$1(msg) {
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(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$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const getNewLine = () => jsxRuntime.jsx("br", {});
+const getImportLogsLink = (msg, projectKey) => jsxRuntime.jsx(uiKit.Link, {
+  to: `/${projectKey}/operations/import/logs`,
+  children: msg
+});
+var _ref2 = {
+  name: "1vs9i7r",
+  styles: "width:360px"
+} ;
+const ImportRunningTextNotification = props => jsxRuntime.jsx("div", {
+  css: _ref2,
+  children: jsxRuntime.jsx(uiKit.Text.Body, {
+    intlMessage: _objectSpread$4(_objectSpread$4({}, messages$3.importNotificationSuccessMessage), {}, {
+      values: {
+        newline: getNewLine,
+        logsLink: msg => getImportLogsLink(msg, props.projectKey),
+        b: getBold
+      }
+    })
+  })
+});
+var _ref = {
+  name: "1vs9i7r",
+  styles: "width:360px"
+} ;
+const ImportPreparingTextNotification = props => jsxRuntime.jsx("div", {
+  css: _ref,
+  children: jsxRuntime.jsx(uiKit.Text.Body, {
+    intlMessage: _objectSpread$4(_objectSpread$4({}, messages$3.importNotificationPrepareMessage), {}, {
+      values: {
+        newline: getNewLine,
+        logsLink: msg => getImportLogsLink(msg, props.projectKey),
+        b: getBold
+      }
+    })
+  })
+});
+const ImportConfirmationModal = () => {
+  const intl = reactIntl.useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    onStartImportSuccess = _useImportResourcesCo.onStartImportSuccess,
+    onClose = _useImportResourcesCo.onClose;
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key,
+      projectName: context.project?.name
+    })),
+    projectKey = _useApplicationContex.projectKey,
+    projectName = _useApplicationContex.projectName;
+  const asyncDispatch = sdk.useAsyncDispatch();
+  const showNotification = actionsGlobal.useShowNotification();
+  return jsxRuntime.jsx(applicationComponents.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: constants.DOMAINS.SIDE,
+          // @ts-ignore
+          text: jsxRuntime.jsx(ImportPreparingTextNotification, {
+            projectKey: projectKey
+          })
+        }, {
+          dismissAfter: 5000
+        });
+        await processUploadedFile({
+          projectKey,
+          containerKey: state.containerKey,
+          resourceType: state.resourceType,
+          asyncDispatch
+        });
+        onStartImportSuccess();
+        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: isError(error) ? error.toString() : String(error)
+        });
+      }
+    },
+    size: 16,
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "xl",
+        children: [jsxRuntime.jsxs("div", {
+          children: [jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: _objectSpread$4(_objectSpread$4({}, messages$3.confirmationBodyText), {}, {
+              values: {
+                projectName: projectName,
+                count: intl.formatNumber(state?.uploadFileResponse?.rowsCount || 0),
+                bold: getBold
+              }
+            })
+          }), jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: messages$3.confirmationBodyNote
+          })]
+        }), jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages$3.confirmationBodyQuestion
+        })]
+      })
+    })
+  });
+};
+function getBold(msg) {
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+const UploadResult = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  if (state.fileUploadErrors.length > 0) return jsxRuntime.jsx(UploadErrorsModal, {});
+  if (state.uploadFileResponse?.invalid > 0) return jsxRuntime.jsx(UploadRowErrorsModal, {});
+  return jsxRuntime.jsx(UploadPreviewModal, {});
+};
+
+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; }
+var FileIcon = function FileIcon(props) {
+  return jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({}, props), {}, {
+    children: [jsxRuntime.jsx("mask", {
+      id: "a",
+      style: {
+        maskType: "alpha"
+      },
+      maskUnits: "userSpaceOnUse",
+      x: "0",
+      y: "0",
+      width: "32",
+      height: "32",
+      children: jsxRuntime.jsx("path", {
+        fill: "#D9D9D9",
+        d: "M0 0h32v32H0z"
+      })
+    }), jsxRuntime.jsx("g", {
+      mask: "url(#a)",
+      children: jsxRuntime.jsx("path", {
+        d: "M14.667 25.333h2.666v-5.566l2.134 2.133 1.866-1.9L16 14.667 10.667 20l1.9 1.867 2.1-2.1v5.566Zm-6.667 4a2.568 2.568 0 0 1-1.883-.783 2.568 2.568 0 0 1-.784-1.883V5.333c0-.733.261-1.36.784-1.883A2.568 2.568 0 0 1 8 2.667h10.667l8 8v16c0 .733-.261 1.36-.784 1.883a2.568 2.568 0 0 1-1.883.783H8ZM17.333 12H24l-6.667-6.667V12Z",
+        fill: "#B1ACFF"
+      })
+    })]
+  }));
+};
+FileIcon.defaultProps = {
+  width: "32",
+  height: "32",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const Uploading = () => {
+  const intl = reactIntl.useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions,
+    onClose = _useImportResourcesCo.onClose;
+  if (state.droppedFile?.name) return jsxRuntime.jsx(applicationComponents.InfoDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "m",
+      children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+        alignItems: "center",
+        justifyContent: "space-between",
+        children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          alignItems: "center",
+          children: [jsxRuntime.jsx(FileIcon, {}), jsxRuntime.jsx(uiKit.Spacings.Inline, {
+            children: jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
+              max: 10,
+              children: jsxRuntime.jsx(uiKit.Text.Body, {
+                truncate: true,
+                isBold: true,
+                children: state.droppedFile.name
+              })
+            })
+          }), jsxRuntime.jsxs(uiKit.Text.Body, {
+            tone: "secondary",
+            children: ["(", intl.formatNumber(convertFileSizeToKB(state.droppedFile.size)), ' ', "KB)"]
+          })]
+        }), jsxRuntime.jsx(uiKit.SecondaryButton, {
+          tone: "secondary",
+          size: "medium",
+          label: intl.formatMessage(sharedMessages.cancel),
+          onClick: () => {
+            actions.setCurrentStep(CurrentStep$1.Upload);
+            state.abortController.abort();
+          }
+        })]
+      }), jsxRuntime.jsx(uiKit.ProgressBar, {
+        barWidth: "scale",
+        height: "10",
+        progress: state.progress
+      }), jsxRuntime.jsx("div", {})]
+    })
+  });
+  return null;
+};
+
+const CurrentStep = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  const steps = {
+    upload: jsxRuntime.jsx(Upload, {}),
+    uploading: jsxRuntime.jsx(Uploading, {}),
+    'upload-result': jsxRuntime.jsx(UploadResult, {}),
+    'import-confirmation-modal': jsxRuntime.jsx(ImportConfirmationModal, {})
+  };
+  return steps[state.currentStep] || null;
+};
+
+var messages$2 = reactIntl.defineMessages({
+  products: {
+    id: "ImportResourcesModal.radio.products",
+    defaultMessage: "Products (including variants, assets, prices and images)"
+  },
+  inventories: {
+    id: "ImportResourcesModal.radio.inventories",
+    defaultMessage: "Inventories"
+  },
+  categories: {
+    id: "ImportResourcesModal.radio.categories",
+    defaultMessage: "Categories"
+  }
+});
+
+const resourceTypeToDisplayName = resourceType => {
+  switch (resourceType) {
+    case IMPORTABLE_RESOURCES.PRODUCT:
+      return messages$2.products;
+    case IMPORTABLE_RESOURCES.INVENTORY:
+      return messages$2.inventories;
+    case IMPORTABLE_RESOURCES.CATEGORY:
+      return messages$2.categories;
+    default:
+      throw new Error(`Unknown resource type: ${resourceType}`);
+  }
+};
+const ResourceTypeSelection = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions,
+    resourceTypes = _useImportResourcesCo.resourceTypes;
+  return jsxRuntime.jsx(uiKit.RadioInput.Group, {
+    value: state.resourceType,
+    onChange: e => {
+      actions.setResourceType(e.target.value);
+    },
+    direction: "stack",
+    directionProps: {
+      scale: 's'
+    },
+    children: _mapInstanceProperty__default["default"](resourceTypes).call(resourceTypes, resourceType => jsxRuntime.jsx(uiKit.RadioInput.Option, {
+      value: resourceType,
+      children: jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: resourceTypeToDisplayName(resourceType)
+      })
+    }, resourceType))
+  });
+};
+
+var messages$1 = reactIntl.defineMessages({
+  fileUploadInstructions: {
+    id: "ImportResourcesModal.fileUploadInstructions",
+    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$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; }
+const Instructions = () => {
+  const intl = reactIntl.useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  const templateLink = RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS[state.resourceType];
+  const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    intlMessage: _objectSpread$2(_objectSpread$2({}, messages$1.fileUploadInstructions), {}, {
+      values: {
+        fileSize: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType]),
+        rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType]),
+        csvTemplateLink: msg => jsxRuntime.jsx(uiKit.Link, {
+          tone: "secondary",
+          isExternal: true,
+          to: templateLink,
+          children: msg
+        }),
+        documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
+          tone: "secondary",
+          isExternal: true,
+          to: documentationLink,
+          children: msg
+        })
+      }
+    })
+  });
+};
+
+var messages = reactIntl.defineMessages({
+  prerequisitesOfImportingData: {
+    id: "ImportResourcesModal.infoBox.prerequisitesOfImportingData",
+    defaultMessage: "Prerequisites of importing data"
+  },
+  keysForEveryResource: {
+    id: "ImportResourcesModal.infoBox.keysForEveryResource",
+    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>."
+  }
+});
+
+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; }
+const InfoBox = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  if (!state.resourceType) return null;
+  return jsxRuntime.jsx(uiKit.ContentNotification, {
+    type: "info",
+    children: jsxRuntime.jsx(uiKit.Spacings.Inset, {
+      scale: "xs",
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "xs",
+        children: [jsxRuntime.jsx(uiKit.Text.Subheadline, {
+          as: "h4",
+          intlMessage: messages.prerequisitesOfImportingData
+        }), jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: _objectSpread$1(_objectSpread$1({}, messages.keysForEveryResource), {}, {
+            values: {
+              link: msg => jsxRuntime.jsx(uiKit.Link, {
+                tone: "secondary",
+                isExternal: true,
+                to: CT__API_DOCS_URL,
+                children: msg
+              })
+            }
+          })
+        })]
+      })
+    })
+  });
+};
+
+const getChunkImport = locale => {
+  const intlLocale = i18n.mapLocaleToIntlLocale(locale);
+  switch (intlLocale) {
+    case 'de':
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-de" */'./de-22a8eb66.cjs.prod.js'); });
+    case 'es':
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-es" */'./es-01b24cea.cjs.prod.js'); });
+    case 'fr-FR':
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-2a0f5518.cjs.prod.js'); });
+    case 'ja':
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
+    case 'pt-BR':
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-6b7a389e.cjs.prod.js'); });
+    default:
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-en" */'./en-c80bec2f.cjs.prod.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 import-resources-modal messages for ${locale}`, error);
+    sentry.reportErrorToSentry(new Error(`Something went wrong while loading the import-resources-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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(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(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const ImportResourcesModal = props => {
+  var _context;
+  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;
+  if (!props.resourceTypes?.length) {
+    console.error('No resource types provided for import resources modal');
+    return null;
+  }
+  if (!_everyInstanceProperty__default["default"](_context = props.resourceTypes).call(_context, isResourceType)) {
+    console.error('Invalid resource types provided for import resources modal');
+    return null;
+  }
+  return jsxRuntime.jsx(reactIntl.IntlProvider, {
+    locale: locale,
+    messages: messages.messages,
+    children: jsxRuntime.jsx(ImportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: jsxRuntime.jsx(CurrentStep, {})
+    }))
+  });
+};
+ImportResourcesModal.displayName = 'ImportResourcesModal';
+
+exports.EnabledDropArea = EnabledDropArea;
+exports.FileDropped = FileDropped;
+exports.ImportResourcesModal = ImportResourcesModal;
+exports.messages = messages$7;
+exports.useImportPermission = useImportPermission;
+exports.useImportResourcesContext = useImportResourcesContext;