@commercetools-frontend-extensions/unpublish-products-modal 1.2.2 → 1.2.3

package/dist/{active-drag-drop-area-5709c481.esm.js → active-drag-drop-area-83aa8e4f.esm.js}

@@ -1,4 +1,4 @@
-import { F as FileDropped, E as EnabledDropArea } from './index-a2de9e0c.esm.js';
+import { F as FileDropped, E as EnabledDropArea } from './index-2c12be32.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';

package/dist/{active-drag-drop-area-2b23a825.cjs.prod.js → active-drag-drop-area-d185a08a.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-85708701.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-405961f5.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');

package/dist/{active-drag-drop-area-dfc9a24c.cjs.dev.js → active-drag-drop-area-e06cf383.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-46884b7c.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-057e13aa.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-46884b7c.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-057e13aa.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-85708701.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-405961f5.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');

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

@@ -1,4 +1,4 @@
-export { U as default } from './index-a2de9e0c.esm.js';
+export { U as default } from './index-2c12be32.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';

package/dist/enabled-drop-area-94dddc1b.cjs.prod.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var uiKit = require('@commercetools-frontend/ui-kit');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('react');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/sdk');
+var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-405961f5.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@commercetools-frontend/constants');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/core-js-stable/promise');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('papaparse');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('react-intl');
+require('@commercetools-frontend/application-components');
+require('@commercetools-frontend/fullstory');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('react-dropzone');
+require('@commercetools-frontend/actions-global');
+require('@emotion/styled/base');
+require('@emotion/react');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+require('@commercetools-frontend/sentry');
+require('@commercetools-frontend/application-shell');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@commercetools-frontend/i18n');
+
+function EnabledDropArea() {
+  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+    alignItems: "center",
+    justifyContent: "center",
+    scale: "s",
+    children: [jsxRuntime.jsx(dist_commercetoolsFrontendExtensionsUnpublishProductsModal.FileIcon, {}), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+      alignItems: "center",
+      scale: "s",
+      children: [jsxRuntime.jsx(uiKit.Text.Subheadline, {
+        as: "h4",
+        intlMessage: dist_commercetoolsFrontendExtensionsUnpublishProductsModal.messages.dragAndDropCSV
+      }), jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: dist_commercetoolsFrontendExtensionsUnpublishProductsModal.messages.or
+      }), jsxRuntime.jsx(uiKit.Link, {
+        intlMessage: dist_commercetoolsFrontendExtensionsUnpublishProductsModal.messages.browseButton,
+        tone: "secondary",
+        to: "",
+        onClick: ev => ev.preventDefault()
+      })]
+    })]
+  });
+}
+
+exports["default"] = EnabledDropArea;

package/dist/enabled-drop-area-c6c2639e.esm.js

@@ -0,0 +1,68 @@
+import { Spacings, Text, Link } from '@commercetools-frontend/ui-kit';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import 'react';
+import '@commercetools-frontend/application-shell-connectors';
+import '@commercetools-frontend/sdk';
+import { a as FileIcon, m as messages } from './index-2c12be32.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@commercetools-frontend/constants';
+import '@babel/runtime-corejs3/core-js-stable/instance/every';
+import '@babel/runtime-corejs3/helpers/defineProperty';
+import '@babel/runtime-corejs3/core-js-stable/promise';
+import '@babel/runtime-corejs3/core-js-stable/array/is-array';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
+import '@babel/runtime-corejs3/core-js-stable/object/keys';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import 'papaparse';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import 'react-intl';
+import '@commercetools-frontend/application-components';
+import '@commercetools-frontend/fullstory';
+import '@babel/runtime-corejs3/core-js-stable/instance/some';
+import 'react-dropzone';
+import '@commercetools-frontend/actions-global';
+import '@emotion/styled/base';
+import '@emotion/react';
+import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+import '@babel/runtime-corejs3/helpers/createClass';
+import '@babel/runtime-corejs3/helpers/classCallCheck';
+import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
+import '@babel/runtime-corejs3/helpers/getPrototypeOf';
+import '@babel/runtime-corejs3/helpers/inherits';
+import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
+import '@commercetools-frontend/sentry';
+import '@commercetools-frontend/application-shell';
+import '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import '@commercetools-frontend/i18n';
+
+function EnabledDropArea() {
+  return jsxs(Spacings.Inline, {
+    alignItems: "center",
+    justifyContent: "center",
+    scale: "s",
+    children: [jsx(FileIcon, {}), jsxs(Spacings.Inline, {
+      alignItems: "center",
+      scale: "s",
+      children: [jsx(Text.Subheadline, {
+        as: "h4",
+        intlMessage: messages.dragAndDropCSV
+      }), jsx(Text.Body, {
+        intlMessage: messages.or
+      }), jsx(Link, {
+        intlMessage: messages.browseButton,
+        tone: "secondary",
+        to: "",
+        onClick: ev => ev.preventDefault()
+      })]
+    })]
+  });
+}
+
+export { EnabledDropArea as default };

