@commercetools-frontend-extensions/import-resources-modal 0.0.0-canary-20250527145111 → 0.0.0-canary-20250527151514

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-98c1d115.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-be3e5662.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/{active-drag-drop-area-bfd1ac28.esm.js → active-drag-drop-area-4ab52b73.esm.js}

@@ -1,4 +1,4 @@
-import { F as FileDropped, E as EnabledDropArea } from './index-c388b02a.esm.js';
+import { F as FileDropped, E as EnabledDropArea } from './index-0e76be31.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-abe96e04.cjs.prod.js → active-drag-drop-area-7b61599b.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6186162d.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b0ea515e.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/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-98c1d115.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-be3e5662.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');

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-6186162d.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b0ea515e.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');

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

@@ -1,4 +1,4 @@
-export { I as default, b as useImportPermission } from './index-c388b02a.esm.js';
+export { I as default, a as useImportPermission } from './index-0e76be31.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';

package/dist/disabled-drop-area-4d8b7328.cjs.prod.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('react');
+var uiKit = require('@commercetools-frontend/ui-kit');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+
+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 LockedDropIcon = function LockedDropIcon(props) {
+  return jsxRuntime.jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: jsxRuntime.jsx("path", {
+      d: "M84.167 49.925h-6.824V34.04C77.343 15.268 62.043 0 43.22 0 24.404 0 9.099 15.268 9.099 34.04v15.885H2.275A2.273 2.273 0 0 0 0 52.195v51.99c0 .79.414 1.524 1.087 1.937C13.84 113.892 28.407 118 43.221 118c14.813 0 29.381-4.107 42.138-11.878a2.284 2.284 0 0 0 1.083-1.938v-51.99a2.276 2.276 0 0 0-2.275-2.269ZM48.59 83.914v15.868c0 1.572-1.208 2.858-2.684 2.858h-5.37c-1.482 0-2.685-1.286-2.685-2.858V83.914c-3.2-1.983-5.37-5.617-5.37-9.846 0-6.308 4.812-11.428 10.74-11.428s10.74 5.12 10.74 11.428c0 4.217-2.17 7.863-5.37 9.846Zm14.526-34.519H21.953V33.788c0-11.064 9.235-20.067 20.582-20.067 11.343 0 20.581 9.003 20.581 20.067v15.607Z",
+      fill: "#999",
+      fillRule: "nonzero"
+    })
+  }));
+};
+LockedDropIcon.defaultProps = {
+  width: "87",
+  height: "118",
+  viewBox: "0 0 87 118",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function DisabledDropArea() {
+  return jsxRuntime.jsx(uiKit.Spacings.Stack, {
+    alignItems: "center",
+    children: jsxRuntime.jsx(LockedDropIcon, {})
+  });
+}
+
+exports["default"] = DisabledDropArea;

package/dist/disabled-drop-area-5b6e217d.cjs.dev.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('react');
+var uiKit = require('@commercetools-frontend/ui-kit');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+
+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 LockedDropIcon = function LockedDropIcon(props) {
+  return jsxRuntime.jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: jsxRuntime.jsx("path", {
+      d: "M84.167 49.925h-6.824V34.04C77.343 15.268 62.043 0 43.22 0 24.404 0 9.099 15.268 9.099 34.04v15.885H2.275A2.273 2.273 0 0 0 0 52.195v51.99c0 .79.414 1.524 1.087 1.937C13.84 113.892 28.407 118 43.221 118c14.813 0 29.381-4.107 42.138-11.878a2.284 2.284 0 0 0 1.083-1.938v-51.99a2.276 2.276 0 0 0-2.275-2.269ZM48.59 83.914v15.868c0 1.572-1.208 2.858-2.684 2.858h-5.37c-1.482 0-2.685-1.286-2.685-2.858V83.914c-3.2-1.983-5.37-5.617-5.37-9.846 0-6.308 4.812-11.428 10.74-11.428s10.74 5.12 10.74 11.428c0 4.217-2.17 7.863-5.37 9.846Zm14.526-34.519H21.953V33.788c0-11.064 9.235-20.067 20.582-20.067 11.343 0 20.581 9.003 20.581 20.067v15.607Z",
+      fill: "#999",
+      fillRule: "nonzero"
+    })
+  }));
+};
+LockedDropIcon.defaultProps = {
+  width: "87",
+  height: "118",
+  viewBox: "0 0 87 118",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function DisabledDropArea() {
+  return jsxRuntime.jsx(uiKit.Spacings.Stack, {
+    alignItems: "center",
+    children: jsxRuntime.jsx(LockedDropIcon, {})
+  });
+}
+
+exports["default"] = DisabledDropArea;

package/dist/disabled-drop-area-664a8414.esm.js

@@ -0,0 +1,38 @@
+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 'react';
+import { Spacings } from '@commercetools-frontend/ui-kit';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+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 LockedDropIcon = function LockedDropIcon(props) {
+  return jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: jsx("path", {
+      d: "M84.167 49.925h-6.824V34.04C77.343 15.268 62.043 0 43.22 0 24.404 0 9.099 15.268 9.099 34.04v15.885H2.275A2.273 2.273 0 0 0 0 52.195v51.99c0 .79.414 1.524 1.087 1.937C13.84 113.892 28.407 118 43.221 118c14.813 0 29.381-4.107 42.138-11.878a2.284 2.284 0 0 0 1.083-1.938v-51.99a2.276 2.276 0 0 0-2.275-2.269ZM48.59 83.914v15.868c0 1.572-1.208 2.858-2.684 2.858h-5.37c-1.482 0-2.685-1.286-2.685-2.858V83.914c-3.2-1.983-5.37-5.617-5.37-9.846 0-6.308 4.812-11.428 10.74-11.428s10.74 5.12 10.74 11.428c0 4.217-2.17 7.863-5.37 9.846Zm14.526-34.519H21.953V33.788c0-11.064 9.235-20.067 20.582-20.067 11.343 0 20.581 9.003 20.581 20.067v15.607Z",
+      fill: "#999",
+      fillRule: "nonzero"
+    })
+  }));
+};
+LockedDropIcon.defaultProps = {
+  width: "87",
+  height: "118",
+  viewBox: "0 0 87 118",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function DisabledDropArea() {
+  return jsx(Spacings.Stack, {
+    alignItems: "center",
+    children: jsx(LockedDropIcon, {})
+  });
+}
+
+export { DisabledDropArea as default };

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

@@ -1,6 +1,5 @@
 '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');
