@commercetools-frontend-extensions/import-resources-modal 1.7.3 → 1.7.5

package/dist/{active-drag-drop-area-1db5fb36.cjs.dev.js → active-drag-drop-area-a4fd91f7.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7242aa8f.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-98c1d115.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');
@@ -37,13 +37,14 @@ require('papaparse');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/url-search-params');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/fullstory');
 require('@commercetools-frontend/ui-kit');
-require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('react-dropzone');
 require('@commercetools-frontend/actions-global');
 require('@emotion/styled/base');

package/dist/{active-drag-drop-area-8aa8f598.cjs.prod.js → active-drag-drop-area-abe96e04.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7805d683.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6186162d.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');
@@ -37,13 +37,14 @@ require('papaparse');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/url-search-params');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/fullstory');
 require('@commercetools-frontend/ui-kit');
-require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('react-dropzone');
 require('@commercetools-frontend/actions-global');
 require('@emotion/styled/base');

package/dist/{active-drag-drop-area-08a418e6.esm.js → active-drag-drop-area-bfd1ac28.esm.js}

@@ -1,4 +1,4 @@
-import { F as FileDropped, E as EnabledDropArea } from './index-d3cbca84.esm.js';
+import { F as FileDropped, E as EnabledDropArea } from './index-c388b02a.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';
@@ -35,13 +35,14 @@ import 'papaparse';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@babel/runtime-corejs3/core-js-stable/instance/some';
+import '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import '@babel/runtime-corejs3/core-js-stable/url-search-params';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/fullstory';
 import '@commercetools-frontend/ui-kit';
-import '@babel/runtime-corejs3/core-js-stable/instance/some';
 import 'react-dropzone';
 import '@commercetools-frontend/actions-global';
 import '@emotion/styled/base';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7242aa8f.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-98c1d115.cjs.dev.js');
 require('react');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -36,6 +36,8 @@ require('papaparse');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/url-search-params');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -45,7 +47,6 @@ require('react-intl');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/fullstory');
 require('@commercetools-frontend/ui-kit');
-require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('react-dropzone');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/permissions');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7805d683.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6186162d.cjs.prod.js');
 require('react');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -36,6 +36,8 @@ require('papaparse');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/url-search-params');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -45,7 +47,6 @@ require('react-intl');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/fullstory');
 require('@commercetools-frontend/ui-kit');
-require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('react-dropzone');
 require('@commercetools-frontend/actions-global');
 require('@emotion/styled/base');

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

@@ -1,4 +1,4 @@
-export { I as default, a as useImportPermission } from './index-d3cbca84.esm.js';
+export { I as default, b as useImportPermission } from './index-c388b02a.esm.js';
 import 'react';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -32,6 +32,8 @@ import 'papaparse';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@babel/runtime-corejs3/core-js-stable/instance/some';
+import '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import '@babel/runtime-corejs3/core-js-stable/url-search-params';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
@@ -41,7 +43,6 @@ import 'react-intl';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/fullstory';
 import '@commercetools-frontend/ui-kit';
-import '@babel/runtime-corejs3/core-js-stable/instance/some';
 import 'react-dropzone';
 import '@commercetools-frontend/actions-global';
 import '@commercetools-frontend/permissions';

package/dist/{enabled-drop-area-520d4fab.esm.js → disabled-drop-area-093742fc.esm.js}

@@ -1,3 +1,4 @@
+import { Spacings } from '@commercetools-frontend/ui-kit';
 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';
@@ -7,15 +8,11 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
 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 '@babel/runtime-corejs3/helpers/slicedToArray';
 import 'react';
-import { Spacings, Text, Link } from '@commercetools-frontend/ui-kit';
-import { m as messages } from './index-d3cbca84.esm.js';
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import '@babel/runtime-corejs3/core-js-stable/instance/every';
-import 'react-intl';
 import '@commercetools-frontend/application-shell-connectors';
-import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@commercetools-frontend/sdk';
+import './index-c388b02a.esm.js';
 import '@commercetools-frontend/constants';
 import '@commercetools-frontend/application-shell';
 import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
