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

package/README.md

@@ -18,3 +18,59 @@ $ yarn add @commercetools-frontend-extensions/import-resources-modal
 ## Description
 
 Import Resources Modal is an internal component used to import resources from csv files, it's using [Importer Services](https://github.com/commercetools/commercetools-importer) to create async import Job.
+
+## Usage
+
+```JSX
+import ImportResourcesModal from '@commercetools-frontend-extensions/import-resources-modal';
+
+<ImportResourcesModal
+  isOpen={true}
+  resourceType="category"
+  onStartImportSuccess={() => {}}
+  onClose={() => {}}
+/>
+```
+
+## Properties
+
+| Props                                        | Type                                                    |                       Required                       | Default | Description    |
+| -------------------------------------------- | ------------------------------------------------------- | :--------------------------------------------------: | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `isOpen`                                     | `boolean`                                               |                                     ✅                  |  | Controls whether the import modal is open or closed                                                                                                                   |      
+| `resourceType`                               | `string`                                                |                          ✅                          |         | The type of the resource, example: `category`, `product`...                             
+| `onStartImportSuccess`                            | `function`                                              |                                                      |         |  A callback function invoked when the import process successfully starts                                                                                                                                                                                                                                                                                                                                          |
+| `onClose`                                    | `function`                                              |                                                      |         | A callback function triggered when the modal is requested to close (either by clicking on the overlay, clicking the close button or pressing `ESC`). This function is also invoked after an import process, irrespective of whether it was successful or failed                                                                                                                                                                                                   |                                                                                                                                                                                                   |
+
+## Releasing
+
+This package uses [`changesets`](https://github.com/atlassian/changesets) in order to do releases to NPM.
+
+In case you want to publish a new version with the latest changes you need to:
+
+1. Add a changeset with `pnpm changeset` and select `@commercetools-frontend-extensions/import-resources-modal` as the modified package.
+2. Some options would be appear in order to do the release:
+   - `patch`: use this release for fixes or small changes
+   - `minor`: use this release for depenency upgrades or medium changes
+   - `major`: use this release for breaking changes
+3. After selecting the option you will need to add a comment for the release notes. We recommend to use the same format as for the commits.
+   - e.g: `feat(utils): add utils for dates`
+4. Push the `changeset` to your branch and GitHub actions will detect that the PR contains changes that affect the published library.
+5. After the PR gets merged, another PR will be created called `Version Packages` which is the one that will be detected, again by GitHub Actions, to do a release to NPM.
+6. Make sure that everything is correct and then merge `Version Packages` PR.
+7. Wait until the new version is available in NPM and then deploy the custom in CircleCI.
+
+### Canary releases
+
+Canary releases are automatically published to the distribution channel via CI following a successful build and merge to the **main** branch.
+
+## i18n
+
+The repo is configured with an integration with Transifex. The process for i18n is the same as the Merchant Center uses.
+
+`pnpm i18n:build` for adding the new keys to transifex.
+
+Once the PR gets merged to `main` transifex will receive a notification with new keys that need to be translated (that's why is important that `description` and `defaultMessage` are descriptive enough).
+
+Whenever the translators finish translations and mark them as done, the repo will receive a PR (per language) for adding translated messages.
+
+Once we review that translated keys are correct and add a `changeset` we can merge the PR. (Don't forget to deploy the custom app)

package/dist/active-drag-drop-area-06cef014.esm.js

@@ -0,0 +1,60 @@
+import { F as FileDropped, E as EnabledDropArea } from './index-a4665b30.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';
+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 'react-intl';
+import '@commercetools-frontend/application-shell-connectors';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import 'react';
+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/ui-kit';
+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 ActiveDragDropArea(_ref) {
+  let isFileDropped = _ref.isFileDropped;
+  if (isFileDropped) return jsx(FileDropped, {});
+  return jsx(EnabledDropArea, {});
+}
+
+export { ActiveDragDropArea as default };

package/dist/active-drag-drop-area-be3680ab.cjs.prod.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d79bbd8e.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');
+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('react-intl');
+require('@commercetools-frontend/application-shell-connectors');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('react');
+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/ui-kit');
+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 ActiveDragDropArea(_ref) {
+  let isFileDropped = _ref.isFileDropped;
+  if (isFileDropped) return jsxRuntime.jsx(dist_commercetoolsFrontendExtensionsImportResourcesModal.FileDropped, {});
+  return jsxRuntime.jsx(dist_commercetoolsFrontendExtensionsImportResourcesModal.EnabledDropArea, {});
+}
+
+exports["default"] = ActiveDragDropArea;

package/dist/active-drag-drop-area-fae899bd.cjs.dev.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-bb7f975c.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');
+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('react-intl');
+require('@commercetools-frontend/application-shell-connectors');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('react');
+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/ui-kit');
+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 ActiveDragDropArea(_ref) {
+  let isFileDropped = _ref.isFileDropped;
+  if (isFileDropped) return jsxRuntime.jsx(dist_commercetoolsFrontendExtensionsImportResourcesModal.FileDropped, {});
+  return jsxRuntime.jsx(dist_commercetoolsFrontendExtensionsImportResourcesModal.EnabledDropArea, {});
+}
+
+exports["default"] = ActiveDragDropArea;

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

@@ -2,23 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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');
-var reactIntl = require('react-intl');
-var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var sentry = require('@commercetools-frontend/sentry');
-var i18n = require('@commercetools-frontend/i18n');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var React = require('react');
-var formik = require('formik');
-var omitEmpty = require('omit-empty-es');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-bb7f975c.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');
+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('react-intl');
+require('@commercetools-frontend/application-shell-connectors');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('react');
+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');
@@ -26,132 +42,19 @@ require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-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);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
-
-const loadMessages = locale => {
-  const intlLocale = i18n.mapLocaleToIntlLocale(locale);
-  switch (intlLocale) {
-    case 'de':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-de" */'./de-a34c5dd4.cjs.dev.js'); });
-    case 'es':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-es" */'./es-8b3ecab1.cjs.dev.js'); });
-    case 'fr-FR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-e7126fcc.cjs.dev.js'); });
-    case 'zh-CN':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-zh-CN" */'./zh-CN-d4bc6d26.cjs.dev.js'); });
-    case 'ja':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-ja" */'./ja-9bd5f452.cjs.dev.js'); });
-    case 'pt-BR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ea6b3251.cjs.dev.js'); });
-    default:
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-en" */'./en-6b3694f6.cjs.dev.js'); });
-  }
-};
-
-// eslint-disable-next-line import/prefer-default-export
-const loadI18n = async locale => {
-  try {
-    const messages = await loadMessages(locale);
-    return messages.default || messages;
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.warn("Something went wrong while loading the import-resources-modal messages for ".concat(locale), error);
-    sentry.reportErrorToSentry(new Error("Something went wrong while loading the import-resources-modal messages for ".concat(locale)), {
-      extra: error
-    });
-    return {};
-  }
-};
-
-const useAsyncIntlMessages = (locale, loader) => {
-  const _useState = React.useState({
-      isLoading: true,
-      messages: undefined,
-      error: undefined
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  React.useEffect(() => {
-    let _isUnmounting = false;
-    async function load() {
-      try {
-        if (!_isUnmounting) {
-          const messages = await loader(locale);
-          setState({
-            isLoading: false,
-            messages
-          });
-        }
-      } catch (error) {
-        setState({
-          isLoading: false,
-          error
-        });
-      }
-    }
-    if (locale) load();
-    return () => {
-      _isUnmounting = true;
-    };
-  }, [locale, loader]);
-  return state;
-};
-
-function validate() {
-  const errors = {};
-  return omitEmpty__default["default"](errors);
-}
-
-const ImportResourcesContext = /*#__PURE__*/React__default["default"].createContext();
-const ImportResourcesProvider = props => {
-  const onSubmit = async values => {
-  };
-  const formik$1 = formik.useFormik({
-    initialValues: {},
-    validate,
-    onSubmit
-  });
-  return jsxRuntime.jsx(ImportResourcesContext.Provider, {
-    value: {
-      formik: formik$1,
-      onClose: props.onClose,
-      resourceType: props.resourceType
-    },
-    children: props.children
-  });
-};
-
-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 ImportResourcesModal = props => {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
-      locale: context.user && context.user.locale
-    })),
-    locale = _useApplicationContex.locale;
-  const messages = useAsyncIntlMessages('en', loadI18n);
-  if (!props.isOpen || messages.isLoading) return null;
-  return jsxRuntime.jsx(reactIntl.IntlProvider, {
-    locale: locale,
-    messages: messages.messages,
-    children: jsxRuntime.jsx(ImportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
-      children: "Import resources modal"
-    }))
-  });
-};
-ImportResourcesModal.displayName = 'ImportResourcesModal';
-
-exports["default"] = ImportResourcesModal;
+require('@emotion/react/jsx-runtime');
+require('@commercetools-frontend/application-components');
+require('@commercetools-frontend/ui-kit');
+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');
+
+
+
+exports["default"] = dist_commercetoolsFrontendExtensionsImportResourcesModal.ImportResourcesModal;