@@ -10,11 +9,15 @@ 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-b0ea515e.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');
@@ -40,17 +43,14 @@ 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('react-dropzone');
 require('@commercetools-frontend/actions-global');
-require('@commercetools-frontend/sentry');
-require('@commercetools-frontend/permissions');
 require('@emotion/styled/base');
 require('@emotion/react');
+require('@commercetools-frontend/sentry');
+require('@commercetools-frontend/permissions');
 require('@commercetools-frontend/i18n');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -66,40 +66,59 @@ 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; }
-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",
+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", {
-        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"
+        fill: "#D9D9D9",
+        d: "M0 0h32v32H0z"
       })
-    })
-  })]
-}));
-
-function DisabledDropArea() {
-  return jsxRuntime.jsx(uiKit.Spacings.Stack, {
+    }), 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",
+  viewBox: "0 0 32 32",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function EnabledDropArea() {
+  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
     alignItems: "center",
-    children: jsxRuntime.jsx(LockIcon, {})
+    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()
+      })]
+    })]
   });
 }
 
-exports["default"] = DisabledDropArea;
+exports["default"] = EnabledDropArea;

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

@@ -1,6 +1,5 @@
 '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');
@@ -10,11 +9,15 @@ 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-be3e5662.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');
@@ -40,9 +43,6 @@ 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('react-dropzone');
@@ -66,40 +66,59 @@ 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; }
-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",
+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", {
-        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"
+        fill: "#D9D9D9",
+        d: "M0 0h32v32H0z"
       })
-    })
-  })]
-}));
-
-function DisabledDropArea() {
-  return jsxRuntime.jsx(uiKit.Spacings.Stack, {
+    }), 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",
+  viewBox: "0 0 32 32",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function EnabledDropArea() {
+  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
     alignItems: "center",
-    children: jsxRuntime.jsx(LockIcon, {})
+    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()
+      })]
+    })]
   });
 }
 
-exports["default"] = DisabledDropArea;
+exports["default"] = EnabledDropArea;

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

@@ -1,4 +1,3 @@
-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';
@@ -8,11 +7,15 @@ 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-0e76be31.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';
@@ -38,55 +41,71 @@ 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 'react-dropzone';
 import '@commercetools-frontend/actions-global';
-import '@commercetools-frontend/sentry';
-import '@commercetools-frontend/permissions';
 import '@emotion/styled/base';
 import '@emotion/react';
+import '@commercetools-frontend/sentry';
+import '@commercetools-frontend/permissions';
 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; }
-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",
+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", {
-        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"
+        fill: "#D9D9D9",
+        d: "M0 0h32v32H0z"
       })
-    })
-  })]
-}));
-
-function DisabledDropArea() {
-  return jsx(Spacings.Stack, {
+    }), 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",
+  viewBox: "0 0 32 32",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function EnabledDropArea() {
+  return jsxs(Spacings.Inline, {
     alignItems: "center",
-    children: jsx(LockIcon, {})
+    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 { DisabledDropArea as default };
+export { EnabledDropArea as default };

package/dist/{file-dropped-area-6279df47.cjs.prod.js → file-dropped-area-893356c4.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6186162d.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b0ea515e.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/{file-dropped-area-70be944b.esm.js → file-dropped-area-f2491037.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 useImportResourcesContext, m as messages } from './index-c388b02a.esm.js';
+import { u as useImportResourcesContext, m as messages } from './index-0e76be31.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';