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

package/LICENSE

@@ -0,0 +1,29 @@
+BSD 3-Clause License
+
+Copyright (c) commercetools GmbH
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -0,0 +1,20 @@
+# @commercetools-frontend-extensions/import-resources-modal
+
+Package for importing resources into Merchant Center Applications.
+
+> This library takes into account that you are building a Merchant Center Applications which documentation you can find [here](https://docs.commercetools.com/custom-applications/).
+> The components follow the same principles of the [UIKit](https://github.com/commercetools/ui-kit) components.
+
+## Getting started
+
+```bash
+$ npm install --save @commercetools-frontend-extensions/import-resources-modal
+
+// or
+
+$ 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.

package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.d.ts

@@ -0,0 +1,3 @@
+export * from "./declarations/src/index";
+export { default } from "./declarations/src/index";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVyY2V0b29scy1mcm9udGVuZC1leHRlbnNpb25zLWltcG9ydC1yZXNvdXJjZXMtbW9kYWwuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuL2RlY2xhcmF0aW9ucy9zcmMvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9

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

@@ -0,0 +1,157 @@
+'use strict';
+
+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');
+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');
+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;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./commercetools-frontend-extensions-import-resources-modal.cjs.prod.js");
+} else {
+  module.exports = require("./commercetools-frontend-extensions-import-resources-modal.cjs.dev.js");
+}

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

@@ -0,0 +1,157 @@
+'use strict';
+
+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');
+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');
+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-d954fe3d.cjs.prod.js'); });
+    case 'es':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-es" */'./es-042343bd.cjs.prod.js'); });
+    case 'fr-FR':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-fce1ca96.cjs.prod.js'); });
+    case 'zh-CN':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-zh-CN" */'./zh-CN-52baa549.cjs.prod.js'); });
+    case 'ja':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
+    case 'pt-BR':
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ec2a1a11.cjs.prod.js'); });
+    default:
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-en" */'./en-c7757448.cjs.prod.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;

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

@@ -0,0 +1,140 @@
+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 { IntlProvider } from 'react-intl';
+import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
+import { reportErrorToSentry } from '@commercetools-frontend/sentry';
+import { mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import React, { useState, useEffect } from 'react';
+import { useFormik } from 'formik';
+import omitEmpty from 'omit-empty-es';
+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 { jsx } from '@emotion/react/jsx-runtime';
+
+const loadMessages = locale => {
+  const intlLocale = mapLocaleToIntlLocale(locale);
+  switch (intlLocale) {
+    case 'de':
+      return import( /* webpackChunkName: "import-resources-modal-i18n-de" */'./de-cd6c45d3.esm.js');
+    case 'es':
+      return import( /* webpackChunkName: "import-resources-modal-i18n-es" */'./es-e544023d.esm.js');
+    case 'fr-FR':
+      return import( /* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-9d9081ee.esm.js');
+    case 'zh-CN':
+      return import( /* webpackChunkName: "import-resources-modal-i18n-zh-CN" */'./zh-CN-4780d88e.esm.js');
+    case 'ja':
+      return import( /* webpackChunkName: "import-resources-modal-i18n-ja" */'./ja-73c088a7.esm.js');
+    case 'pt-BR':
+      return import( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-b37d730b.esm.js');
+    default:
+      return import( /* webpackChunkName: "import-resources-modal-i18n-en" */'./en-3a9aa2d4.esm.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);
+    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 = useState({
+      isLoading: true,
+      messages: undefined,
+      error: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  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(errors);
+}
+
+const ImportResourcesContext = /*#__PURE__*/React.createContext();
+const ImportResourcesProvider = props => {
+  const onSubmit = async values => {
+  };
+  const formik = useFormik({
+    initialValues: {},
+    validate,
+    onSubmit
+  });
+  return jsx(ImportResourcesContext.Provider, {
+    value: {
+      formik,
+      onClose: props.onClose,
+      resourceType: props.resourceType
+    },
+    children: props.children
+  });
+};
+
+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 ImportResourcesModal = props => {
+  const _useApplicationContex = useApplicationContext(context => ({
+      locale: context.user && context.user.locale
+    })),
+    locale = _useApplicationContex.locale;
+  const messages = useAsyncIntlMessages('en', loadI18n);
+  if (!props.isOpen || messages.isLoading) return null;
+  return jsx(IntlProvider, {
+    locale: locale,
+    messages: messages.messages,
+    children: jsx(ImportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: "Import resources modal"
+    }))
+  });
+};
+ImportResourcesModal.displayName = 'ImportResourcesModal';
+
+export { ImportResourcesModal as default };

package/dist/de-a34c5dd4.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var de = {
+};
+
+exports["default"] = de;

package/dist/de-cd6c45d3.esm.js

@@ -0,0 +1,4 @@
+var de = {
+};
+
+export { de as default };

package/dist/de-d954fe3d.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var de = {
+};
+
+exports["default"] = de;

package/dist/declarations/src/@types/import-resources-modal-props.d.ts

@@ -0,0 +1,7 @@
+import type { ResourceType } from "./resource-type.js";
+export interface ImportResourcesModalProps {
+    resourceType: ResourceType;
+    isOpen: boolean;
+    onClose: () => void;
+    onStartImportSuccess: () => void;
+}

package/dist/declarations/src/@types/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./resource-type.js";
+export * from "./import-resources-modal-props.js";

package/dist/declarations/src/@types/resource-type.d.ts

@@ -0,0 +1 @@
+export type ResourceType = 'category' | 'product';

package/dist/declarations/src/import-resources-modal.d.ts

@@ -0,0 +1,6 @@
+import { ImportResourcesModalProps } from "./@types/index.js";
+declare const ImportResourcesModal: {
+    (props: ImportResourcesModalProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+    displayName: string;
+};
+export default ImportResourcesModal;

package/dist/declarations/src/index.d.ts

@@ -0,0 +1,2 @@
+import ImportResourcesModal from "./import-resources-modal.js";
+export default ImportResourcesModal;

package/dist/en-3a9aa2d4.esm.js

@@ -0,0 +1,4 @@
+var en = {
+};
+
+export { en as default };

package/dist/en-6b3694f6.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var en = {
+};
+
+exports["default"] = en;

package/dist/en-c7757448.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var en = {
+};
+
+exports["default"] = en;

package/dist/es-042343bd.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var es = {
+};
+
+exports["default"] = es;

package/dist/es-8b3ecab1.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var es = {
+};
+
+exports["default"] = es;

package/dist/es-e544023d.esm.js

@@ -0,0 +1,4 @@
+var es = {
+};
+
+export { es as default };

package/dist/fr-FR-9d9081ee.esm.js

@@ -0,0 +1,4 @@
+var frFR = {
+};
+
+export { frFR as default };

package/dist/fr-FR-e7126fcc.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var frFR = {
+};
+
+exports["default"] = frFR;

package/dist/fr-FR-fce1ca96.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var frFR = {
+};
+
+exports["default"] = frFR;

package/dist/ja-37632763.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var ja = {
+};
+
+exports["default"] = ja;

package/dist/ja-73c088a7.esm.js

@@ -0,0 +1,4 @@
+var ja = {
+};
+
+export { ja as default };

package/dist/ja-9bd5f452.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var ja = {
+};
+
+exports["default"] = ja;

package/dist/pt-BR-b37d730b.esm.js

@@ -0,0 +1,4 @@
+var ptBR = {
+};
+
+export { ptBR as default };

package/dist/pt-BR-ea6b3251.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var ptBR = {
+};
+
+exports["default"] = ptBR;

package/dist/pt-BR-ec2a1a11.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var ptBR = {
+};
+
+exports["default"] = ptBR;

package/dist/zh-CN-4780d88e.esm.js

@@ -0,0 +1,4 @@
+var zhCN = {
+};
+
+export { zhCN as default };

package/dist/zh-CN-52baa549.cjs.prod.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var zhCN = {
+};
+
+exports["default"] = zhCN;

package/dist/zh-CN-d4bc6d26.cjs.dev.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var zhCN = {
+};
+
+exports["default"] = zhCN;

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@commercetools-frontend-extensions/import-resources-modal",
+  "description": "Shared import modal for importing resources",
+  "version": "0.0.1",
+  "license": "BSD-3-Clause",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/commercetools-frontend-extensions-import-resources-modal.cjs.js",
+  "module": "dist/commercetools-frontend-extensions-import-resources-modal.esm.js",
+  "files": [
+    "dist",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
+  "dependencies": {
+    "@babel/runtime": "7.24.5",
+    "@babel/runtime-corejs3": "7.24.5",
+    "@emotion/react": "11.11.4",
+    "@emotion/styled": "11.11.5",
+    "@formatjs/cli": "6.2.10",
+    "formik": "^2.2.9",
+    "gql-query-builder": "^3.8.0",
+    "jest": "29.7.0",
+    "lodash": "4.17.21",
+    "moment": "2.30.1",
+    "omit-empty-es": "^1.1.3",
+    "prop-types": "15.8.1",
+    "react": "17.0.2"
+  },
+  "devDependencies": {
+    "@commercetools-frontend/actions-global": "22.26.0",
+    "@commercetools-frontend/application-components": "22.26.0",
+    "@commercetools-frontend/application-shell": "22.26.0",
+    "@commercetools-frontend/application-shell-connectors": "22.26.0",
+    "@commercetools-frontend/constants": "22.26.0",
+    "@commercetools-frontend/i18n": "22.26.0",
+    "@commercetools-frontend/jest-preset-mc-app": "22.26.0",
+    "@commercetools-frontend/sdk": "22.26.0",
+    "@commercetools-frontend/sentry": "22.26.0",
+    "@commercetools-frontend/ui-kit": "19.3.1",
+    "@commercetools-uikit/design-system": "19.3.1",
+    "@preconstruct/cli": "2.8.4",
+    "@types/jest": "29.5.12",
+    "@types/testing-library__jest-dom": "^5.14.5",
+    "msw": "1.3.3",
+    "react-intl": "6.6.6",
+    "react-redux": "7.2.9",
+    "redux": "4.2.1",
+    "rimraf": "5.0.5"
+  },
+  "peerDependencies": {
+    "@commercetools-frontend/actions-global": "22.x",
+    "@commercetools-frontend/application-components": "22.x",
+    "@commercetools-frontend/application-shell": "22.x",
+    "@commercetools-frontend/application-shell-connectors": "22.x",
+    "@commercetools-frontend/constants": "22.x",
+    "@commercetools-frontend/i18n": "22.x",
+    "@commercetools-frontend/jest-preset-mc-app": "22.x",
+    "@commercetools-frontend/sdk": "22.x",
+    "@commercetools-frontend/sentry": "22.x",
+    "@commercetools-frontend/ui-kit": "17.x || 18.x || 19.x",
+    "@commercetools-uikit/design-system": "17.x || 18.x || 19.x",
+    "react-intl": "6.x",
+    "react-redux": "7.x",
+    "redux": "4.x"
+  },
+  "scripts": {
+    "build": "rimraf dist && preconstruct build",
+    "test": "jest --config jest.test.config.js",
+    "test:watch": "jest --config jest.test.config.js --watch",
+    "build:bundles": "pnpm build",
+    "build:watch": "preconstruct watch",
+    "extract-intl": "formatjs extract --format transifex --out-file $(pwd)/src/i18n/data/core.json 'src/**/(*.)?messages.(js|ts)'",
+    "typecheck": "tsc --noEmit"
+  }
+}