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

package/dist/index-ffadc0d7.esm.js

@@ -0,0 +1,1725 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import { defineMessages, useIntl, FormattedMessage, IntlProvider } from 'react-intl';
+import { useApplicationContext, oidcStorage } from '@commercetools-frontend/application-shell-connectors';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import React, { lazy, useContext, useState, useEffect } from 'react';
+import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
+import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
+import { plural } from 'pluralize';
+import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
+import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
+import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
+import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
+import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
+import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
+import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
+import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import Papa from 'papaparse';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { FormDialog, InfoDialog } from '@commercetools-frontend/application-components';
+import { Masking } from '@commercetools-frontend/fullstory';
+import { customProperties, Constraints, Spacings, Text, Link, SecondaryButton, ProgressBar, usePaginationState, PageNavigator, Stamp, PrimaryButton, ImportIcon, WarningIcon, Card, BinLinearIcon } from '@commercetools-frontend/ui-kit';
+import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
+import { useDropzone } from 'react-dropzone';
+import { useShowNotification } from '@commercetools-frontend/actions-global';
+import _styled from '@emotion/styled/base';
+import { css } from '@emotion/react';
+import { reportErrorToSentry } from '@commercetools-frontend/sentry';
+import { createHttpClientOptions, buildApiUrl } from '@commercetools-frontend/application-shell';
+import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import DataTable from '@commercetools-uikit/data-table';
+import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
+
+function ownKeys$a(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function reducer(state, action) {
+  if (action.type === 'setCurrentStep') return _objectSpread$a(_objectSpread$a({}, state), {}, {
+    currentStep: action.currentStep,
+    progress: 0
+  });
+  if (action.type === 'setContainerKey') return _objectSpread$a(_objectSpread$a({}, state), {}, {
+    containerKey: action.containerKey
+  });
+  if (action.type === 'cancelImport') return _objectSpread$a(_objectSpread$a({}, state), {}, {
+    currentStep: 'upload',
+    containerKey: undefined,
+    droppedFile: undefined,
+    dropAreaState: 'ready-for-drop',
+    progress: 0
+  });
+  if (action.type === 'uploadNewFile') return _objectSpread$a(_objectSpread$a({}, state), {}, {
+    currentStep: 'upload',
+    containerKey: undefined,
+    droppedFile: undefined,
+    dropAreaState: 'ready-for-drop',
+    progress: 0
+  });
+  if (action.type === 'setDroppedFile') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      droppedFile: action.droppedFile
+    });
+  }
+  if (action.type === 'setAbortController') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      abortController: action.abortController
+    });
+  }
+  if (action.type === 'setProgress') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      progress: action.progress
+    });
+  }
+  if (action.type === 'setUploadFileResponse') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      uploadFileResponse: action.uploadFileResponse
+    });
+  }
+  if (action.type === 'setFileUploadErrors') {
+    return _objectSpread$a(_objectSpread$a({}, state), {}, {
+      fileUploadErrors: action.fileUploadErrors
+    });
+  }
+  throw new Error(getUnknownActionError(action));
+}
+function getUnknownActionError(actionType) {
+  return `Unkown type: ${actionType}`;
+}
+const initialState = {
+  currentStep: 'upload',
+  abortController: new AbortController(),
+  dropAreaState: 'ready-for-drop',
+  containerKey: undefined,
+  progress: 0,
+  uploadFileResponse: undefined,
+  fileUploadErrors: []
+};
+const initialActions = {
+  setCurrentStep(_currentStep) {
+    /**/
+  },
+  cancelImport() {
+    /**/
+  },
+  uploadNewFile() {
+    /**/
+  },
+  setDroppedFile(_nextDroppedFile) {
+    /**/
+  },
+  setUploadFileResponse(_uploadFileResponse) {
+    /**/
+  },
+  setFileUploadErrors(_fileUploadErrors) {
+    /**/
+  },
+  setContainerKey(_containerKey) {
+    /**/
+  },
+  setAbortController(_abortController) {
+    /**/
+  },
+  setProgress(_progress) {
+    /**/
+  }
+};
+
+function getCreateImportContainerURL(projectKey) {
+  return `/${projectKey}/import-containers`;
+}
+function getDeleteImportContainerURL(_ref) {
+  let projectKey = _ref.projectKey,
+    containerKey = _ref.containerKey;
+  return `/${projectKey}/import-containers/${containerKey}`;
+}
+function getFileUploadURL(_ref2) {
+  let projectKey = _ref2.projectKey,
+    containerKey = _ref2.containerKey,
+    resourceType = _ref2.resourceType;
+  const resourceTypePlural = plural(resourceType);
+  return `/${projectKey}/${resourceTypePlural}/import-containers/${containerKey}/file-upload`;
+}
+function getProccessFileURL(_ref3) {
+  let projectKey = _ref3.projectKey,
+    containerKey = _ref3.containerKey;
+  return `/${projectKey}/import-containers/${containerKey}/tasks`;
+}
+
+function createImportContainerForFileUpload(importContainerDraft, projectKey, asyncDispatch) {
+  return asyncDispatch(actions.post({
+    mcApiProxyTarget: MC_API_PROXY_TARGETS.IMPORT,
+    uri: getCreateImportContainerURL(projectKey),
+    headers: {
+      accept: 'application/json',
+      'Content-Type': 'application/json'
+    },
+    payload: importContainerDraft
+  }));
+}
+function deleteImportContainer(projectKey, containerKey, asyncDispatch) {
+  return asyncDispatch(actions.del({
+    mcApiProxyTarget: MC_API_PROXY_TARGETS.IMPORT,
+    uri: getDeleteImportContainerURL({
+      projectKey,
+      containerKey
+    }),
+    headers: {
+      accept: 'application/json'
+    }
+  }));
+}
+
+function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
+let HttpError = /*#__PURE__*/function (_Error) {
+  function HttpError(statusCode, statusText, errorData) {
+    var _this;
+    _classCallCheck(this, HttpError);
+    _this = _callSuper$2(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 _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
+let MissingDeleteResourcesProviderError = /*#__PURE__*/function (_Error) {
+  function MissingDeleteResourcesProviderError() {
+    var _this;
+    _classCallCheck(this, MissingDeleteResourcesProviderError);
+    _this = _callSuper$1(this, MissingDeleteResourcesProviderError, ['useDeleteResourcesProviderError must be used within MissingDeleteResourcesProviderError']);
+    _this.name = 'MissingDeleteResourcesProviderError';
+    return _this;
+  }
+  _inherits(MissingDeleteResourcesProviderError, _Error);
+  return _createClass(MissingDeleteResourcesProviderError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
+let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
+  function UnexpectedResourceTypeError(resourceType) {
+    var _this;
+    _classCallCheck(this, UnexpectedResourceTypeError);
+    _this = _callSuper(this, UnexpectedResourceTypeError, [`Unexpected resource type "${resourceType}"`]);
+    _this.name = 'UnexpectedResourceTypeError';
+    return _this;
+  }
+  _inherits(UnexpectedResourceTypeError, _Error);
+  return _createClass(UnexpectedResourceTypeError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+var sharedMessages = defineMessages({
+  deleteModalTitle: {
+    id: "DeleteResourcesModal.deleteModalTitle",
+    defaultMessage: "Bulk delete via CSV"
+  },
+  startBulkDelete: {
+    id: "DeleteResourcesModal.startBulkDelete",
+    defaultMessage: "Start bulk delete"
+  },
+  cancel: {
+    id: "DeleteResourcesModal.cancel",
+    defaultMessage: "Cancel"
+  },
+  product: {
+    id: "DeleteResourcesModal.product",
+    defaultMessage: "product"
+  },
+  products: {
+    id: "DeleteResourcesModal.products",
+    defaultMessage: "products"
+  },
+  inventory: {
+    id: "DeleteResourcesModal.inventory",
+    defaultMessage: "inventory entry"
+  },
+  inventories: {
+    id: "DeleteResourcesModal.inventories",
+    defaultMessage: "inventory entries"
+  },
+  category: {
+    id: "DeleteResourcesModal.category",
+    defaultMessage: "category"
+  },
+  categories: {
+    id: "DeleteResourcesModal.categories",
+    defaultMessage: "categories"
+  },
+  customer: {
+    id: "DeleteResourcesModal.customer",
+    defaultMessage: "customer"
+  },
+  customers: {
+    id: "DeleteResourcesModal.customers",
+    defaultMessage: "customers"
+  },
+  order: {
+    id: "DeleteResourcesModal.order",
+    defaultMessage: "order"
+  },
+  orders: {
+    id: "DeleteResourcesModal.orders",
+    defaultMessage: "orders"
+  },
+  price: {
+    id: "DeleteResourcesModal.price",
+    defaultMessage: "price"
+  },
+  prices: {
+    id: "DeleteResourcesModal.prices",
+    defaultMessage: "prices"
+  },
+  'product-draft': {
+    id: "DeleteResourcesModal.product-draft",
+    defaultMessage: "product draft"
+  },
+  'product-drafts': {
+    id: "DeleteResourcesModal.product-drafts",
+    defaultMessage: "product drafts"
+  },
+  'product-type': {
+    id: "DeleteResourcesModal.product-type",
+    defaultMessage: "product type"
+  },
+  'product-types': {
+    id: "DeleteResourcesModal.product-types",
+    defaultMessage: "product types"
+  },
+  'product-variant': {
+    id: "DeleteResourcesModal.product-variant",
+    defaultMessage: "product variant"
+  },
+  'product-variants': {
+    id: "DeleteResourcesModal.product-variants",
+    defaultMessage: "product variants"
+  },
+  'product-variant-patch': {
+    id: "DeleteResourcesModal.product-variant-patch",
+    defaultMessage: "product variant patch"
+  },
+  'product-variant-patches': {
+    id: "DeleteResourcesModal.product-variant-patches",
+    defaultMessage: "product variant patches"
+  },
+  'standalone-price': {
+    id: "DeleteResourcesModal.standalone-price",
+    defaultMessage: "standalone price"
+  },
+  'standalone-prices': {
+    id: "DeleteResourcesModal.standalone-prices",
+    defaultMessage: "standalone prices"
+  },
+  'discount-code': {
+    id: "DeleteResourcesModal.discount-code",
+    defaultMessage: "discount code"
+  },
+  'discount-codes': {
+    id: "DeleteResourcesModal.discount-codes",
+    defaultMessage: "discount codes"
+  },
+  unknownResourceType: {
+    id: "DeleteResourcesModal.unknown-resource-type",
+    defaultMessage: "unknown resource type"
+  }
+});
+
+function convertFileSizeToKB(sizeInBytes) {
+  return sizeInBytes / 1000;
+}
+function hasOwnProperty(obj, prop) {
+  return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
+}
+function hasRequiredFields(maybeValidObject, requiredFields) {
+  return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty(requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
+}
+function isAbortError(error) {
+  return error instanceof DOMException && error.name === 'AbortError';
+}
+function resourceTypeToMessage(resourceType) {
+  const resourceTypeMap = {
+    category: sharedMessages.category,
+    product: sharedMessages.product,
+    'product-type': sharedMessages['product-type'],
+    order: sharedMessages.order,
+    customer: sharedMessages.customer,
+    'discount-code': sharedMessages['discount-code'],
+    inventory: sharedMessages.inventory,
+    // TODO: remove `inventory` after aligning the resource type names in the file upload API
+    'inventory-entry': sharedMessages.inventory,
+    'order-patch': sharedMessages['order-patch'],
+    price: sharedMessages.price,
+    'product-draft': sharedMessages['product-draft'],
+    'product-variant': sharedMessages['product-variant'],
+    'product-variant-patch': sharedMessages['product-variant-patch'],
+    'standalone-price': sharedMessages['standalone-price']
+  };
+  const message = resourceTypeMap[resourceType];
+  if (!message) {
+    console.warn(new UnexpectedResourceTypeError(resourceType));
+    return sharedMessages.unknownResourceType;
+  }
+  return message;
+}
+function resourceTypeToPluralMessage(resourceType) {
+  const resourceTypePluralMap = {
+    category: sharedMessages.categories,
+    product: sharedMessages.products,
+    'product-type': sharedMessages['product-types'],
+    order: sharedMessages.orders,
+    customer: sharedMessages.customers,
+    'discount-code': sharedMessages['discount-codes'],
+    inventory: sharedMessages.inventories,
+    // TODO: remove `inventory` after aligning the resource type names in the file upload API
+    'inventory-entry': sharedMessages.inventories,
+    'order-patch': sharedMessages['order-patches'],
+    price: sharedMessages.prices,
+    'product-draft': sharedMessages['product-drafts'],
+    'product-variant': sharedMessages['product-variants'],
+    'product-variant-patch': sharedMessages['product-variant-patches'],
+    'standalone-price': sharedMessages['standalone-prices']
+  };
+  const message = resourceTypePluralMap[resourceType];
+  if (!message) {
+    console.warn(new UnexpectedResourceTypeError(resourceType));
+    return sharedMessages.unknownResourceType;
+  }
+  return message;
+}
+
+const encodeFileNameWithTimestampToContainerKey = fileName => {
+  return btoa(_JSON$stringify({
+    timestamp: new Date().getTime(),
+    fileName
+  })).replace(/=+$/g, '');
+};
+
+function ownKeys$9(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$9(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * 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(resolve => {
+    let lineCount = 0;
+    Papa.parse(file, {
+      step: _ref => {
+        let data = _ref.data;
+        // empty lines at the end of the file should not be counted
+        if (_Array$isArray(data) && _findInstanceProperty(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));
+      }
+    });
+  });
+};
+
+/**
+ * Checks if the CSV file only contains a single column named 'key'
+ * @param file The CSV file to process
+ * @returns A promise that resolves to true if the file contains only one column named 'key', otherwise false
+ */
+const hasSingleKeyColumn = file => {
+  return new _Promise(resolve => {
+    Papa.parse(file, {
+      header: true,
+      // Only parse the first row (header)
+      preview: 1,
+      complete: results => {
+        const fields = results?.meta?.fields;
+        resolve(fields.length === 1 && fields[0] === 'key');
+      }
+    });
+  });
+};
+const toBytes = megabytes => megabytes * 1024 * 1024;
+const mapFileUploadErrorsToUploadFileErrorRows = uploadFileErrors => {
+  let idCounter = 1;
+  return _mapInstanceProperty(uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$9(_objectSpread$9({}, uploadFileError), {}, {
+    id: String(idCounter++)
+  }));
+};
+
+async function processUploadedFile(_ref) {
+  let projectKey = _ref.projectKey,
+    containerKey = _ref.containerKey,
+    asyncDispatch = _ref.asyncDispatch,
+    resourceType = _ref.resourceType;
+  const uri = getProccessFileURL({
+    projectKey,
+    containerKey
+  });
+  const response = await asyncDispatch(actions.post({
+    mcApiProxyTarget: MC_API_PROXY_TARGETS.IMPORT,
+    uri: uri,
+    headers: {
+      accept: 'application/json',
+      'Content-Type': 'application/json'
+    },
+    payload: {
+      task: 'process-file',
+      parameter: {
+        resourceType,
+        action: 'delete'
+      }
+    }
+  }));
+  assertProcessFileResponse(response);
+  return response;
+}
+function assertProcessFileResponse(maybeProcessFileResponse) {
+  const requiredFields = ['message'];
+  if (hasRequiredFields(maybeProcessFileResponse, requiredFields)) return;
+  throw new Error('Invalid response');
+}
+
+const DeleteResourcesContext = /*#__PURE__*/React.createContext({
+  state: initialState,
+  actions: initialActions,
+  onClose: () => {}
+});
+const DeleteResourcesProvider = props => {
+  const _useApplicationContex = useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
+    projectKey = _useApplicationContex.projectKey;
+  const asyncDispatch = useAsyncDispatch();
+  const _React$useReducer = React.useReducer(reducer, initialState),
+    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
+  const setCurrentStep = currentStep => dispatch({
+    type: 'setCurrentStep',
+    currentStep
+  });
+  const setContainerKey = containerKey => dispatch({
+    type: 'setContainerKey',
+    containerKey
+  });
+  const cancelImport = () => dispatch({
+    type: 'cancelImport'
+  });
+  const uploadNewFile = () => dispatch({
+    type: 'uploadNewFile'
+  });
+  const setDroppedFile = droppedFile => dispatch({
+    type: 'setDroppedFile',
+    droppedFile: droppedFile
+  });
+  const setFileUploadErrors = fileUploadErrors => {
+    dispatch({
+      type: 'setFileUploadErrors',
+      fileUploadErrors
+    });
+  };
+  const setAbortController = abortController => dispatch({
+    type: 'setAbortController',
+    abortController: abortController
+  });
+  const setProgress = progress => dispatch({
+    type: 'setProgress',
+    progress
+  });
+  const setUploadFileResponse = uploadFileResponse => {
+    dispatch({
+      type: 'setUploadFileResponse',
+      uploadFileResponse
+    });
+  };
+  const handleClose = function () {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (state.abortController) state.abortController.abort();
+    if (typeof props.onClose === 'function') props.onClose();
+    // Removes the associated import container when the import is closed
+    if (options.shouldDeleteImportContainer && projectKey && state.containerKey) deleteImportContainer(projectKey, state.containerKey, asyncDispatch);
+  };
+  return jsx(DeleteResourcesContext.Provider, {
+    value: {
+      resourceType: props.resourceType,
+      state,
+      onClose: handleClose,
+      actions: {
+        setCurrentStep,
+        cancelImport,
+        uploadNewFile,
+        setDroppedFile,
+        setUploadFileResponse,
+        setFileUploadErrors,
+        setContainerKey,
+        setAbortController,
+        setProgress
+      }
+    },
+    children: props.children
+  });
+};
+
+const getBorderColor = state => {
+  const borderColors = {
+    default: '#909dbc',
+    error: '#e60050',
+    active: 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__*/css("border-radius:", customProperties.borderRadius6, ";min-height:136px;display:flex;justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:base;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmdCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgYWN0aXZlRHJhZyxcbn1cbiJdfQ== */");
+const readyForDrop = /*#__PURE__*/css("background-image:url(\"", getDashedBorder(), "\");background-color:", customProperties.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:readyForDrop;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3dCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgYWN0aXZlRHJhZyxcbn1cbiJdfQ== */");
+const activeDrag = /*#__PURE__*/css("background-image:url(\"", getDashedBorder('active'), "\");background-color:", customProperties.colorPrimary95, ";padding:", customProperties.spacing50, " 100px;" + (process.env.NODE_ENV === "production" ? "" : ";label:activeDrag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3NCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgYWN0aXZlRHJhZyxcbn1cbiJdfQ== */");
+const fileDropped = /*#__PURE__*/css("background-image:url(\"", getDashedBorder(), "\");background-color:", customProperties.colorSurface, ";padding:", customProperties.spacing50, " 100px;" + (process.env.NODE_ENV === "production" ? "" : ";label:fileDropped;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q3VCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgYWN0aXZlRHJhZyxcbn1cbiJdfQ== */");
+const styles = {
+  base,
+  readyForDrop,
+  fileDropped,
+  activeDrag
+};
+
+const DropWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e16mdg0x0"
+} : {
+  target: "e16mdg0x0",
+  label: "DropWrapper"
+})(styles.base, " ", props => {
+  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);
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUQiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */"));
+function getDefaultDropWrapperStyles(_dropAreaState) {
+  return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
+}
+
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-d02e950a.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-7516c43a.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-3ff29449.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+
+function getDropArea(_ref) {
+  let dropAreaState = _ref.dropAreaState,
+    isFileDropped = _ref.isFileDropped;
+  if (dropAreaState === 'ready-for-drop') {
+    return jsx(EnabledDropArea, {});
+  }
+  if (dropAreaState === 'file-dropped') {
+    return jsx(FileDropped, {});
+  }
+  if (dropAreaState === 'active-drag') {
+    return jsx(ActiveDragDropArea, {
+      isFileDropped: isFileDropped
+    });
+  }
+  return fallbackDropArea();
+}
+function fallbackDropArea(_invalidDropAreaState) {
+  return jsx(FileDropped, {});
+}
+function getDropAreaState(flags) {
+  if (flags.isDragActive) {
+    return 'active-drag';
+  }
+  if (flags.isReady) {
+    return 'file-dropped';
+  }
+  return 'ready-for-drop';
+}
+
+var messages$4 = defineMessages({
+  dragAndDropCSV: {
+    id: "DeleteResourcesModal.dragAndDropCSV",
+    defaultMessage: "Drag and drop CSV"
+  },
+  or: {
+    id: "DeleteResourcesModal.or",
+    defaultMessage: "or"
+  },
+  browseButton: {
+    id: "DeleteResourcesModal.browseFile",
+    defaultMessage: "Browse file"
+  },
+  uploadAndPreview: {
+    id: "DeleteResourcesModal.uploadAndPreview",
+    defaultMessage: "Upload and preview"
+  },
+  chooseFile: {
+    id: "DeleteResourcesModal.chooseFile",
+    defaultMessage: "Choose file"
+  },
+  fileUploadFailed: {
+    id: "DeleteResourcesModal.fileUploadFailed",
+    defaultMessage: "File upload failed"
+  },
+  fileFormatNotSupported: {
+    id: "DeleteResourcesModal.fileFormatNotSupported",
+    defaultMessage: "Invalid file format: The file is not in CSV format and cannot be processed."
+  },
+  tooManyFilesError: {
+    id: "DeleteResourcesModal.tooManyFilesError",
+    defaultMessage: "Multiple files detected: You can only drag and drop one file at a time."
+  },
+  genericError: {
+    id: "DeleteResourcesModal.genericError",
+    defaultMessage: "Error occurred: Please try uploading the file again or contact our support team for assistance."
+  },
+  dataType: {
+    id: "DeleteResourcesModal.dataType",
+    defaultMessage: "Data type"
+  },
+  instructions: {
+    id: "DeleteResourcesModal.instructions",
+    defaultMessage: "Instructions"
+  }
+});
+
+const useDeleteResourcesContext = () => {
+  const context = useContext(DeleteResourcesContext);
+  if (!context) {
+    throw new MissingDeleteResourcesProviderError();
+  }
+  return context;
+};
+
+var messages$3 = defineMessages({
+  fileSizeExceededTitle: {
+    id: "DeleteResourcesModal.sizeExceededTitle",
+    defaultMessage: "File size exceeded"
+  },
+  fileSizeExceededDescription: {
+    id: "DeleteResourcesModal.sizeExceededDescription",
+    defaultMessage: "The file exceeds the maximum allowed size of {fileSizeLimit} MB"
+  },
+  rowLimitExceededTitle: {
+    id: "DeleteResourcesModal.rowLimitExceededTitle",
+    defaultMessage: "Row limit exceeded"
+  },
+  rowLimitExceededDescription: {
+    id: "DeleteResourcesModal.rowLimitExceededDescription",
+    defaultMessage: "The file contains more than the allowable maximum of {rowLimit} rows"
+  },
+  dropAreaNotEnoughRowsTitle: {
+    id: "DeleteResourcesModal.dropAreaNotEnoughRowsTitle",
+    defaultMessage: "Invalid CSV file"
+  },
+  dropAreaNotEnoughRowsDescription: {
+    id: "DeleteResourcesModal.dropAreaNotEnoughRowsDescription",
+    defaultMessage: "Make sure the file contains a header and at least one row of data"
+  },
+  unexpectedError: {
+    id: "DeleteResourcesModal.unexpectedError",
+    defaultMessage: "An unexpected error occurred during the file upload. Please try again, or contact support if this error occurs again."
+  },
+  missingRequiredField: {
+    id: "DeleteResourcesModal.missingRequiredField",
+    defaultMessage: "Missing required field"
+  },
+  missingKeyError: {
+    id: "DeleteResourcesModal.missingKeyError",
+    defaultMessage: "The 'key' field is missing or incomplete in some rows. Please ensure every row has a 'key' value."
+  },
+  csvFormatErrorTitle: {
+    id: "DeleteResourcesModal.csvFormatErrorTitle",
+    defaultMessage: "Invalid CSV file"
+  },
+  csvFormatErrorDescription: {
+    id: "UnpublishProductsModal.csvFormatErrorDescription",
+    defaultMessage: "Your CSV file is not formatted correctly. Make sure the file contains only one column named 'key', which includes the product keys"
+  }
+});
+
+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 FILE_SIZE_LIMIT_MB = 35;
+const ROW_COUNT_LIMIT = 80_000;
+const DOCUMENTATION_LINKS = {
+  product: 'https://docs.commercetools.com/merchant-center/product-list#bulk-delete-via-csv-import'
+};
+const TEMPLATE_DOWNLOAD_LINKS = {
+  product: 'https://docs.commercetools.com/merchant-center/downloads/product_delete_import_template.csv'
+};
+
+function ownKeys$8(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$8(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$8(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(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 = createHttpClientOptions({
+    headers: _objectSpread$8({
+      'Content-Type': 'application/json'
+    }, config?.headers)
+  });
+  const xhr = new XMLHttpRequest();
+  xhr.open(config?.method, buildApiUrl(addProxyPrefixToUrl(url, config?.proxy)), true);
+  // Include cookies in the request
+  xhr.withCredentials = true;
+  if (options.headers) {
+    var _context;
+    _forEachInstanceProperty(_context = _Object$keys(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) {
+      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;
+};
+
+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,
+    containerKey,
+    resourceType
+  });
+  const formData = new FormData();
+  formData.append('file', file, file.name);
+  return fetchUsingXhr({
+    url: uri,
+    payload: formData,
+    config: {
+      abortSignal,
+      proxy: MC_API_PROXY_TARGETS.IMPORT,
+      method: 'POST',
+      headers: {
+        'Content-Type': null
+      }
+    },
+    onProgress,
+    onSuccess,
+    onError
+  });
+}
+
+const useUpload = () => {
+  const intl = useIntl();
+  const projectKey = useApplicationContext(context => context.project?.key);
+  const _useDeleteResourcesCo = useDeleteResourcesContext(),
+    resourceType = _useDeleteResourcesCo.resourceType,
+    state = _useDeleteResourcesCo.state,
+    actions = _useDeleteResourcesCo.actions;
+  const asyncDispatch = useAsyncDispatch();
+  const showNotification = useShowNotification();
+  React.useEffect(() => {
+    return () => {
+      if (state.abortController) state.abortController.abort();
+    };
+  }, [state.abortController]);
+  const isFileValid = async file => {
+    const errors = [];
+    const rowCount = await getRowCount(file);
+    if (rowCount < 1) errors.push({
+      title: intl.formatMessage(messages$3.dropAreaNotEnoughRowsTitle),
+      description: intl.formatMessage(messages$3.dropAreaNotEnoughRowsDescription)
+    });
+    if (file.size > toBytes(FILE_SIZE_LIMIT_MB)) errors.push({
+      title: intl.formatMessage(messages$3.fileSizeExceededTitle),
+      description: intl.formatMessage(messages$3.fileSizeExceededDescription, {
+        fileSizeLimit: intl.formatNumber(FILE_SIZE_LIMIT_MB)
+      })
+    });
+    if (!(await hasSingleKeyColumn(file))) {
+      errors.push({
+        title: intl.formatMessage(messages$3.csvFormatErrorTitle),
+        description: intl.formatMessage(messages$3.csvFormatErrorDescription)
+      });
+    }
+    if (rowCount > ROW_COUNT_LIMIT) errors.push({
+      title: intl.formatMessage(messages$3.rowLimitExceededTitle),
+      description: intl.formatMessage(messages$3.rowLimitExceededDescription, {
+        rowLimit: intl.formatNumber(ROW_COUNT_LIMIT)
+      })
+    });
+    if (errors.length > 0) {
+      actions.setFileUploadErrors(errors);
+      actions.setCurrentStep('upload-error');
+      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$3.missingRequiredField),
+          description: intl.formatMessage(messages$3.missingKeyError)
+        }]);
+        actions.setCurrentStep('upload-error');
+      } else {
+        actions.cancelImport();
+        showNotification({
+          kind: 'error',
+          domain: DOMAINS.PAGE,
+          text: intl.formatMessage(messages$3.unexpectedError)
+        });
+      }
+    } else {
+      actions.cancelImport();
+      showNotification({
+        kind: 'error',
+        domain: DOMAINS.PAGE,
+        text: String(error)
+      });
+      reportErrorToSentry(new Error('Upload File Error: An unexpected issue occurred while uploading the file'), {
+        extra: {
+          error,
+          projectKey,
+          containerKey: state.containerKey,
+          fileSizeInBytes: state.droppedFile?.size
+        }
+      });
+    }
+  };
+  const handleUploadAndValidation = async () => {
+    if (!projectKey || !state.droppedFile) return;
+    const canUpload = await isFileValid(state.droppedFile);
+    if (!canUpload) return;
+    actions.setCurrentStep('uploading');
+    const containerKey = encodeFileNameWithTimestampToContainerKey(state.droppedFile.name);
+    actions.setContainerKey(containerKey);
+    try {
+      await createImportContainerForFileUpload({
+        key: containerKey,
+        tags: [TAG_KEY_SOURCE_FILE_UPLOAD],
+        resourceType
+      }, projectKey, asyncDispatch);
+      const newAbortController = uploadFileForImport({
+        projectKey,
+        containerKey,
+        resourceType,
+        file: state.droppedFile,
+        onSuccess: fileUploadResponse => {
+          actions.setUploadFileResponse(fileUploadResponse);
+          actions.setCurrentStep('upload-preview');
+        },
+        onProgress: progress => {
+          actions.setProgress(progress);
+        },
+        onError: error => {
+          deleteImportContainer(projectKey, containerKey, asyncDispatch);
+          handleUploadError(error);
+        }
+      });
+      actions.setAbortController(newAbortController);
+    } catch (error) {
+      deleteImportContainer(projectKey, containerKey, asyncDispatch);
+      handleUploadError(error);
+    }
+  };
+  return {
+    handleUploadAndValidation
+  };
+};
+
+function ownKeys$7(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$7(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$7(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const FileDropArea = () => {
+  const intl = useIntl();
+  const _useDeleteResourcesCo = useDeleteResourcesContext(),
+    state = _useDeleteResourcesCo.state,
+    actions = _useDeleteResourcesCo.actions;
+  const showNotification = useShowNotification();
+  const onDrop = React.useCallback(_ref => {
+    let _ref2 = _slicedToArray(_ref, 1),
+      file = _ref2[0];
+    if (!file) return;
+    actions.setDroppedFile(file);
+  }, [actions]);
+  const _useDropzone = useDropzone({
+      onDrop,
+      multiple: false,
+      accept: {
+        'text/csv': ['.csv']
+      },
+      onDropRejected: _ref3 => {
+        var _context, _context2;
+        let _ref4 = _slicedToArray(_ref3, 1),
+          rejectedFile = _ref4[0];
+        if (_someInstanceProperty(_context = rejectedFile.errors).call(_context, error => error.code === 'too-many-files')) {
+          showNotification({
+            kind: 'error',
+            domain: DOMAINS.PAGE,
+            text: intl.formatMessage(messages$4.tooManyFilesError)
+          });
+          return;
+        }
+        if (_someInstanceProperty(_context2 = rejectedFile.errors).call(_context2, error => error.code === 'file-invalid-type')) {
+          showNotification({
+            kind: 'error',
+            domain: DOMAINS.PAGE,
+            text: intl.formatMessage(messages$4.fileFormatNotSupported)
+          });
+        } else {
+          showNotification({
+            kind: 'error',
+            domain: DOMAINS.PAGE,
+            text: intl.formatMessage(messages$4.genericError)
+          });
+        }
+      }
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    isDragActive = _useDropzone.isDragActive;
+  const dropAreaState = React.useMemo(() => getDropAreaState({
+    isReady: Boolean(state.droppedFile),
+    isDragActive
+  }), [state.droppedFile, isDragActive]);
+  const dropArea = getDropArea({
+    dropAreaState,
+    isFileDropped: Boolean(state.droppedFile)
+  });
+  return jsxs(DropWrapper, _objectSpread$7(_objectSpread$7({
+    role: "presentation"
+  }, getRootProps()), {}, {
+    dropAreaState: dropAreaState,
+    children: [jsx("input", _objectSpread$7({
+      "data-testid": "file-input"
+    }, getInputProps())), jsx(Constraints.Horizontal, {
+      children: dropArea
+    })]
+  }));
+};
+
+var messages$2 = defineMessages({
+  fileUploadInstruction: {
+    id: "DeleteResourcesModal.fileUploadInstruction",
+    defaultMessage: "The CSV file must contain the {resourceType} keys to be deleted under the header 'key'."
+  },
+  fileUploadInstructionForMaxFileSize: {
+    id: "DeleteResourcesModal.fileUploadInstructionForMaxFileSize",
+    defaultMessage: "Maximum file size is {maxFileSize} MB with a limit of {maxRowCount} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>."
+  },
+  unpublishNote: {
+    id: "DeleteResourcesModal.unpublishNote",
+    defaultMessage: "Please note that published products <b>must be unpublished</b> before they can be deleted."
+  }
+});
+
+function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Instructions = () => {
+  const intl = useIntl();
+  const _useDeleteResourcesCo = useDeleteResourcesContext(),
+    resourceType = _useDeleteResourcesCo.resourceType;
+  const documentTemplateLink = TEMPLATE_DOWNLOAD_LINKS[resourceType];
+  const documentationLink = DOCUMENTATION_LINKS[resourceType];
+  return jsxs(Spacings.Stack, {
+    scale: "m",
+    children: [jsxs(Text.Body, {
+      children: [intl.formatMessage(messages$2.fileUploadInstruction, {
+        resourceType: intl.formatMessage(resourceTypeToMessage(resourceType))
+      }), ' ', intl.formatMessage(messages$2.unpublishNote, {
+        b: msg => jsx("b", {
+          children: msg
+        })
+      })]
+    }), jsx(Text.Body, {
+      intlMessage: _objectSpread$6(_objectSpread$6({}, messages$2.fileUploadInstructionForMaxFileSize), {}, {
+        values: {
+          maxFileSize: intl.formatNumber(FILE_SIZE_LIMIT_MB),
+          maxRowCount: intl.formatNumber(ROW_COUNT_LIMIT),
+          csvTemplateLink: msg => jsx(Link, {
+            tone: "secondary",
+            isExternal: true,
+            to: documentTemplateLink,
+            children: msg
+          }),
+          documentationLink: msg => jsx(Link, {
+            tone: "secondary",
+            isExternal: true,
+            to: documentationLink,
+            children: msg
+          })
+        }
+      })
+    })]
+  });
+};
+
+const Upload = () => {
+  const _useDeleteResourcesCo = useDeleteResourcesContext(),
+    state = _useDeleteResourcesCo.state,
+    onClose = _useDeleteResourcesCo.onClose;
+  const intl = useIntl();
+  const _useUpload = useUpload(),
+    handleUploadAndValidation = _useUpload.handleUploadAndValidation;
+  return jsx(FormDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages.deleteModalTitle),
+    labelPrimary: intl.formatMessage(messages$4.uploadAndPreview),
+    onPrimaryButtonClick: handleUploadAndValidation,
+    isPrimaryButtonDisabled: !Boolean(state.droppedFile),
+    onSecondaryButtonClick: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    children: jsx(Masking.Unmask, {
+      children: jsxs(Spacings.Stack, {
+        scale: "m",
+        children: [jsx(Instructions, {}), jsx(FileDropArea, {})]
+      })
+    })
+  });
+};
+
+function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FileIcon = function FileIcon(props) {
+  return jsxs("svg", _objectSpread$5(_objectSpread$5({}, props), {}, {
+    children: [jsx("mask", {
+      id: "a",
+      style: {
+        maskType: "alpha"
+      },
+      maskUnits: "userSpaceOnUse",
+      x: "0",
+      y: "0",
+      width: "32",
+      height: "32",
+      children: jsx("path", {
+        fill: "#D9D9D9",
+        d: "M0 0h32v32H0z"
+      })
+    }), jsx("g", {
+      mask: "url(#a)",
+      children: 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 = useIntl();
+  const _useDeleteResourcesCo = useDeleteResourcesContext(),
+    state = _useDeleteResourcesCo.state,
+    actions = _useDeleteResourcesCo.actions,
+    onClose = _useDeleteResourcesCo.onClose;
+  if (state.droppedFile?.name) return jsx(InfoDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages.deleteModalTitle),
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    children: jsxs(Spacings.Stack, {
+      scale: "m",
+      children: [jsxs(Spacings.Inline, {
+        alignItems: "center",
+        justifyContent: "space-between",
+        children: [jsxs(Spacings.Inline, {
+          alignItems: "center",
+          children: [jsx(FileIcon, {}), jsx(Spacings.Inline, {
+            children: jsx(Constraints.Horizontal, {
+              max: 10,
+              children: jsx(Text.Body, {
+                truncate: true,
+                fontWeight: "bold",
+                children: state.droppedFile.name
+              })
+            })
+          }), jsxs(Text.Body, {
+            tone: "secondary",
+            children: ["(", intl.formatNumber(convertFileSizeToKB(state.droppedFile.size)), ' ', "KB)"]
+          })]
+        }), jsx(SecondaryButton, {
+          tone: "secondary",
+          size: "medium",
+          label: intl.formatMessage(sharedMessages.cancel),
+          onClick: () => {
+            actions.setCurrentStep('upload');
+            state.abortController.abort();
+          }
+        })]
+      }), jsx(ProgressBar, {
+        barWidth: "scale",
+        height: "10",
+        progress: state.progress
+      }), jsx("div", {})]
+    })
+  });
+  return null;
+};
+
+var messages$1 = defineMessages({
+  uploadNewFile: {
+    id: "DeleteResourcesModal.uploadNewFile",
+    defaultMessage: "Upload new file"
+  },
+  uploadErrorDescription: {
+    id: "DeleteResourcesModal.uploadError",
+    defaultMessage: "There {errorsCount, plural, one {is <b>1</b> error} other {are <b>{errorsCount}</b> errors}} detected while uploading the file \"{fileName}\"."
+  },
+  errorType: {
+    id: "DeleteResourcesModal.errorType",
+    defaultMessage: "Error type"
+  },
+  details: {
+    id: "DeleteResourcesModal.details",
+    defaultMessage: "Details"
+  }
+});
+
+function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$4(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$4(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const getColumns = () => [{
+  key: 'errorType',
+  label: jsx(FormattedMessage, _objectSpread$4({}, messages$1.errorType)),
+  width: 'max-content'
+}, {
+  key: 'details',
+  label: jsx(FormattedMessage, _objectSpread$4({}, messages$1.details))
+}];
+const UploadErrorTable = props => {
+  var _context;
+  const pagination = usePaginationState({
+    perPage: 10
+  });
+  const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
+  const endIndex = startIndex + pagination.perPage.value;
+  const currentPageRows = _sliceInstanceProperty(_context = props.rows).call(_context, startIndex, endIndex);
+  const shouldShowPagination = props.rows.length > pagination.perPage.value;
+  return jsxs(Spacings.Stack, {
+    scale: "l",
+    children: [jsx(DataTable, {
+      verticalCellAlignment: "center",
+      isCondensed: true,
+      rows: currentPageRows,
+      columns: getColumns(),
+      itemRenderer: itemRenderer
+    }), shouldShowPagination && jsx(PageNavigator, {
+      onPageChange: pagination.page.onChange,
+      page: pagination.page.value,
+      totalPages: Math.ceil(props.rows.length / pagination.perPage.value)
+    })]
+  });
+};
+function itemRenderer(item, column) {
+  switch (column.key) {
+    case 'errorType':
+      return jsx(Stamp, {
+        isCondensed: true,
+        label: item.title,
+        tone: "critical"
+      });
+    case 'details':
+      return jsx(Text.Body, {
+        children: item.description
+      });
+    default:
+      return null;
+  }
+}
+
+function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const UploadErrorsModal = () => {
+  const intl = useIntl();
+  const _useDeleteResourcesCo = useDeleteResourcesContext(),
+    state = _useDeleteResourcesCo.state,
+    actions = _useDeleteResourcesCo.actions,
+    onClose = _useDeleteResourcesCo.onClose;
+  const errorsCount = state.fileUploadErrors.length;
+  return jsx(InfoDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages.deleteModalTitle),
+    onClose: () => onClose(),
+    children: jsx(Masking.Unmask, {
+      children: jsxs(Spacings.Stack, {
+        scale: "l",
+        children: [jsx(Masking.Mask, {
+          children: jsx(Text.Body, {
+            intlMessage: _objectSpread$3(_objectSpread$3({}, messages$1.uploadErrorDescription), {}, {
+              values: {
+                fileName: state.droppedFile?.name,
+                errorsCount: intl.formatNumber(errorsCount),
+                b: getBold$2
+              }
+            })
+          })
+        }), jsx(UploadErrorTable, {
+          rows: mapFileUploadErrorsToUploadFileErrorRows(state.fileUploadErrors)
+        }), jsxs(Spacings.Inline, {
+          scale: "m",
+          justifyContent: "flex-end",
+          children: [jsx(SecondaryButton, {
+            label: intl.formatMessage(sharedMessages.cancel),
+            onClick: () => onClose()
+          }), jsx(PrimaryButton, {
+            iconLeft: jsx(ImportIcon, {}),
+            label: intl.formatMessage(messages$1.uploadNewFile),
+            onClick: () => actions.uploadNewFile()
+          })]
+        })]
+      })
+    })
+  });
+};
+function getBold$2(msg) {
+  return jsx(Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+var messages = defineMessages({
+  continue: {
+    id: "DeleteResourcesModal.continue",
+    defaultMessage: "Continue"
+  },
+  heresAPreview: {
+    id: "DeleteResourcesModal.heresAPreview",
+    defaultMessage: "Here's a preview:"
+  },
+  resourcesToBeDeleted: {
+    id: "DeleteResourcesModal.resourcesToBeDeleted",
+    defaultMessage: "{count, plural, one {<b>{count}</b> {resourceType} to be deleted} other {<b>{count}</b> {resourceTypePlural} to be deleted}}"
+  },
+  confirmationQuestion: {
+    id: "DeleteResourcesModal.confirmationQuestion",
+    defaultMessage: "Are you sure you want to delete the {resourceTypePlural}?"
+  },
+  confirmationText: {
+    id: "DeleteResourcesModal.confirmationText",
+    defaultMessage: "{count, plural, one {You are about to delete <b>{count}</b> {resourceType} in the project: <b>{projectName}</b>.} other {You are about to deleted <b>{count}</b> {resourceTypePlural} in the project: <b>{projectName}</b>.}}"
+  },
+  cannotBeUndoneNote: {
+    id: "DeleteResourcesModal.cannotBeUndoneNote",
+    defaultMessage: "This action cannot be undone."
+  },
+  importStarted: {
+    id: "DeleteResourcesModal.importStarted",
+    defaultMessage: "<b>Your import for bulk delete has started.</b><newline></newline>Go to <logsLink>Import logs</logsLink> to view the progress."
+  },
+  preparingImport: {
+    id: "DeleteResourcesModal.preparingImport",
+    defaultMessage: "<b>Prepare bulk delete.</b><newline></newline>Once preparation is complete, you can track the progress <logsLink>in the Import logs</logsLink>. The data will be deleted after the import is finalized."
+  }
+});
+
+function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const getNewLine = () => jsx("br", {});
+const getImportLogsLink = (msg, projectKey) => jsx(Link, {
+  to: `/${projectKey}/operations/import/logs`,
+  children: msg
+});
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1vs9i7r",
+  styles: "width:360px"
+} : {
+  name: "g36yzl-ImportRunningTextNotification",
+  styles: "width:360px;label:ImportRunningTextNotification;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRlbGV0ZS1yZXNvdXJjZXMtY29uZmlybWF0aW9uLW1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ1kiLCJmaWxlIjoiZGVsZXRlLXJlc291cmNlcy1jb25maXJtYXRpb24tbW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnXG5pbXBvcnQgeyB1c2VTaG93Tm90aWZpY2F0aW9uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYWN0aW9ucy1nbG9iYWwnXG5pbXBvcnQgeyBJbmZvRGlhbG9nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tY29tcG9uZW50cydcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnXG5pbXBvcnQgeyBET01BSU5TIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJ1xuaW1wb3J0IHsgTWFza2luZyBhcyBGdWxsU3RvcnlNYXNraW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvZnVsbHN0b3J5J1xuaW1wb3J0IHsgdXNlQXN5bmNEaXNwYXRjaCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3NkaydcbmltcG9ydCB7XG4gIExpbmssXG4gIFByaW1hcnlCdXR0b24sXG4gIFNlY29uZGFyeUJ1dHRvbixcbiAgU3BhY2luZ3MsXG4gIFRleHQsXG4gIFdhcm5pbmdJY29uLFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJ1xuaW1wb3J0IHsgcHJvY2Vzc1VwbG9hZGVkRmlsZSB9IGZyb20gJy4uLy4uL0BhcGknXG5pbXBvcnQge1xuICByZXNvdXJjZVR5cGVUb01lc3NhZ2UsXG4gIHJlc291cmNlVHlwZVRvUGx1cmFsTWVzc2FnZSxcbn0gZnJvbSAnLi4vLi4vQGhlbHBlcnMnXG5pbXBvcnQgeyB1c2VEZWxldGVSZXNvdXJjZXNDb250ZXh0IH0gZnJvbSAnLi4vLi4vQGhvb2tzJ1xuaW1wb3J0IHNoYXJlZE1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuXG5jb25zdCBnZXROZXdMaW5lID0gKCkgPT4gPGJyIC8+XG5jb25zdCBnZXRJbXBvcnRMb2dzTGluayA9IChtc2c6IHN0cmluZywgcHJvamVjdEtleT86IHN0cmluZykgPT4gKFxuICA8TGluayB0bz17YC8ke3Byb2plY3RLZXl9L29wZXJhdGlvbnMvaW1wb3J0L2xvZ3NgfT57bXNnfTwvTGluaz5cbilcblxuY29uc3QgSW1wb3J0UnVubmluZ1RleHROb3RpZmljYXRpb24gPSAocHJvcHM6IHsgcHJvamVjdEtleTogc3RyaW5nIH0pID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgd2lkdGg6IDM2MHB4O1xuICAgIGB9XG4gID5cbiAgICA8VGV4dC5Cb2R5XG4gICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAuLi5tZXNzYWdlcy5pbXBvcnRTdGFydGVkLFxuICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICBuZXdsaW5lOiBnZXROZXdMaW5lLFxuICAgICAgICAgIGxvZ3NMaW5rOiAobXNnOiBzdHJpbmcpID0+IGdldEltcG9ydExvZ3NMaW5rKG1zZywgcHJvcHMucHJvamVjdEtleSksXG4gICAgICAgICAgYjogZ2V0Qm9sZCxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgLz5cbiAgPC9kaXY+XG4pXG5cbmNvbnN0IEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gPSAocHJvcHM6IHsgcHJvamVjdEtleTogc3RyaW5nIH0pID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgd2lkdGg6IDM2MHB4O1xuICAgIGB9XG4gID5cbiAgICA8VGV4dC5Cb2R5XG4gICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAuLi5tZXNzYWdlcy5wcmVwYXJpbmdJbXBvcnQsXG4gICAgICAgIHZhbHVlczoge1xuICAgICAgICAgIG5ld2xpbmU6IGdldE5ld0xpbmUsXG4gICAgICAgICAgbG9nc0xpbms6IChtc2c6IHN0cmluZykgPT4gZ2V0SW1wb3J0TG9nc0xpbmsobXNnLCBwcm9wcy5wcm9qZWN0S2V5KSxcbiAgICAgICAgICBiOiBnZXRCb2xkLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICAvPlxuICA8L2Rpdj5cbilcblxuZXhwb3J0IGNvbnN0IERlbGV0ZVJlc291cmNlc0NvbmZpcm1hdGlvbk1vZGFsID0gKCkgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpXG4gIGNvbnN0IHsgcmVzb3VyY2VUeXBlLCBzdGF0ZSwgb25DbG9zZSB9ID0gdXNlRGVsZXRlUmVzb3VyY2VzQ29udGV4dCgpXG4gIGNvbnN0IHsgcHJvamVjdEtleSwgcHJvamVjdE5hbWUgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgICBwcm9qZWN0TmFtZTogY29udGV4dC5wcm9qZWN0Py5uYW1lLFxuICB9KSlcblxuICBjb25zdCBhc3luY0Rpc3BhdGNoID0gdXNlQXN5bmNEaXNwYXRjaCgpXG5cbiAgY29uc3Qgc2hvd05vdGlmaWNhdGlvbiA9IHVzZVNob3dOb3RpZmljYXRpb24oKVxuXG4gIGNvbnN0IG9uU3RhcnRJbXBvcnQgPSBhc3luYyAoKSA9PiB7XG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IGNhbkNvbmZpcm0gPVxuICAgICAgICBwcm9qZWN0S2V5ICYmIHN0YXRlLmNvbnRhaW5lcktleSAmJiBzdGF0ZS5kcm9wcGVkRmlsZT8ubmFtZVxuICAgICAgaWYgKCFjYW5Db25maXJtKSByZXR1cm5cbiAgICAgIG9uQ2xvc2UoKVxuICAgICAgc2hvd05vdGlmaWNhdGlvbihcbiAgICAgICAge1xuICAgICAgICAgIGtpbmQ6ICdpbmZvJyxcbiAgICAgICAgICBkb21haW46IERPTUFJTlMuU0lERSxcbiAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgdGV4dDogPEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgIH1cbiAgICAgIClcbiAgICAgIGF3YWl0IHByb2Nlc3NVcGxvYWRlZEZpbGUoe1xuICAgICAgICBwcm9qZWN0S2V5LFxuICAgICAgICBjb250YWluZXJLZXk6IHN0YXRlLmNvbnRhaW5lcktleSEsXG4gICAgICAgIGFzeW5jRGlzcGF0Y2gsXG4gICAgICAgIHJlc291cmNlVHlwZSxcbiAgICAgIH0pXG4gICAgICBzaG93Tm90aWZpY2F0aW9uKFxuICAgICAgICB7XG4gICAgICAgICAga2luZDogJ2luZm8nLFxuICAgICAgICAgIGRvbWFpbjogRE9NQUlOUy5TSURFLFxuICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICB0ZXh0OiA8SW1wb3J0UnVubmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgIH1cbiAgICAgIClcbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgb25DbG9zZSh7IHNob3VsZERlbGV0ZUltcG9ydENvbnRhaW5lcjogdHJ1ZSB9KVxuICAgICAgc2hvd05vdGlmaWNhdGlvbih7XG4gICAgICAgIGtpbmQ6ICdlcnJvcicsXG4gICAgICAgIGRvbWFpbjogRE9NQUlOUy5QQUdFLFxuICAgICAgICB0ZXh0OiBTdHJpbmcoZXJyb3IpLFxuICAgICAgfSlcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxJbmZvRGlhbG9nXG4gICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKHNoYXJlZE1lc3NhZ2VzLmRlbGV0ZU1vZGFsVGl0bGUpfVxuICAgICAgaXNPcGVuXG4gICAgICBvbkNsb3NlPXsoKSA9PiBvbkNsb3NlKHsgc2hvdWxkRGVsZXRlSW1wb3J0Q29udGFpbmVyOiB0cnVlIH0pfVxuICAgICAgc2l6ZT17MTZ9XG4gICAgPlxuICAgICAgPEZ1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cIm1cIj5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgICAgICAgLi4ubWVzc2FnZXMuY29uZmlybWF0aW9uVGV4dCxcbiAgICAgICAgICAgICAgICAgIHZhbHVlczoge1xuICAgICAgICAgICAgICAgICAgICBwcm9qZWN0TmFtZTogcHJvamVjdE5hbWUsXG4gICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZVBsdXJhbDogaW50bC5mb3JtYXRNZXNzYWdlKFxuICAgICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZVRvUGx1cmFsTWVzc2FnZShyZXNvdXJjZVR5cGUpXG4gICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZTogaW50bC5mb3JtYXRNZXNzYWdlKFxuICAgICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZVRvTWVzc2FnZShyZXNvdXJjZVR5cGUpXG4gICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgIGNvdW50OiBpbnRsLmZvcm1hdE51bWJlcihcbiAgICAgICAgICAgICAgICAgICAgICBzdGF0ZS51cGxvYWRGaWxlUmVzcG9uc2U/LnJvd3NDb3VudFxuICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICBiOiBnZXRCb2xkLFxuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8VGV4dC5Cb2R5XG4gICAgICAgICAgICAgICAgaW50bE1lc3NhZ2U9e3tcbiAgICAgICAgICAgICAgICAgIC4uLm1lc3NhZ2VzLmNvbmZpcm1hdGlvblF1ZXN0aW9uLFxuICAgICAgICAgICAgICAgICAgdmFsdWVzOiB7XG4gICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZVBsdXJhbDogaW50bC5mb3JtYXRNZXNzYWdlKFxuICAgICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZVRvUGx1cmFsTWVzc2FnZShyZXNvdXJjZVR5cGUpXG4gICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICA8V2FybmluZ0ljb24gc2l6ZT1cIjQwXCIgY29sb3I9XCJ3YXJuaW5nXCIgLz5cbiAgICAgICAgICAgICAgPFRleHQuQm9keSBpbnRsTWVzc2FnZT17bWVzc2FnZXMuY2Fubm90QmVVbmRvbmVOb3RlfSAvPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwibVwiIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgICAgIDxTZWNvbmRhcnlCdXR0b25cbiAgICAgICAgICAgICAgZGF0YS10ZXN0LWlkPVwiY29uZmlybWF0aW9uLWRpYWxvZy1jYW5jZWxcIlxuICAgICAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKHNoYXJlZE1lc3NhZ2VzLmNhbmNlbCl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2xvc2UoeyBzaG91bGREZWxldGVJbXBvcnRDb250YWluZXI6IHRydWUgfSl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFByaW1hcnlCdXR0b25cbiAgICAgICAgICAgICAgdG9uZT1cImNyaXRpY2FsXCJcbiAgICAgICAgICAgICAgZGF0YS10ZXN0LWlkPVwiY29uZmlybWF0aW9uLWRpYWxvZy1jb25maXJtXCJcbiAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShzaGFyZWRNZXNzYWdlcy5zdGFydEJ1bGtEZWxldGUpfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvblN0YXJ0SW1wb3J0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvRnVsbFN0b3J5TWFza2luZy5Vbm1hc2s+XG4gICAgPC9JbmZvRGlhbG9nPlxuICApXG59XG5cbmZ1bmN0aW9uIGdldEJvbGQobXNnOiBzdHJpbmcpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dC5Cb2R5IGFzPVwic3BhblwiIGlzQm9sZD5cbiAgICAgIHttc2d9XG4gICAgPC9UZXh0LkJvZHk+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const ImportRunningTextNotification = props => jsx("div", {
+  css: _ref2,
+  children: jsx(Text.Body, {
+    intlMessage: _objectSpread$2(_objectSpread$2({}, messages.importStarted), {}, {
+      values: {
+        newline: getNewLine,
+        logsLink: msg => getImportLogsLink(msg, props.projectKey),
+        b: getBold$1
+      }
+    })
+  })
+});
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1vs9i7r",
+  styles: "width:360px"
+} : {
+  name: "mjwslu-ImportPreparingTextNotification",
+  styles: "width:360px;label:ImportPreparingTextNotification;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRlbGV0ZS1yZXNvdXJjZXMtY29uZmlybWF0aW9uLW1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFkiLCJmaWxlIjoiZGVsZXRlLXJlc291cmNlcy1jb25maXJtYXRpb24tbW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnXG5pbXBvcnQgeyB1c2VTaG93Tm90aWZpY2F0aW9uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYWN0aW9ucy1nbG9iYWwnXG5pbXBvcnQgeyBJbmZvRGlhbG9nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tY29tcG9uZW50cydcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnXG5pbXBvcnQgeyBET01BSU5TIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJ1xuaW1wb3J0IHsgTWFza2luZyBhcyBGdWxsU3RvcnlNYXNraW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvZnVsbHN0b3J5J1xuaW1wb3J0IHsgdXNlQXN5bmNEaXNwYXRjaCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3NkaydcbmltcG9ydCB7XG4gIExpbmssXG4gIFByaW1hcnlCdXR0b24sXG4gIFNlY29uZGFyeUJ1dHRvbixcbiAgU3BhY2luZ3MsXG4gIFRleHQsXG4gIFdhcm5pbmdJY29uLFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJ1xuaW1wb3J0IHsgcHJvY2Vzc1VwbG9hZGVkRmlsZSB9IGZyb20gJy4uLy4uL0BhcGknXG5pbXBvcnQge1xuICByZXNvdXJjZVR5cGVUb01lc3NhZ2UsXG4gIHJlc291cmNlVHlwZVRvUGx1cmFsTWVzc2FnZSxcbn0gZnJvbSAnLi4vLi4vQGhlbHBlcnMnXG5pbXBvcnQgeyB1c2VEZWxldGVSZXNvdXJjZXNDb250ZXh0IH0gZnJvbSAnLi4vLi4vQGhvb2tzJ1xuaW1wb3J0IHNoYXJlZE1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuXG5jb25zdCBnZXROZXdMaW5lID0gKCkgPT4gPGJyIC8+XG5jb25zdCBnZXRJbXBvcnRMb2dzTGluayA9IChtc2c6IHN0cmluZywgcHJvamVjdEtleT86IHN0cmluZykgPT4gKFxuICA8TGluayB0bz17YC8ke3Byb2plY3RLZXl9L29wZXJhdGlvbnMvaW1wb3J0L2xvZ3NgfT57bXNnfTwvTGluaz5cbilcblxuY29uc3QgSW1wb3J0UnVubmluZ1RleHROb3RpZmljYXRpb24gPSAocHJvcHM6IHsgcHJvamVjdEtleTogc3RyaW5nIH0pID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgd2lkdGg6IDM2MHB4O1xuICAgIGB9XG4gID5cbiAgICA8VGV4dC5Cb2R5XG4gICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAuLi5tZXNzYWdlcy5pbXBvcnRTdGFydGVkLFxuICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICBuZXdsaW5lOiBnZXROZXdMaW5lLFxuICAgICAgICAgIGxvZ3NMaW5rOiAobXNnOiBzdHJpbmcpID0+IGdldEltcG9ydExvZ3NMaW5rKG1zZywgcHJvcHMucHJvamVjdEtleSksXG4gICAgICAgICAgYjogZ2V0Qm9sZCxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgLz5cbiAgPC9kaXY+XG4pXG5cbmNvbnN0IEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gPSAocHJvcHM6IHsgcHJvamVjdEtleTogc3RyaW5nIH0pID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgd2lkdGg6IDM2MHB4O1xuICAgIGB9XG4gID5cbiAgICA8VGV4dC5Cb2R5XG4gICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAuLi5tZXNzYWdlcy5wcmVwYXJpbmdJbXBvcnQsXG4gICAgICAgIHZhbHVlczoge1xuICAgICAgICAgIG5ld2xpbmU6IGdldE5ld0xpbmUsXG4gICAgICAgICAgbG9nc0xpbms6IChtc2c6IHN0cmluZykgPT4gZ2V0SW1wb3J0TG9nc0xpbmsobXNnLCBwcm9wcy5wcm9qZWN0S2V5KSxcbiAgICAgICAgICBiOiBnZXRCb2xkLFxuICAgICAgICB9LFxuICAgICAgfX1cbiAgICAvPlxuICA8L2Rpdj5cbilcblxuZXhwb3J0IGNvbnN0IERlbGV0ZVJlc291cmNlc0NvbmZpcm1hdGlvbk1vZGFsID0gKCkgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpXG4gIGNvbnN0IHsgcmVzb3VyY2VUeXBlLCBzdGF0ZSwgb25DbG9zZSB9ID0gdXNlRGVsZXRlUmVzb3VyY2VzQ29udGV4dCgpXG4gIGNvbnN0IHsgcHJvamVjdEtleSwgcHJvamVjdE5hbWUgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgICBwcm9qZWN0TmFtZTogY29udGV4dC5wcm9qZWN0Py5uYW1lLFxuICB9KSlcblxuICBjb25zdCBhc3luY0Rpc3BhdGNoID0gdXNlQXN5bmNEaXNwYXRjaCgpXG5cbiAgY29uc3Qgc2hvd05vdGlmaWNhdGlvbiA9IHVzZVNob3dOb3RpZmljYXRpb24oKVxuXG4gIGNvbnN0IG9uU3RhcnRJbXBvcnQgPSBhc3luYyAoKSA9PiB7XG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IGNhbkNvbmZpcm0gPVxuICAgICAgICBwcm9qZWN0S2V5ICYmIHN0YXRlLmNvbnRhaW5lcktleSAmJiBzdGF0ZS5kcm9wcGVkRmlsZT8ubmFtZVxuICAgICAgaWYgKCFjYW5Db25maXJtKSByZXR1cm5cbiAgICAgIG9uQ2xvc2UoKVxuICAgICAgc2hvd05vdGlmaWNhdGlvbihcbiAgICAgICAge1xuICAgICAgICAgIGtpbmQ6ICdpbmZvJyxcbiAgICAgICAgICBkb21haW46IERPTUFJTlMuU0lERSxcbiAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgdGV4dDogPEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgIH1cbiAgICAgIClcbiAgICAgIGF3YWl0IHByb2Nlc3NVcGxvYWRlZEZpbGUoe1xuICAgICAgICBwcm9qZWN0S2V5LFxuICAgICAgICBjb250YWluZXJLZXk6IHN0YXRlLmNvbnRhaW5lcktleSEsXG4gICAgICAgIGFzeW5jRGlzcGF0Y2gsXG4gICAgICAgIHJlc291cmNlVHlwZSxcbiAgICAgIH0pXG4gICAgICBzaG93Tm90aWZpY2F0aW9uKFxuICAgICAgICB7XG4gICAgICAgICAga2luZDogJ2luZm8nLFxuICAgICAgICAgIGRvbWFpbjogRE9NQUlOUy5TSURFLFxuICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICB0ZXh0OiA8SW1wb3J0UnVubmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgIH1cbiAgICAgIClcbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgb25DbG9zZSh7IHNob3VsZERlbGV0ZUltcG9ydENvbnRhaW5lcjogdHJ1ZSB9KVxuICAgICAgc2hvd05vdGlmaWNhdGlvbih7XG4gICAgICAgIGtpbmQ6ICdlcnJvcicsXG4gICAgICAgIGRvbWFpbjogRE9NQUlOUy5QQUdFLFxuICAgICAgICB0ZXh0OiBTdHJpbmcoZXJyb3IpLFxuICAgICAgfSlcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxJbmZvRGlhbG9nXG4gICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKHNoYXJlZE1lc3NhZ2VzLmRlbGV0ZU1vZGFsVGl0bGUpfVxuICAgICAgaXNPcGVuXG4gICAgICBvbkNsb3NlPXsoKSA9PiBvbkNsb3NlKHsgc2hvdWxkRGVsZXRlSW1wb3J0Q29udGFpbmVyOiB0cnVlIH0pfVxuICAgICAgc2l6ZT17MTZ9XG4gICAgPlxuICAgICAgPEZ1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cIm1cIj5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgICAgICAgLi4ubWVzc2FnZXMuY29uZmlybWF0aW9uVGV4dCxcbiAgICAgICAgICAgICAgICAgIHZhbHVlczoge1xuICAgICAgICAgICAgICAgICAgICBwcm9qZWN0TmFtZTogcHJvamVjdE5hbWUsXG4gICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZVBsdXJhbDogaW50bC5mb3JtYXRNZXNzYWdlKFxuICAgICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZVRvUGx1cmFsTWVzc2FnZShyZXNvdXJjZVR5cGUpXG4gICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZTogaW50bC5mb3JtYXRNZXNzYWdlKFxuICAgICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZVRvTWVzc2FnZShyZXNvdXJjZVR5cGUpXG4gICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgIGNvdW50OiBpbnRsLmZvcm1hdE51bWJlcihcbiAgICAgICAgICAgICAgICAgICAgICBzdGF0ZS51cGxvYWRGaWxlUmVzcG9uc2U/LnJvd3NDb3VudFxuICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICBiOiBnZXRCb2xkLFxuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8VGV4dC5Cb2R5XG4gICAgICAgICAgICAgICAgaW50bE1lc3NhZ2U9e3tcbiAgICAgICAgICAgICAgICAgIC4uLm1lc3NhZ2VzLmNvbmZpcm1hdGlvblF1ZXN0aW9uLFxuICAgICAgICAgICAgICAgICAgdmFsdWVzOiB7XG4gICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZVBsdXJhbDogaW50bC5mb3JtYXRNZXNzYWdlKFxuICAgICAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZVRvUGx1cmFsTWVzc2FnZShyZXNvdXJjZVR5cGUpXG4gICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICA8V2FybmluZ0ljb24gc2l6ZT1cIjQwXCIgY29sb3I9XCJ3YXJuaW5nXCIgLz5cbiAgICAgICAgICAgICAgPFRleHQuQm9keSBpbnRsTWVzc2FnZT17bWVzc2FnZXMuY2Fubm90QmVVbmRvbmVOb3RlfSAvPlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwibVwiIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgICAgIDxTZWNvbmRhcnlCdXR0b25cbiAgICAgICAgICAgICAgZGF0YS10ZXN0LWlkPVwiY29uZmlybWF0aW9uLWRpYWxvZy1jYW5jZWxcIlxuICAgICAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKHNoYXJlZE1lc3NhZ2VzLmNhbmNlbCl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2xvc2UoeyBzaG91bGREZWxldGVJbXBvcnRDb250YWluZXI6IHRydWUgfSl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFByaW1hcnlCdXR0b25cbiAgICAgICAgICAgICAgdG9uZT1cImNyaXRpY2FsXCJcbiAgICAgICAgICAgICAgZGF0YS10ZXN0LWlkPVwiY29uZmlybWF0aW9uLWRpYWxvZy1jb25maXJtXCJcbiAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShzaGFyZWRNZXNzYWdlcy5zdGFydEJ1bGtEZWxldGUpfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvblN0YXJ0SW1wb3J0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvRnVsbFN0b3J5TWFza2luZy5Vbm1hc2s+XG4gICAgPC9JbmZvRGlhbG9nPlxuICApXG59XG5cbmZ1bmN0aW9uIGdldEJvbGQobXNnOiBzdHJpbmcpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dC5Cb2R5IGFzPVwic3BhblwiIGlzQm9sZD5cbiAgICAgIHttc2d9XG4gICAgPC9UZXh0LkJvZHk+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const ImportPreparingTextNotification = props => jsx("div", {
+  css: _ref,
+  children: jsx(Text.Body, {
+    intlMessage: _objectSpread$2(_objectSpread$2({}, messages.preparingImport), {}, {
+      values: {
+        newline: getNewLine,
+        logsLink: msg => getImportLogsLink(msg, props.projectKey),
+        b: getBold$1
+      }
+    })
+  })
+});
+const DeleteResourcesConfirmationModal = () => {
+  const intl = useIntl();
+  const _useDeleteResourcesCo = useDeleteResourcesContext(),
+    resourceType = _useDeleteResourcesCo.resourceType,
+    state = _useDeleteResourcesCo.state,
+    onClose = _useDeleteResourcesCo.onClose;
+  const _useApplicationContex = useApplicationContext(context => ({
+      projectKey: context.project?.key,
+      projectName: context.project?.name
+    })),
+    projectKey = _useApplicationContex.projectKey,
+    projectName = _useApplicationContex.projectName;
+  const asyncDispatch = useAsyncDispatch();
+  const showNotification = useShowNotification();
+  const onStartImport = async () => {
+    try {
+      const canConfirm = projectKey && state.containerKey && state.droppedFile?.name;
+      if (!canConfirm) return;
+      onClose();
+      showNotification({
+        kind: 'info',
+        domain: DOMAINS.SIDE,
+        // @ts-ignore
+        text: jsx(ImportPreparingTextNotification, {
+          projectKey: projectKey
+        })
+      }, {
+        dismissAfter: 5000
+      });
+      await processUploadedFile({
+        projectKey,
+        containerKey: state.containerKey,
+        asyncDispatch,
+        resourceType
+      });
+      showNotification({
+        kind: 'info',
+        domain: DOMAINS.SIDE,
+        // @ts-ignore
+        text: jsx(ImportRunningTextNotification, {
+          projectKey: projectKey
+        })
+      }, {
+        dismissAfter: 5000
+      });
+    } catch (error) {
+      onClose({
+        shouldDeleteImportContainer: true
+      });
+      showNotification({
+        kind: 'error',
+        domain: DOMAINS.PAGE,
+        text: String(error)
+      });
+    }
+  };
+  return jsx(InfoDialog, {
+    title: intl.formatMessage(sharedMessages.deleteModalTitle),
+    isOpen: true,
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    size: 16,
+    children: jsx(Masking.Unmask, {
+      children: jsxs(Spacings.Stack, {
+        scale: "xl",
+        children: [jsxs(Spacings.Stack, {
+          scale: "m",
+          children: [jsxs("div", {
+            children: [jsx(Text.Body, {
+              intlMessage: _objectSpread$2(_objectSpread$2({}, messages.confirmationText), {}, {
+                values: {
+                  projectName: projectName,
+                  resourceTypePlural: intl.formatMessage(resourceTypeToPluralMessage(resourceType)),
+                  resourceType: intl.formatMessage(resourceTypeToMessage(resourceType)),
+                  count: intl.formatNumber(state.uploadFileResponse?.rowsCount),
+                  b: getBold$1
+                }
+              })
+            }), jsx(Text.Body, {
+              intlMessage: _objectSpread$2(_objectSpread$2({}, messages.confirmationQuestion), {}, {
+                values: {
+                  resourceTypePlural: intl.formatMessage(resourceTypeToPluralMessage(resourceType))
+                }
+              })
+            })]
+          }), jsxs(Spacings.Inline, {
+            scale: "s",
+            alignItems: "center",
+            children: [jsx(WarningIcon, {
+              size: "40",
+              color: "warning"
+            }), jsx(Text.Body, {
+              intlMessage: messages.cannotBeUndoneNote
+            })]
+          })]
+        }), jsxs(Spacings.Inline, {
+          scale: "m",
+          justifyContent: "flex-end",
+          children: [jsx(SecondaryButton, {
+            "data-test-id": "confirmation-dialog-cancel",
+            label: intl.formatMessage(sharedMessages.cancel),
+            onClick: () => onClose({
+              shouldDeleteImportContainer: true
+            })
+          }), jsx(PrimaryButton, {
+            tone: "critical",
+            "data-test-id": "confirmation-dialog-confirm",
+            label: intl.formatMessage(sharedMessages.startBulkDelete),
+            onClick: onStartImport
+          })]
+        })]
+      })
+    })
+  });
+};
+function getBold$1(msg) {
+  return jsx(Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function UploadPreviewModal() {
+  const _useDeleteResourcesCo = useDeleteResourcesContext(),
+    resourceType = _useDeleteResourcesCo.resourceType,
+    state = _useDeleteResourcesCo.state,
+    onClose = _useDeleteResourcesCo.onClose,
+    actions = _useDeleteResourcesCo.actions;
+  const intl = useIntl();
+  return jsx(FormDialog, {
+    size: 16,
+    isOpen: true,
+    title: intl.formatMessage(sharedMessages.deleteModalTitle),
+    labelPrimary: intl.formatMessage(messages.continue),
+    onSecondaryButtonClick: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    onPrimaryButtonClick: () => {
+      actions.setCurrentStep('delete-confirmation');
+    },
+    onClose: () => onClose({
+      shouldDeleteImportContainer: true
+    }),
+    children: jsxs(Spacings.Stack, {
+      scale: "m",
+      children: [jsx(Text.Body, {
+        intlMessage: messages.heresAPreview
+      }), jsx(Card, {
+        insetScale: "xl",
+        children: jsxs(Spacings.Inline, {
+          scale: "m",
+          alignItems: "center",
+          children: [jsx(BinLinearIcon, {
+            size: "40",
+            color: "neutral60"
+          }), jsx(Text.Body, {
+            intlMessage: _objectSpread$1(_objectSpread$1({}, messages.resourcesToBeDeleted), {}, {
+              values: {
+                resourceType: intl.formatMessage(resourceTypeToMessage(resourceType)),
+                resourceTypePlural: intl.formatMessage(resourceTypeToPluralMessage(resourceType)),
+                count: intl.formatNumber(state.uploadFileResponse?.rowsCount),
+                b: getBold
+              }
+            })
+          })]
+        })
+      })]
+    })
+  });
+}
+function getBold(msg) {
+  return jsx(Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+const steps = {
+  upload: jsx(Upload, {}),
+  uploading: jsx(Uploading, {}),
+  'upload-preview': jsx(UploadPreviewModal, {}),
+  'upload-error': jsx(UploadErrorsModal, {}),
+  'delete-confirmation': jsx(DeleteResourcesConfirmationModal, {})
+};
+const CurrentStep = () => {
+  const _useDeleteResourcesCo = useDeleteResourcesContext(),
+    state = _useDeleteResourcesCo.state;
+  return steps[state.currentStep] || null;
+};
+
+const getChunkImport = locale => {
+  const intlLocale = mapLocaleToIntlLocale(locale);
+  switch (intlLocale) {
+    case 'de':
+      return import(/* webpackChunkName: "delete-resources-modal-i18n-de" */'./de-cd6c45d3.esm.js');
+    case 'es':
+      return import(/* webpackChunkName: "delete-resources-modal-i18n-es" */'./es-e544023d.esm.js');
+    case 'fr-FR':
+      return import(/* webpackChunkName: "delete-resources-modal-i18n-fr-FR" */'./fr-FR-9d9081ee.esm.js');
+    case 'zh-CN':
+      return import(/* webpackChunkName: "delete-resources-modal-i18n-zh-CN" */'./zh-CN-4780d88e.esm.js');
+    case 'ja':
+      return import(/* webpackChunkName: "delete-resources-modal-i18n-ja" */'./ja-73c088a7.esm.js');
+    case 'pt-BR':
+      return import(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-b37d730b.esm.js');
+    default:
+      return import(/* webpackChunkName: "delete-resources-modal-i18n-en" */'./en-3a9aa2d4.esm.js');
+  }
+};
+const loadMessages = async locale => {
+  try {
+    const chunkImport = await getChunkImport(locale);
+    return parseChunkImport(chunkImport);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn(`Something went wrong while loading the delete-resources-modal messages for ${locale}`, error);
+    reportErrorToSentry(new Error(`Something went wrong while loading the delete-resources-modal messages for ${locale}`), {
+      extra: error
+    });
+    return {};
+  }
+};
+
+const useAsyncIntlMessages = (locale, loader) => {
+  const _useState = useState({
+      isLoading: true,
+      messages: undefined,
+      error: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  useEffect(() => {
+    let _isUnmounting = false;
+    async function load() {
+      try {
+        if (!_isUnmounting) {
+          const messages = await loader(locale);
+          setState({
+            isLoading: false,
+            messages
+          });
+        }
+      } catch (error) {
+        setState({
+          isLoading: false,
+          error
+        });
+      }
+    }
+    if (locale) load();
+    return () => {
+      _isUnmounting = true;
+    };
+  }, [locale, loader]);
+  return state;
+};
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const DeleteResourcesModal = props => {
+  const _useApplicationContex = useApplicationContext(context => ({
+      locale: context.user && context.user.locale
+    })),
+    locale = _useApplicationContex.locale;
+  const messages = useAsyncIntlMessages(locale, loadMessages);
+  if (!props.isOpen || messages.isLoading) return null;
+  return jsx(IntlProvider, {
+    locale: locale,
+    messages: messages.messages,
+    children: jsx(DeleteResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: jsx(CurrentStep, {})
+    }))
+  });
+};
+DeleteResourcesModal.displayName = 'DeleteResourcesModal';
+
+export { DeleteResourcesModal as D, EnabledDropArea as E, FileDropped as F, messages$4 as m, useDeleteResourcesContext as u };