package/dist/enabled-drop-area-e67ca3fe.cjs.dev.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var uiKit = require('@commercetools-frontend/ui-kit');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('react');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/sdk');
+var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-057e13aa.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@commercetools-frontend/constants');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/core-js-stable/promise');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('papaparse');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('react-intl');
+require('@commercetools-frontend/application-components');
+require('@commercetools-frontend/fullstory');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('react-dropzone');
+require('@commercetools-frontend/actions-global');
+require('@emotion/styled/base');
+require('@emotion/react');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+require('@commercetools-frontend/sentry');
+require('@commercetools-frontend/application-shell');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@commercetools-frontend/i18n');
+
+function EnabledDropArea() {
+  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+    alignItems: "center",
+    justifyContent: "center",
+    scale: "s",
+    children: [jsxRuntime.jsx(dist_commercetoolsFrontendExtensionsUnpublishProductsModal.FileIcon, {}), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+      alignItems: "center",
+      scale: "s",
+      children: [jsxRuntime.jsx(uiKit.Text.Subheadline, {
+        as: "h4",
+        intlMessage: dist_commercetoolsFrontendExtensionsUnpublishProductsModal.messages.dragAndDropCSV
+      }), jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: dist_commercetoolsFrontendExtensionsUnpublishProductsModal.messages.or
+      }), jsxRuntime.jsx(uiKit.Link, {
+        intlMessage: dist_commercetoolsFrontendExtensionsUnpublishProductsModal.messages.browseButton,
+        tone: "secondary",
+        to: "",
+        onClick: ev => ev.preventDefault()
+      })]
+    })]
+  });
+}
+
+exports["default"] = EnabledDropArea;

package/dist/{file-dropped-area-ca26707f.cjs.prod.js → file-dropped-area-0d6e8aa7.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-85708701.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-405961f5.cjs.prod.js');
 require('react');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-shell-connectors');

package/dist/{file-dropped-area-0f0a223c.esm.js → file-dropped-area-47ffbe43.esm.js}

@@ -1,6 +1,6 @@
 import { useIntl } from 'react-intl';
 import { Spacings, PaperclipIcon, Constraints, Text, SecondaryButton } from '@commercetools-frontend/ui-kit';
-import { u as useUnpublishProductsContext, m as messages } from './index-a2de9e0c.esm.js';
+import { u as useUnpublishProductsContext, m as messages } from './index-2c12be32.esm.js';
 import 'react';
 import '@commercetools-frontend/actions-global';
 import '@commercetools-frontend/application-shell-connectors';

package/dist/{file-dropped-area-f44849bb.cjs.dev.js → file-dropped-area-80912577.cjs.dev.js}

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-46884b7c.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsUnpublishProductsModal = require('./index-057e13aa.cjs.dev.js');
 require('react');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-shell-connectors');

package/dist/{index-46884b7c.cjs.dev.js → index-057e13aa.cjs.dev.js}

@@ -417,11 +417,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-dfc9a24c.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-e06cf383.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-755a9ef6.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-e67ca3fe.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-f44849bb.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-80912577.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -982,39 +982,6 @@ const Upload = () => {
   });
 };
 
-function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var FileIcon = function FileIcon(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread$5(_objectSpread$5({}, props), {}, {
-    children: [jsxRuntime.jsx("mask", {
-      id: "a",
-      style: {
-        maskType: "alpha"
-      },
-      maskUnits: "userSpaceOnUse",
-      x: "0",
-      y: "0",
-      width: "32",
-      height: "32",
-      children: jsxRuntime.jsx("path", {
-        fill: "#D9D9D9",
-        d: "M0 0h32v32H0z"
-      })
-    }), jsxRuntime.jsx("g", {
-      mask: "url(#a)",
-      children: jsxRuntime.jsx("path", {
-        d: "M14.667 25.333h2.666v-5.566l2.134 2.133 1.866-1.9L16 14.667 10.667 20l1.9 1.867 2.1-2.1v5.566Zm-6.667 4a2.568 2.568 0 0 1-1.883-.783 2.568 2.568 0 0 1-.784-1.883V5.333c0-.733.261-1.36.784-1.883A2.568 2.568 0 0 1 8 2.667h10.667l8 8v16c0 .733-.261 1.36-.784 1.883a2.568 2.568 0 0 1-1.883.783H8ZM17.333 12H24l-6.667-6.667V12Z",
-        fill: "#B1ACFF"
-      })
-    })]
-  }));
-};
-FileIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
 const Uploading = () => {
   const intl = reactIntl.useIntl();
   const _useUnpublishProducts = useUnpublishProductsContext(),
@@ -1089,15 +1056,15 @@ var messages$1 = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getColumns = () => [{
   key: 'errorType',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$1.errorType)),
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages$1.errorType)),
   width: 'max-content'
 }, {
   key: 'details',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$1.details))
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages$1.details))
 }];
 const UploadErrorTable = props => {
   var _context;
@@ -1140,8 +1107,8 @@ function itemRenderer(item, column) {
   }
 }
 