@@ -36,74 +33,60 @@ import 'papaparse';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@babel/runtime-corejs3/core-js-stable/instance/some';
+import '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import '@babel/runtime-corejs3/core-js-stable/url-search-params';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
+import '@babel/runtime-corejs3/core-js-stable/instance/every';
+import { 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 '@commercetools-frontend/sentry';
 import '@commercetools-frontend/permissions';
+import '@emotion/styled/base';
+import '@emotion/react';
 import '@commercetools-frontend/i18n';
 
 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; }
-var FileIcon = function FileIcon(props) {
-  return jsxs("svg", _objectSpread(_objectSpread({}, 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)",
+const LockIcon = props => jsxs("svg", _objectSpread(_objectSpread({
+  width: "87px",
+  height: "118px",
+  viewBox: "0 0 87 118",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink"
+}, props), {}, {
+  children: [jsx("title", {
+    children: "Shape"
+  }), jsx("g", {
+    id: "Final-ImportBoard",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd",
+    children: jsx("g", {
+      id: "2-Upload-files---Locked",
+      transform: "translate(-697.000000, -285.000000)",
+      fill: "#999999",
+      fillRule: "nonzero",
       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"
+        d: "M781.167075,334.924997 L774.342717,334.924997 L774.342717,319.039771 C774.342717,300.267972 759.042508,285 740.22093,285 C721.403902,285 706.099143,300.267972 706.099143,319.039771 L706.099143,334.924997 L699.274786,334.924997 C698.019104,334.924997 697,335.941652 697,337.194315 L697,389.184392 C697,389.974114 697.414011,390.709373 698.087348,391.122389 C710.839797,398.892534 725.407525,403 740.22093,403 C755.034335,403 769.602064,398.892534 782.359062,391.122389 C783.027849,390.709373 783.44186,389.974114 783.44186,389.184392 L783.44186,337.194315 C783.44186,335.941652 782.418207,334.924997 781.167075,334.924997 Z M745.590495,368.913821 L745.590495,384.782392 C745.590495,386.353821 744.382343,387.639535 742.905713,387.639535 L737.536148,387.639535 C736.054148,387.639535 734.851365,386.353821 734.851365,384.782392 L734.851365,368.913821 C731.651104,366.930963 729.4818,363.296678 729.4818,359.068106 C729.4818,352.759535 734.29293,347.639535 740.22093,347.639535 C746.14893,347.639535 750.960061,352.759535 750.960061,359.068106 C750.960061,363.285249 748.790756,366.930963 745.590495,368.913821 Z M760.116279,334.395349 L718.953488,334.395349 L718.953488,318.787791 C718.953488,307.724262 728.187674,298.72093 739.534884,298.72093 C750.877519,298.72093 760.116279,307.724262 760.116279,318.787791 L760.116279,334.395349 Z",
+        id: "Shape"
       })
-    })]
-  }));
-};
-FileIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function EnabledDropArea() {
-  return jsxs(Spacings.Inline, {
+    })
+  })]
+}));
+
+function DisabledDropArea() {
+  return jsx(Spacings.Stack, {
     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()
-      })]
-    })]
+    children: jsx(LockIcon, {})
   });
 }
 
-export { EnabledDropArea as default };
+export { DisabledDropArea as default };

