@commercetools-frontend-extensions/import-resources-modal 0.0.1 → 1.0.0

package/dist/disabled-drop-area-aa78075b.cjs.dev.js

@@ -0,0 +1,50 @@
+'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",
+  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/enabled-drop-area-32e0dc61.cjs.prod.js

@@ -0,0 +1,123 @@
+'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 dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d79bbd8e.cjs.prod.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('react-intl');
+require('@commercetools-frontend/application-shell-connectors');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@commercetools-frontend/sdk');
+require('@commercetools-frontend/constants');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('pluralize');
+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/flat-map');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('papaparse');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+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/starts-with');
+require('querystring');
+require('ramda');
+require('@commercetools-frontend/application-shell');
+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/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+require('@commercetools-frontend/application-components');
+require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/sentry');
+require('react-dropzone');
+require('@emotion/styled/base');
+require('@emotion/react');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@commercetools-uikit/data-table');
+require('lodash.truncate');
+require('@commercetools-frontend/i18n');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+
+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)",
+      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, {
+    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()
+      })]
+    })]
+  });
+}
+
+exports["default"] = EnabledDropArea;

package/dist/enabled-drop-area-56d860b6.cjs.dev.js

@@ -0,0 +1,123 @@
+'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 dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-bb7f975c.cjs.dev.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('react-intl');
+require('@commercetools-frontend/application-shell-connectors');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@commercetools-frontend/sdk');
+require('@commercetools-frontend/constants');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('pluralize');
+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/flat-map');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('papaparse');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+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/starts-with');
+require('querystring');
+require('ramda');
+require('@commercetools-frontend/application-shell');
+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/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+require('@commercetools-frontend/application-components');
+require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/sentry');
+require('react-dropzone');
+require('@emotion/styled/base');
+require('@emotion/react');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@commercetools-uikit/data-table');
+require('lodash.truncate');
+require('@commercetools-frontend/i18n');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+
+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)",
+      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, {
+    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()
+      })]
+    })]
+  });
+}
+
+exports["default"] = EnabledDropArea;

package/dist/enabled-drop-area-69507fae.esm.js

@@ -0,0 +1,110 @@
+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, Text, Link } from '@commercetools-frontend/ui-kit';
+import { m as messages } from './index-a4665b30.esm.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import 'react-intl';
+import '@commercetools-frontend/application-shell-connectors';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import '@commercetools-frontend/sdk';
+import '@commercetools-frontend/constants';
+import '@babel/runtime-corejs3/core-js-stable/instance/every';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import 'pluralize';
+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/flat-map';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import 'papaparse';
+import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
+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/starts-with';
+import 'querystring';
+import 'ramda';
+import '@commercetools-frontend/application-shell';
+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/inherits';
+import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
+import '@babel/runtime-corejs3/helpers/getPrototypeOf';
+import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
+import '@commercetools-frontend/application-components';
+import '@commercetools-frontend/actions-global';
+import '@commercetools-frontend/sentry';
+import 'react-dropzone';
+import '@emotion/styled/base';
+import '@emotion/react';
+import '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import '@commercetools-uikit/data-table';
+import 'lodash.truncate';
+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)",
+      children: jsx("path", {
+        d: "M14.667 25.333h2.666v-5.566l2.134 2.133 1.866-1.9L16 14.667 10.667 20l1.9 1.867 2.1-2.1v5.566Zm-6.667 4a2.568 2.568 0 0 1-1.883-.783 2.568 2.568 0 0 1-.784-1.883V5.333c0-.733.261-1.36.784-1.883A2.568 2.568 0 0 1 8 2.667h10.667l8 8v16c0 .733-.261 1.36-.784 1.883a2.568 2.568 0 0 1-1.883.783H8ZM17.333 12H24l-6.667-6.667V12Z",
+        fill: "#B1ACFF"
+      })
+    })]
+  }));
+};
+FileIcon.defaultProps = {
+  width: "32",
+  height: "32",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+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/file-dropped-area-6acf82c0.cjs.dev.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var reactIntl = require('react-intl');
+var uiKit = require('@commercetools-frontend/ui-kit');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-bb7f975c.cjs.dev.js');
+require('react');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/sdk');
+require('@commercetools-frontend/constants');
+require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/sentry');
+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/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+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/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('@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/flat-map');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('papaparse');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+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/starts-with');
+require('querystring');
+require('ramda');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+require('pluralize');
+require('@commercetools-frontend/application-shell');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@commercetools-frontend/application-components');
+require('react-dropzone');
+require('@emotion/styled/base');
+require('@emotion/react');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@commercetools-uikit/data-table');
+require('lodash.truncate');
+require('@commercetools-frontend/i18n');
+
+function FileDroppedArea() {
+  var _state$droppedFile;
+  const intl = reactIntl.useIntl();
+  const _useImportResourcesCo = dist_commercetoolsFrontendExtensionsImportResourcesModal.useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    alignItems: "center",
+    scale: "s",
+    children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+      alignItems: "flex-start",
+      scale: "xs",
+      children: [jsxRuntime.jsx(uiKit.PaperclipIcon, {
+        color: "neutral60"
+      }), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
+        max: 13,
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          children: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name
+        })
+      })]
+    }), jsxRuntime.jsx(uiKit.SecondaryButton, {
+      tone: "secondary",
+      size: "medium",
+      label: intl.formatMessage(dist_commercetoolsFrontendExtensionsImportResourcesModal.messages.chooseFile)
+    })]
+  });
+}
+
+exports["default"] = FileDroppedArea;

package/dist/file-dropped-area-6f365e02.esm.js

@@ -0,0 +1,81 @@
+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-a4665b30.esm.js';
+import 'react';
+import '@commercetools-frontend/application-shell-connectors';
+import '@commercetools-frontend/sdk';
+import '@commercetools-frontend/constants';
+import '@commercetools-frontend/actions-global';
+import '@commercetools-frontend/sentry';
+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/inherits';
+import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
+import '@babel/runtime-corejs3/helpers/getPrototypeOf';
+import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+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/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 '@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/flat-map';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import 'papaparse';
+import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
+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/starts-with';
+import 'querystring';
+import 'ramda';
+import '@babel/runtime-corejs3/core-js-stable/instance/every';
+import 'pluralize';
+import '@commercetools-frontend/application-shell';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import '@commercetools-frontend/application-components';
+import 'react-dropzone';
+import '@emotion/styled/base';
+import '@emotion/react';
+import '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import '@commercetools-uikit/data-table';
+import 'lodash.truncate';
+import '@commercetools-frontend/i18n';
+
+function FileDroppedArea() {
+  var _state$droppedFile;
+  const intl = useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  return jsxs(Spacings.Stack, {
+    alignItems: "center",
+    scale: "s",
+    children: [jsxs(Spacings.Inline, {
+      alignItems: "flex-start",
+      scale: "xs",
+      children: [jsx(PaperclipIcon, {
+        color: "neutral60"
+      }), jsx(Constraints.Horizontal, {
+        max: 13,
+        children: jsx(Text.Body, {
+          children: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name
+        })
+      })]
+    }), jsx(SecondaryButton, {
+      tone: "secondary",
+      size: "medium",
+      label: intl.formatMessage(messages.chooseFile)
+    })]
+  });
+}
+
+export { FileDroppedArea as default };