-function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const UploadErrorsModal = () => {
   const intl = reactIntl.useIntl();
   const _useUnpublishProducts = useUnpublishProductsContext(),
@@ -1159,7 +1126,7 @@ const UploadErrorsModal = () => {
         scale: "l",
         children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
           children: jsxRuntime.jsx(uiKit.Text.Body, {
-            intlMessage: _objectSpread$3(_objectSpread$3({}, messages$1.uploadErrorDescription), {}, {
+            intlMessage: _objectSpread$4(_objectSpread$4({}, messages$1.uploadErrorDescription), {}, {
               values: {
                 fileName: state.droppedFile?.name,
                 errorsCount: intl.formatNumber(errorsCount),
@@ -1231,8 +1198,8 @@ var messages = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const getNewLine = () => jsxRuntime.jsx("br", {}, "break");
 const getImportLogsLink = (msg, projectKey) => jsxRuntime.jsx(uiKit.Link, {
@@ -1250,7 +1217,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 const ImportRunningTextNotification = props => jsxRuntime.jsx("div", {
   css: _ref2,
   children: jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: _objectSpread$2(_objectSpread$2({}, messages.importStarted), {}, {
+    intlMessage: _objectSpread$3(_objectSpread$3({}, messages.importStarted), {}, {
       values: {
         newline: getNewLine,
         logsLink: msg => getImportLogsLink(msg, props.projectKey),
@@ -1270,7 +1237,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 const ImportPreparingTextNotification = props => jsxRuntime.jsx("div", {
   css: _ref,
   children: jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: _objectSpread$2(_objectSpread$2({}, messages.preparingImport), {}, {
+    intlMessage: _objectSpread$3(_objectSpread$3({}, messages.preparingImport), {}, {
       values: {
         newline: getNewLine,
         logsLink: msg => getImportLogsLink(msg, props.projectKey),
@@ -1354,7 +1321,7 @@ const UnpublishProductsConfirmationModal = () => {
       children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
         scale: "xl",
         children: [jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: _objectSpread$2(_objectSpread$2({}, messages.confirmationText), {}, {
+          intlMessage: _objectSpread$3(_objectSpread$3({}, messages.confirmationText), {}, {
             values: {
               projectName: projectName,
               // TODO: Replace with actual count
@@ -1377,8 +1344,8 @@ function getBold$1(msg) {
   }, crypto.randomUUID());
 }
 
-function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function UploadPreviewModal() {
   const _useUnpublishProducts = useUnpublishProductsContext(),
     state = _useUnpublishProducts.state,
@@ -1412,7 +1379,7 @@ function UploadPreviewModal() {
             size: "40",
             color: "neutral60"
           }), jsxRuntime.jsx(uiKit.Text.Body, {
-            intlMessage: _objectSpread$1(_objectSpread$1({}, messages.productsToBeUnpublished), {}, {
+            intlMessage: _objectSpread$2(_objectSpread$2({}, messages.productsToBeUnpublished), {}, {
               values: {
                 count: intl.formatNumber(state.uploadFileResponse?.rowsCount),
                 b: getBold
@@ -1445,6 +1412,39 @@ const CurrentStep = () => {
   return steps[state.currentStep] || null;
 };
 
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const FileIcon = props => jsxRuntime.jsxs("svg", _objectSpread$1(_objectSpread$1({
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), {}, {
+  children: [jsxRuntime.jsx("mask", {
+    id: "mask0_17_6643",
+    style: {
+      maskType: 'alpha'
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "0",
+    y: "0",
+    width: "32",
+    height: "32",
+    children: jsxRuntime.jsx("rect", {
+      width: "32",
+      height: "32",
+      fill: "#D9D9D9"
+    })
+  }), jsxRuntime.jsx("g", {
+    mask: "url(#mask0_17_6643)",
+    children: jsxRuntime.jsx("path", {
+      d: "M14.6667 25.3333H17.3333V19.7667L19.4667 21.9L21.3333 20L16 14.6667L10.6667 20L12.5667 21.8667L14.6667 19.7667V25.3333ZM8 29.3333C7.26667 29.3333 6.63889 29.0722 6.11667 28.55C5.59444 28.0278 5.33333 27.4 5.33333 26.6667V5.33332C5.33333 4.59999 5.59444 3.97221 6.11667 3.44999C6.63889 2.92777 7.26667 2.66666 8 2.66666H18.6667L26.6667 10.6667V26.6667C26.6667 27.4 26.4056 28.0278 25.8833 28.55C25.3611 29.0722 24.7333 29.3333 24 29.3333H8ZM17.3333 12H24L17.3333 5.33332V12Z",
+      fill: "#B1ACFF"
+    })
+  })]
+}));
+
 const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
@@ -1532,6 +1532,7 @@ UnpublishProductsModal.displayName = 'UnpublishProductsModal';
 
 exports.EnabledDropArea = EnabledDropArea;
 exports.FileDropped = FileDropped;
+exports.FileIcon = FileIcon;
 exports.UnpublishProductsModal = UnpublishProductsModal;
 exports.messages = messages$4;
 exports.useUnpublishProductsContext = useUnpublishProductsContext;