package/dist/{enabled-drop-area-3c747e55.cjs.dev.js → disabled-drop-area-25e976d6.cjs.prod.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var uiKit = require('@commercetools-frontend/ui-kit');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -9,15 +10,11 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('react');
-var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7242aa8f.cjs.dev.js');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('@babel/runtime-corejs3/core-js-stable/instance/every');
-require('react-intl');
 require('@commercetools-frontend/application-shell-connectors');
-require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@commercetools-frontend/sdk');
+require('./index-6186162d.cjs.prod.js');
 require('@commercetools-frontend/constants');
 require('@commercetools-frontend/application-shell');
 require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
@@ -38,12 +35,16 @@ require('papaparse');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/url-search-params');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+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');
@@ -65,58 +66,40 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
 
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var FileIcon = function FileIcon(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread(_objectSpread({}, props), {}, {
-    children: [jsxRuntime.jsx("mask", {
-      id: "a",
-      style: {
-        maskType: "alpha"
-      },
-      maskUnits: "userSpaceOnUse",
-      x: "0",
-      y: "0",
-      width: "32",
-      height: "32",
+const LockIcon = props => jsxRuntime.jsxs("svg", _objectSpread(_objectSpread({
+  width: "87px",
+  height: "118px",
+  viewBox: "0 0 87 118",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink"
+}, props), {}, {
+  children: [jsxRuntime.jsx("title", {
+    children: "Shape"
+  }), jsxRuntime.jsx("g", {
+    id: "Final-ImportBoard",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd",
+    children: jsxRuntime.jsx("g", {
+      id: "2-Upload-files---Locked",
+      transform: "translate(-697.000000, -285.000000)",
+      fill: "#999999",
+      fillRule: "nonzero",
       children: jsxRuntime.jsx("path", {
-        fill: "#D9D9D9",
-        d: "M0 0h32v32H0z"
+        d: "M781.167075,334.924997 L774.342717,334.924997 L774.342717,319.039771 C774.342717,300.267972 759.042508,285 740.22093,285 C721.403902,285 706.099143,300.267972 706.099143,319.039771 L706.099143,334.924997 L699.274786,334.924997 C698.019104,334.924997 697,335.941652 697,337.194315 L697,389.184392 C697,389.974114 697.414011,390.709373 698.087348,391.122389 C710.839797,398.892534 725.407525,403 740.22093,403 C755.034335,403 769.602064,398.892534 782.359062,391.122389 C783.027849,390.709373 783.44186,389.974114 783.44186,389.184392 L783.44186,337.194315 C783.44186,335.941652 782.418207,334.924997 781.167075,334.924997 Z M745.590495,368.913821 L745.590495,384.782392 C745.590495,386.353821 744.382343,387.639535 742.905713,387.639535 L737.536148,387.639535 C736.054148,387.639535 734.851365,386.353821 734.851365,384.782392 L734.851365,368.913821 C731.651104,366.930963 729.4818,363.296678 729.4818,359.068106 C729.4818,352.759535 734.29293,347.639535 740.22093,347.639535 C746.14893,347.639535 750.960061,352.759535 750.960061,359.068106 C750.960061,363.285249 748.790756,366.930963 745.590495,368.913821 Z M760.116279,334.395349 L718.953488,334.395349 L718.953488,318.787791 C718.953488,307.724262 728.187674,298.72093 739.534884,298.72093 C750.877519,298.72093 760.116279,307.724262 760.116279,318.787791 L760.116279,334.395349 Z",
+        id: "Shape"
       })
-    }), 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"
-};
-function EnabledDropArea() {
-  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+    })
+  })]
+}));
+
+function DisabledDropArea() {
+  return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     alignItems: "center",
-    justifyContent: "center",
-    scale: "s",
-    children: [jsxRuntime.jsx(FileIcon, {}), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-      alignItems: "center",
-      scale: "s",
-      children: [jsxRuntime.jsx(uiKit.Text.Subheadline, {
-        as: "h4",
-        intlMessage: dist_commercetoolsFrontendExtensionsImportResourcesModal.messages.dragAndDropCSV
-      }), jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: dist_commercetoolsFrontendExtensionsImportResourcesModal.messages.or
-      }), jsxRuntime.jsx(uiKit.Link, {
-        intlMessage: dist_commercetoolsFrontendExtensionsImportResourcesModal.messages.browseButton,
-        tone: "secondary",
-        to: "",
-        onClick: ev => ev.preventDefault()
-      })]
-    })]
+    children: jsxRuntime.jsx(LockIcon, {})
   });
 }
 
-exports["default"] = EnabledDropArea;
+exports["default"] = DisabledDropArea;

