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

package/dist/enabled-drop-area-2e91435a.cjs.dev.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var uiKit = require('@commercetools-frontend/ui-kit');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('react');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/sdk');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-98c1d115.cjs.dev.js');
+require('@commercetools-frontend/constants');
+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/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+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/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('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/i18n');
+
+function EnabledDropArea() {
+  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+    alignItems: "center",
+    justifyContent: "center",
+    scale: "s",
+    children: [jsxRuntime.jsx(dist_commercetoolsFrontendExtensionsImportResourcesModal.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-86aff122.cjs.prod.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var uiKit = require('@commercetools-frontend/ui-kit');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('react');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/sdk');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6186162d.cjs.prod.js');
+require('@commercetools-frontend/constants');
+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/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+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/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('react-dropzone');
+require('@commercetools-frontend/actions-global');
+require('@emotion/styled/base');
+require('@emotion/react');
+require('@commercetools-frontend/sentry');
+require('@commercetools-frontend/permissions');
+require('@commercetools-frontend/i18n');
+
+function EnabledDropArea() {
+  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+    alignItems: "center",
+    justifyContent: "center",
+    scale: "s",
+    children: [jsxRuntime.jsx(dist_commercetoolsFrontendExtensionsImportResourcesModal.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-db88a5da.esm.js

@@ -0,0 +1,77 @@
+import { Spacings, Text, Link } from '@commercetools-frontend/ui-kit';
+import '@babel/runtime-corejs3/core-js-stable/object/keys';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import '@babel/runtime-corejs3/helpers/defineProperty';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import 'react';
+import '@commercetools-frontend/application-shell-connectors';
+import '@commercetools-frontend/sdk';
+import { a as FileIcon, m as messages } from './index-c388b02a.esm.js';
+import '@commercetools-frontend/constants';
+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/possibleConstructorReturn';
+import '@babel/runtime-corejs3/helpers/getPrototypeOf';
+import '@babel/runtime-corejs3/helpers/inherits';
+import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
+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/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 '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/i18n';
+
+function EnabledDropArea() {
+  return jsxs(Spacings.Inline, {
+    alignItems: "center",
+    justifyContent: "center",
+    scale: "s",
+    children: [jsx(FileIcon, {}), jsxs(Spacings.Inline, {
+      alignItems: "center",
+      scale: "s",
+      children: [jsx(Text.Subheadline, {
+        as: "h4",
+        intlMessage: messages.dragAndDropCSV
+      }), jsx(Text.Body, {
+        intlMessage: messages.or
+      }), jsx(Link, {
+        intlMessage: messages.browseButton,
+        tone: "secondary",
+        to: "",
+        onClick: ev => ev.preventDefault()
+      })]
+    })]
+  });
+}
+
+export { EnabledDropArea as default };

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

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7242aa8f.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6186162d.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');
@@ -37,6 +37,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/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/url-search-params');
@@ -46,7 +48,6 @@ require('@commercetools-frontend/permissions');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/fullstory');
-require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('react-dropzone');
 require('@emotion/styled/base');
 require('@emotion/react');

package/dist/{file-dropped-area-2c9ef534.esm.js → file-dropped-area-70be944b.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-d3cbca84.esm.js';
+import { u as useImportResourcesContext, m as messages } from './index-c388b02a.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';
@@ -35,6 +35,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/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/url-search-params';
@@ -44,7 +46,6 @@ import '@commercetools-frontend/permissions';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/fullstory';
-import '@babel/runtime-corejs3/core-js-stable/instance/some';
 import 'react-dropzone';
 import '@emotion/styled/base';
 import '@emotion/react';

package/dist/{file-dropped-area-6ab48c3b.cjs.prod.js → file-dropped-area-88c05907.cjs.dev.js}

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7805d683.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-98c1d115.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -37,6 +37,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/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/url-search-params');
@@ -46,7 +48,6 @@ require('@commercetools-frontend/permissions');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/fullstory');
-require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('react-dropzone');
 require('@emotion/styled/base');
 require('@emotion/react');

package/dist/{index-7805d683.cjs.prod.js → index-6186162d.cjs.prod.js}

@@ -35,6 +35,8 @@ var Papa = require('papaparse');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var _someInstanceProperty = 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');
@@ -42,7 +44,6 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var fullstory = require('@commercetools-frontend/fullstory');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var reactDropzone = require('react-dropzone');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var _styled = require('@emotion/styled/base');
@@ -749,13 +750,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-8aa8f598.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-abe96e04.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-99c1fa0b.cjs.prod.js' /* webpackChunkName: "disabled-drop-area" */); }));
+var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-25e976d6.cjs.prod.js' /* webpackChunkName: "disabled-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-0167211e.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-86aff122.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-6ab48c3b.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-6279df47.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -1953,39 +1954,6 @@ const UploadResult = () => {
   return jsxRuntime.jsx(UploadPreviewModal, {});
 };
 
-function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var FileIcon = function FileIcon(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({}, props), {}, {
-    children: [jsxRuntime.jsx("mask", {
-      id: "a",
-      style: {
-        maskType: "alpha"
-      },
-      maskUnits: "userSpaceOnUse",
-      x: "0",
-      y: "0",
-      width: "32",
-      height: "32",
-      children: jsxRuntime.jsx("path", {
-        fill: "#D9D9D9",
-        d: "M0 0h32v32H0z"
-      })
-    }), jsxRuntime.jsx("g", {
-      mask: "url(#a)",
-      children: jsxRuntime.jsx("path", {
-        d: "M14.667 25.333h2.666v-5.566l2.134 2.133 1.866-1.9L16 14.667 10.667 20l1.9 1.867 2.1-2.1v5.566Zm-6.667 4a2.568 2.568 0 0 1-1.883-.783 2.568 2.568 0 0 1-.784-1.883V5.333c0-.733.261-1.36.784-1.883A2.568 2.568 0 0 1 8 2.667h10.667l8 8v16c0 .733-.261 1.36-.784 1.883a2.568 2.568 0 0 1-1.883.783H8ZM17.333 12H24l-6.667-6.667V12Z",
-        fill: "#B1ACFF"
-      })
-    })]
-  }));
-};
-FileIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
 const Uploading = () => {
   const intl = reactIntl.useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
@@ -2111,8 +2079,8 @@ var messages$1 = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const Instructions = () => {
   const intl = reactIntl.useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
@@ -2120,7 +2088,7 @@ const Instructions = () => {
   const templateLink = RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS[state.resourceType];
   const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
   return jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: _objectSpread$2(_objectSpread$2({}, messages$1.fileUploadInstructions), {}, {
+    intlMessage: _objectSpread$3(_objectSpread$3({}, messages$1.fileUploadInstructions), {}, {
       values: {
         fileSize: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType]),
         rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType]),
@@ -2154,8 +2122,8 @@ var messages = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const InfoBox = () => {
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state;
@@ -2170,7 +2138,7 @@ const InfoBox = () => {
           as: "h4",
           intlMessage: messages.prerequisitesOfImportingData
         }), jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: _objectSpread$1(_objectSpread$1({}, messages.keysForEveryResource), {}, {
+          intlMessage: _objectSpread$2(_objectSpread$2({}, messages.keysForEveryResource), {}, {
             values: {
               link: msg => jsxRuntime.jsx(uiKit.Link, {
                 tone: "secondary",
@@ -2186,6 +2154,39 @@ const InfoBox = () => {
   });
 };
 
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const FileIcon = props => jsxRuntime.jsxs("svg", _objectSpread$1(_objectSpread$1({
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), {}, {
+  children: [jsxRuntime.jsx("mask", {
+    id: "mask0_17_6643",
+    style: {
+      maskType: 'alpha'
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "0",
+    y: "0",
+    width: "32",
+    height: "32",
+    children: jsxRuntime.jsx("rect", {
+      width: "32",
+      height: "32",
+      fill: "#D9D9D9"
+    })
+  }), jsxRuntime.jsx("g", {
+    mask: "url(#mask0_17_6643)",
+    children: jsxRuntime.jsx("path", {
+      d: "M14.6667 25.3333H17.3333V19.7667L19.4667 21.9L21.3333 20L16 14.6667L10.6667 20L12.5667 21.8667L14.6667 19.7667V25.3333ZM8 29.3333C7.26667 29.3333 6.63889 29.0722 6.11667 28.55C5.59444 28.0278 5.33333 27.4 5.33333 26.6667V5.33332C5.33333 4.59999 5.59444 3.97221 6.11667 3.44999C6.63889 2.92777 7.26667 2.66666 8 2.66666H18.6667L26.6667 10.6667V26.6667C26.6667 27.4 26.4056 28.0278 25.8833 28.55C25.3611 29.0722 24.7333 29.3333 24 29.3333H8ZM17.3333 12H24L17.3333 5.33332V12Z",
+      fill: "#B1ACFF"
+    })
+  })]
+}));
+
 const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
@@ -2282,6 +2283,7 @@ ImportResourcesModal.displayName = 'ImportResourcesModal';
 
 exports.EnabledDropArea = EnabledDropArea;
 exports.FileDropped = FileDropped;
+exports.FileIcon = FileIcon;
 exports.ImportResourcesModal = ImportResourcesModal;
 exports.messages = messages$7;
 exports.useImportPermission = useImportPermission;