package/dist/{enabled-drop-area-0167211e.cjs.prod.js → disabled-drop-area-c092ebd0.cjs.dev.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var uiKit = require('@commercetools-frontend/ui-kit');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -9,15 +10,11 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('react');
-var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7805d683.cjs.prod.js');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('@babel/runtime-corejs3/core-js-stable/instance/every');
-require('react-intl');
 require('@commercetools-frontend/application-shell-connectors');
-require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@commercetools-frontend/sdk');
+require('./index-98c1d115.cjs.dev.js');
 require('@commercetools-frontend/constants');
 require('@commercetools-frontend/application-shell');
 require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
@@ -38,18 +35,22 @@ require('papaparse');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/url-search-params');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+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('@commercetools-frontend/sentry');
 require('@commercetools-frontend/permissions');
+require('@emotion/styled/base');
+require('@emotion/react');
 require('@commercetools-frontend/i18n');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -65,58 +66,40 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
 
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var FileIcon = function FileIcon(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread(_objectSpread({}, 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)",
+const LockIcon = props => jsxRuntime.jsxs("svg", _objectSpread(_objectSpread({
+  width: "87px",
+  height: "118px",
+  viewBox: "0 0 87 118",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink"
+}, props), {}, {
+  children: [jsxRuntime.jsx("title", {
+    children: "Shape"
+  }), jsxRuntime.jsx("g", {
+    id: "Final-ImportBoard",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd",
+    children: jsxRuntime.jsx("g", {
+      id: "2-Upload-files---Locked",
+      transform: "translate(-697.000000, -285.000000)",
+      fill: "#999999",
+      fillRule: "nonzero",
       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"
+        d: "M781.167075,334.924997 L774.342717,334.924997 L774.342717,319.039771 C774.342717,300.267972 759.042508,285 740.22093,285 C721.403902,285 706.099143,300.267972 706.099143,319.039771 L706.099143,334.924997 L699.274786,334.924997 C698.019104,334.924997 697,335.941652 697,337.194315 L697,389.184392 C697,389.974114 697.414011,390.709373 698.087348,391.122389 C710.839797,398.892534 725.407525,403 740.22093,403 C755.034335,403 769.602064,398.892534 782.359062,391.122389 C783.027849,390.709373 783.44186,389.974114 783.44186,389.184392 L783.44186,337.194315 C783.44186,335.941652 782.418207,334.924997 781.167075,334.924997 Z M745.590495,368.913821 L745.590495,384.782392 C745.590495,386.353821 744.382343,387.639535 742.905713,387.639535 L737.536148,387.639535 C736.054148,387.639535 734.851365,386.353821 734.851365,384.782392 L734.851365,368.913821 C731.651104,366.930963 729.4818,363.296678 729.4818,359.068106 C729.4818,352.759535 734.29293,347.639535 740.22093,347.639535 C746.14893,347.639535 750.960061,352.759535 750.960061,359.068106 C750.960061,363.285249 748.790756,366.930963 745.590495,368.913821 Z M760.116279,334.395349 L718.953488,334.395349 L718.953488,318.787791 C718.953488,307.724262 728.187674,298.72093 739.534884,298.72093 C750.877519,298.72093 760.116279,307.724262 760.116279,318.787791 L760.116279,334.395349 Z",
+        id: "Shape"
       })
-    })]
-  }));
-};
-FileIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function EnabledDropArea() {
-  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+    })
+  })]
+}));
+
+function DisabledDropArea() {
+  return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     alignItems: "center",
-    justifyContent: "center",
-    scale: "s",
-    children: [jsxRuntime.jsx(FileIcon, {}), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-      alignItems: "center",
-      scale: "s",
-      children: [jsxRuntime.jsx(uiKit.Text.Subheadline, {
-        as: "h4",
-        intlMessage: dist_commercetoolsFrontendExtensionsImportResourcesModal.messages.dragAndDropCSV
-      }), jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: dist_commercetoolsFrontendExtensionsImportResourcesModal.messages.or
-      }), jsxRuntime.jsx(uiKit.Link, {
-        intlMessage: dist_commercetoolsFrontendExtensionsImportResourcesModal.messages.browseButton,
-        tone: "secondary",
-        to: "",
-        onClick: ev => ev.preventDefault()
-      })]
-    })]
+    children: jsxRuntime.jsx(LockIcon, {})
   });
 }
 
-exports["default"] = EnabledDropArea;
+exports["default"] = DisabledDropArea;