@commercetools-frontend-extensions/import-resources-modal 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/{active-drag-drop-area-ece62c7b.cjs.dev.js → active-drag-drop-area-14a9ac54.cjs.dev.js} +1 -2
  2. package/dist/{active-drag-drop-area-8bf22e12.cjs.prod.js → active-drag-drop-area-1ce20a9e.cjs.prod.js} +1 -2
  3. package/dist/{active-drag-drop-area-7a3902f2.esm.js → active-drag-drop-area-2628f8b5.esm.js} +1 -2
  4. package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js +1 -2
  5. package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.prod.js +1 -2
  6. package/dist/commercetools-frontend-extensions-import-resources-modal.esm.js +1 -2
  7. package/dist/declarations/src/@types/resource-type.d.ts +1 -1
  8. package/dist/{enabled-drop-area-7f724328.cjs.dev.js → enabled-drop-area-7280acfd.cjs.dev.js} +1 -2
  9. package/dist/{enabled-drop-area-67f623e3.esm.js → enabled-drop-area-859b8fca.esm.js} +1 -2
  10. package/dist/{enabled-drop-area-adb83264.cjs.prod.js → enabled-drop-area-c976838f.cjs.prod.js} +1 -2
  11. package/dist/{file-dropped-area-0c929826.esm.js → file-dropped-area-61e339b0.esm.js} +1 -2
  12. package/dist/{file-dropped-area-9f77a61b.cjs.dev.js → file-dropped-area-9d536c9e.cjs.prod.js} +1 -2
  13. package/dist/{file-dropped-area-9d71f68d.cjs.prod.js → file-dropped-area-d5448c72.cjs.dev.js} +1 -2
  14. package/dist/{index-7d9e5d37.cjs.dev.js → index-1582b8fc.cjs.dev.js} +20 -13
  15. package/dist/{index-79c6f7aa.esm.js → index-75e4313b.esm.js} +20 -12
  16. package/dist/{index-d9677b40.cjs.prod.js → index-f962601e.cjs.prod.js} +20 -13
  17. package/package.json +8 -8
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7d9e5d37.cjs.dev.js');
3
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-1582b8fc.cjs.dev.js');
4
4
  var jsxRuntime = require('@emotion/react/jsx-runtime');
5
5
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
6
6
  require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -50,7 +50,6 @@ require('@emotion/styled/base');
50
50
  require('@emotion/react');
51
51
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
52
52
  require('@commercetools-uikit/data-table');
53
- require('lodash.truncate');
54
53
  require('@commercetools-frontend/i18n');
55
54
 
56
55
  function ActiveDragDropArea(_ref) {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d9677b40.cjs.prod.js');
3
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-f962601e.cjs.prod.js');
4
4
  var jsxRuntime = require('@emotion/react/jsx-runtime');
5
5
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
6
6
  require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -50,7 +50,6 @@ require('@emotion/styled/base');
50
50
  require('@emotion/react');
51
51
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
52
52
  require('@commercetools-uikit/data-table');
53
- require('lodash.truncate');
54
53
  require('@commercetools-frontend/i18n');
55
54
 
56
55
  function ActiveDragDropArea(_ref) {
@@ -1,4 +1,4 @@
1
- import { F as FileDropped, E as EnabledDropArea } from './index-79c6f7aa.esm.js';
1
+ import { F as FileDropped, E as EnabledDropArea } from './index-75e4313b.esm.js';
2
2
  import { jsx } from '@emotion/react/jsx-runtime';
3
3
  import '@babel/runtime-corejs3/core-js-stable/object/keys';
4
4
  import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -48,7 +48,6 @@ import '@emotion/styled/base';
48
48
  import '@emotion/react';
49
49
  import '@babel/runtime-corejs3/core-js-stable/instance/slice';
50
50
  import '@commercetools-uikit/data-table';
51
- import 'lodash.truncate';
52
51
  import '@commercetools-frontend/i18n';
53
52
 
54
53
  function ActiveDragDropArea(_ref) {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7d9e5d37.cjs.dev.js');
5
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-1582b8fc.cjs.dev.js');
6
6
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
7
  require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
8
  require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -52,7 +52,6 @@ require('@emotion/styled/base');
52
52
  require('@emotion/react');
53
53
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
54
54
  require('@commercetools-uikit/data-table');
55
- require('lodash.truncate');
56
55
  require('@commercetools-frontend/i18n');
57
56
 
58
57
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d9677b40.cjs.prod.js');
5
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-f962601e.cjs.prod.js');
6
6
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
7
  require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
8
  require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -52,7 +52,6 @@ require('@emotion/styled/base');
52
52
  require('@emotion/react');
53
53
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
54
54
  require('@commercetools-uikit/data-table');
55
- require('lodash.truncate');
56
55
  require('@commercetools-frontend/i18n');
57
56
 
58
57
 
@@ -1,4 +1,4 @@
1
- export { I as default } from './index-79c6f7aa.esm.js';
1
+ export { I as default } from './index-75e4313b.esm.js';
2
2
  import '@babel/runtime-corejs3/core-js-stable/object/keys';
3
3
  import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
4
4
  import '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -48,5 +48,4 @@ import '@emotion/styled/base';
48
48
  import '@emotion/react';
49
49
  import '@babel/runtime-corejs3/core-js-stable/instance/slice';
50
50
  import '@commercetools-uikit/data-table';
51
- import 'lodash.truncate';
52
51
  import '@commercetools-frontend/i18n';
@@ -1 +1 @@
1
- export type ResourceType = 'category' | 'product';
1
+ export type ResourceType = 'category' | 'product' | 'inventory';
@@ -11,7 +11,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
11
11
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
12
  require('react');
13
13
  var uiKit = require('@commercetools-frontend/ui-kit');
14
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7d9e5d37.cjs.dev.js');
14
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-1582b8fc.cjs.dev.js');
15
15
  var jsxRuntime = require('@emotion/react/jsx-runtime');
16
16
  require('react-intl');
17
17
  require('@commercetools-frontend/application-shell-connectors');
@@ -50,7 +50,6 @@ require('@emotion/styled/base');
50
50
  require('@emotion/react');
51
51
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
52
52
  require('@commercetools-uikit/data-table');
53
- require('lodash.truncate');
54
53
  require('@commercetools-frontend/i18n');
55
54
 
56
55
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -9,7 +9,7 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
9
9
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
10
  import 'react';
11
11
  import { Spacings, Text, Link } from '@commercetools-frontend/ui-kit';
12
- import { m as messages } from './index-79c6f7aa.esm.js';
12
+ import { m as messages } from './index-75e4313b.esm.js';
13
13
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
14
14
  import 'react-intl';
15
15
  import '@commercetools-frontend/application-shell-connectors';
@@ -48,7 +48,6 @@ import '@emotion/styled/base';
48
48
  import '@emotion/react';
49
49
  import '@babel/runtime-corejs3/core-js-stable/instance/slice';
50
50
  import '@commercetools-uikit/data-table';
51
- import 'lodash.truncate';
52
51
  import '@commercetools-frontend/i18n';
53
52
 
54
53
  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; }
@@ -11,7 +11,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
11
11
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
12
  require('react');
13
13
  var uiKit = require('@commercetools-frontend/ui-kit');
14
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d9677b40.cjs.prod.js');
14
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-f962601e.cjs.prod.js');
15
15
  var jsxRuntime = require('@emotion/react/jsx-runtime');
16
16
  require('react-intl');
17
17
  require('@commercetools-frontend/application-shell-connectors');
@@ -50,7 +50,6 @@ require('@emotion/styled/base');
50
50
  require('@emotion/react');
51
51
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
52
52
  require('@commercetools-uikit/data-table');
53
- require('lodash.truncate');
54
53
  require('@commercetools-frontend/i18n');
55
54
 
56
55
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -1,6 +1,6 @@
1
1
  import { useIntl } from 'react-intl';
2
2
  import { Spacings, PaperclipIcon, Constraints, Text, SecondaryButton } from '@commercetools-frontend/ui-kit';
3
- import { u as useImportResourcesContext, m as messages } from './index-79c6f7aa.esm.js';
3
+ import { u as useImportResourcesContext, m as messages } from './index-75e4313b.esm.js';
4
4
  import 'react';
5
5
  import '@commercetools-frontend/application-shell-connectors';
6
6
  import '@commercetools-frontend/sdk';
@@ -48,7 +48,6 @@ import '@emotion/styled/base';
48
48
  import '@emotion/react';
49
49
  import '@babel/runtime-corejs3/core-js-stable/instance/slice';
50
50
  import '@commercetools-uikit/data-table';
51
- import 'lodash.truncate';
52
51
  import '@commercetools-frontend/i18n';
53
52
 
54
53
  function FileDroppedArea() {
@@ -2,7 +2,7 @@
2
2
 
3
3
  var reactIntl = require('react-intl');
4
4
  var uiKit = require('@commercetools-frontend/ui-kit');
5
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7d9e5d37.cjs.dev.js');
5
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-f962601e.cjs.prod.js');
6
6
  require('react');
7
7
  require('@commercetools-frontend/application-shell-connectors');
8
8
  require('@commercetools-frontend/sdk');
@@ -50,7 +50,6 @@ require('@emotion/styled/base');
50
50
  require('@emotion/react');
51
51
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
52
52
  require('@commercetools-uikit/data-table');
53
- require('lodash.truncate');
54
53
  require('@commercetools-frontend/i18n');
55
54
 
56
55
  function FileDroppedArea() {
@@ -2,7 +2,7 @@
2
2
 
3
3
  var reactIntl = require('react-intl');
4
4
  var uiKit = require('@commercetools-frontend/ui-kit');
5
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d9677b40.cjs.prod.js');
5
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-1582b8fc.cjs.dev.js');
6
6
  require('react');
7
7
  require('@commercetools-frontend/application-shell-connectors');
8
8
  require('@commercetools-frontend/sdk');
@@ -50,7 +50,6 @@ require('@emotion/styled/base');
50
50
  require('@emotion/react');
51
51
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
52
52
  require('@commercetools-uikit/data-table');
53
- require('lodash.truncate');
54
53
  require('@commercetools-frontend/i18n');
55
54
 
56
55
  function FileDroppedArea() {
@@ -49,7 +49,6 @@ var _styled = require('@emotion/styled/base');
49
49
  var react = require('@emotion/react');
50
50
  var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
51
51
  var DataTable = require('@commercetools-uikit/data-table');
52
- var truncate$1 = require('lodash.truncate');
53
52
  var i18n = require('@commercetools-frontend/i18n');
54
53
 
55
54
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -79,11 +78,11 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
79
78
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
80
79
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
81
80
  var DataTable__default = /*#__PURE__*/_interopDefault(DataTable);
82
- var truncate__default = /*#__PURE__*/_interopDefault(truncate$1);
83
81
 
84
82
  const EnabledResourceType = {
85
83
  category: true,
86
- product: true
84
+ product: true,
85
+ inventory: true
87
86
  };
88
87
  function isResourceType(maybeResourceType) {
89
88
  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
@@ -118,19 +117,23 @@ const TAG_KEY_SOURCE_FILE_UPLOAD = _concatInstanceProperty__default["default"](_
118
117
 
119
118
  const FILE_SIZE_LIMITS_MB = {
120
119
  category: 10,
120
+ inventory: 10,
121
121
  product: 35
122
122
  };
123
123
  const ROW_LIMITS = {
124
124
  category: 5000,
125
+ inventory: 5000,
125
126
  product: 70000
126
127
  };
127
128
  const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
128
129
  category: 'https://docs.commercetools.com/merchant-center/downloads/category_import_template.csv',
129
- product: 'https://docs.commercetools.com/merchant-center/import-data#create-a-csv-file'
130
+ product: 'https://docs.commercetools.com/merchant-center/import-data#create-a-csv-file',
131
+ inventory: 'https://docs.commercetools.com/merchant-center/downloads/inventory_entry_import_template.csv'
130
132
  };
131
133
  const RESOURCE_TYPE_DOCUMENTATION_LINKS = {
132
134
  category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values',
133
- product: 'https://docs.commercetools.com/merchant-center/import-products#supported-headers-and-values'
135
+ product: 'https://docs.commercetools.com/merchant-center/import-products#supported-headers-and-values',
136
+ inventory: 'https://docs.commercetools.com/merchant-center/import-inventory-entries#supported-headers-and-values'
134
137
  };
135
138
 
136
139
  function ownKeys$f(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; }
@@ -881,13 +884,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
881
884
  return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
882
885
  }
883
886
 
884
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-ece62c7b.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
887
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-14a9ac54.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
885
888
 
886
889
  var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-aa78075b.cjs.dev.js' /* webpackChunkName: "disabled-drop-area" */); }));
887
890
 
888
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-7f724328.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
891
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-7280acfd.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
889
892
 
890
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-9f77a61b.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
893
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-d5448c72.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
891
894
 
892
895
  function getDropArea(_ref) {
893
896
  let dropAreaState = _ref.dropAreaState,
@@ -1808,14 +1811,18 @@ const Uploading = () => {
1808
1811
  justifyContent: "space-between",
1809
1812
  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1810
1813
  alignItems: "center",
1811
- children: [jsxRuntime.jsx(FileIcon, {}), jsxRuntime.jsx(uiKit.Text.Body, {
1812
- isBold: true,
1813
- children: truncate__default["default"](state.droppedFile.name, {
1814
- length: 40
1814
+ children: [jsxRuntime.jsx(FileIcon, {}), jsxRuntime.jsx(uiKit.Spacings.Inline, {
1815
+ children: jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
1816
+ max: 10,
1817
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
1818
+ truncate: true,
1819
+ isBold: true,
1820
+ children: state.droppedFile.name
1821
+ })
1815
1822
  })
1816
1823
  }), jsxRuntime.jsxs(uiKit.Text.Body, {
1817
1824
  tone: "secondary",
1818
- children: [intl.formatNumber(convertFileSizeToKB(state.droppedFile.size)), ' ', "KB"]
1825
+ children: ["(", intl.formatNumber(convertFileSizeToKB(state.droppedFile.size)), ' ', "KB)"]
1819
1826
  })]
1820
1827
  }), jsxRuntime.jsx(uiKit.SecondaryButton, {
1821
1828
  tone: "secondary",
@@ -47,12 +47,12 @@ import _styled from '@emotion/styled/base';
47
47
  import { css } from '@emotion/react';
48
48
  import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
49
49
  import DataTable from '@commercetools-uikit/data-table';
50
- import truncate$1 from 'lodash.truncate';
51
50
  import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
52
51
 
53
52
  const EnabledResourceType = {
54
53
  category: true,
55
- product: true
54
+ product: true,
55
+ inventory: true
56
56
  };
57
57
  function isResourceType(maybeResourceType) {
58
58
  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
@@ -87,19 +87,23 @@ const TAG_KEY_SOURCE_FILE_UPLOAD = _concatInstanceProperty(_context = "".concat(
87
87
 
88
88
  const FILE_SIZE_LIMITS_MB = {
89
89
  category: 10,
90
+ inventory: 10,
90
91
  product: 35
91
92
  };
92
93
  const ROW_LIMITS = {
93
94
  category: 5000,
95
+ inventory: 5000,
94
96
  product: 70000
95
97
  };
96
98
  const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
97
99
  category: 'https://docs.commercetools.com/merchant-center/downloads/category_import_template.csv',
98
- product: 'https://docs.commercetools.com/merchant-center/import-data#create-a-csv-file'
100
+ product: 'https://docs.commercetools.com/merchant-center/import-data#create-a-csv-file',
101
+ inventory: 'https://docs.commercetools.com/merchant-center/downloads/inventory_entry_import_template.csv'
99
102
  };
100
103
  const RESOURCE_TYPE_DOCUMENTATION_LINKS = {
101
104
  category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values',
102
- product: 'https://docs.commercetools.com/merchant-center/import-products#supported-headers-and-values'
105
+ product: 'https://docs.commercetools.com/merchant-center/import-products#supported-headers-and-values',
106
+ inventory: 'https://docs.commercetools.com/merchant-center/import-inventory-entries#supported-headers-and-values'
103
107
  };
104
108
 
105
109
  function ownKeys$f(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; }
@@ -850,13 +854,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
850
854
  return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
851
855
  }
852
856
 
853
- var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-7a3902f2.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
857
+ var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-2628f8b5.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
854
858
 
855
859
  var DisabledDropArea = /*#__PURE__*/lazy(() => import('./disabled-drop-area-2c088477.esm.js' /* webpackChunkName: "disabled-drop-area" */));
856
860
 
857
- var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-67f623e3.esm.js' /* webpackChunkName: "enabled-drop-area" */));
861
+ var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-859b8fca.esm.js' /* webpackChunkName: "enabled-drop-area" */));
858
862
 
859
- var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-0c929826.esm.js' /* webpackChunkName: "filed-dropped-area" */));
863
+ var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-61e339b0.esm.js' /* webpackChunkName: "filed-dropped-area" */));
860
864
 
861
865
  function getDropArea(_ref) {
862
866
  let dropAreaState = _ref.dropAreaState,
@@ -1777,14 +1781,18 @@ const Uploading = () => {
1777
1781
  justifyContent: "space-between",
1778
1782
  children: [jsxs(Spacings.Inline, {
1779
1783
  alignItems: "center",
1780
- children: [jsx(FileIcon, {}), jsx(Text.Body, {
1781
- isBold: true,
1782
- children: truncate$1(state.droppedFile.name, {
1783
- length: 40
1784
+ children: [jsx(FileIcon, {}), jsx(Spacings.Inline, {
1785
+ children: jsx(Constraints.Horizontal, {
1786
+ max: 10,
1787
+ children: jsx(Text.Body, {
1788
+ truncate: true,
1789
+ isBold: true,
1790
+ children: state.droppedFile.name
1791
+ })
1784
1792
  })
1785
1793
  }), jsxs(Text.Body, {
1786
1794
  tone: "secondary",
1787
- children: [intl.formatNumber(convertFileSizeToKB(state.droppedFile.size)), ' ', "KB"]
1795
+ children: ["(", intl.formatNumber(convertFileSizeToKB(state.droppedFile.size)), ' ', "KB)"]
1788
1796
  })]
1789
1797
  }), jsx(SecondaryButton, {
1790
1798
  tone: "secondary",
@@ -49,7 +49,6 @@ var _styled = require('@emotion/styled/base');
49
49
  var react = require('@emotion/react');
50
50
  var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
51
51
  var DataTable = require('@commercetools-uikit/data-table');
52
- var truncate$1 = require('lodash.truncate');
53
52
  var i18n = require('@commercetools-frontend/i18n');
54
53
 
55
54
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -79,11 +78,11 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
79
78
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
80
79
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
81
80
  var DataTable__default = /*#__PURE__*/_interopDefault(DataTable);
82
- var truncate__default = /*#__PURE__*/_interopDefault(truncate$1);
83
81
 
84
82
  const EnabledResourceType = {
85
83
  category: true,
86
- product: true
84
+ product: true,
85
+ inventory: true
87
86
  };
88
87
  function isResourceType(maybeResourceType) {
89
88
  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
@@ -118,19 +117,23 @@ const TAG_KEY_SOURCE_FILE_UPLOAD = _concatInstanceProperty__default["default"](_
118
117
 
119
118
  const FILE_SIZE_LIMITS_MB = {
120
119
  category: 10,
120
+ inventory: 10,
121
121
  product: 35
122
122
  };
123
123
  const ROW_LIMITS = {
124
124
  category: 5000,
125
+ inventory: 5000,
125
126
  product: 70000
126
127
  };
127
128
  const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
128
129
  category: 'https://docs.commercetools.com/merchant-center/downloads/category_import_template.csv',
129
- product: 'https://docs.commercetools.com/merchant-center/import-data#create-a-csv-file'
130
+ product: 'https://docs.commercetools.com/merchant-center/import-data#create-a-csv-file',
131
+ inventory: 'https://docs.commercetools.com/merchant-center/downloads/inventory_entry_import_template.csv'
130
132
  };
131
133
  const RESOURCE_TYPE_DOCUMENTATION_LINKS = {
132
134
  category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values',
133
- product: 'https://docs.commercetools.com/merchant-center/import-products#supported-headers-and-values'
135
+ product: 'https://docs.commercetools.com/merchant-center/import-products#supported-headers-and-values',
136
+ inventory: 'https://docs.commercetools.com/merchant-center/import-inventory-entries#supported-headers-and-values'
134
137
  };
135
138
 
136
139
  function ownKeys$f(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; }
@@ -878,13 +881,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
878
881
  return /*#__PURE__*/react.css("" , "" );
879
882
  }
880
883
 
881
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-8bf22e12.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
884
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-1ce20a9e.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
882
885
 
883
886
  var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-99c1fa0b.cjs.prod.js' /* webpackChunkName: "disabled-drop-area" */); }));
884
887
 
885
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-adb83264.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
888
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-c976838f.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
886
889
 
887
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-9d71f68d.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
890
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-9d536c9e.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
888
891
 
889
892
  function getDropArea(_ref) {
890
893
  let dropAreaState = _ref.dropAreaState,
@@ -1802,14 +1805,18 @@ const Uploading = () => {
1802
1805
  justifyContent: "space-between",
1803
1806
  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1804
1807
  alignItems: "center",
1805
- children: [jsxRuntime.jsx(FileIcon, {}), jsxRuntime.jsx(uiKit.Text.Body, {
1806
- isBold: true,
1807
- children: truncate__default["default"](state.droppedFile.name, {
1808
- length: 40
1808
+ children: [jsxRuntime.jsx(FileIcon, {}), jsxRuntime.jsx(uiKit.Spacings.Inline, {
1809
+ children: jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
1810
+ max: 10,
1811
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
1812
+ truncate: true,
1813
+ isBold: true,
1814
+ children: state.droppedFile.name
1815
+ })
1809
1816
  })
1810
1817
  }), jsxRuntime.jsxs(uiKit.Text.Body, {
1811
1818
  tone: "secondary",
1812
- children: [intl.formatNumber(convertFileSizeToKB(state.droppedFile.size)), ' ', "KB"]
1819
+ children: ["(", intl.formatNumber(convertFileSizeToKB(state.droppedFile.size)), ' ', "KB)"]
1813
1820
  })]
1814
1821
  }), jsxRuntime.jsx(uiKit.SecondaryButton, {
1815
1822
  tone: "secondary",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-frontend-extensions/import-resources-modal",
3
3
  "description": "Shared import modal for importing resources",
4
- "version": "1.0.4",
4
+ "version": "1.0.6",
5
5
  "license": "BSD-3-Clause",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -15,8 +15,8 @@
15
15
  "README.md"
16
16
  ],
17
17
  "dependencies": {
18
- "@babel/runtime": "7.24.5",
19
- "@babel/runtime-corejs3": "7.24.5",
18
+ "@babel/runtime": "7.24.7",
19
+ "@babel/runtime-corejs3": "7.24.7",
20
20
  "@commercetools/importapi-sdk": "5.4.0",
21
21
  "@emotion/react": "11.11.4",
22
22
  "@emotion/styled": "11.11.5",
@@ -45,11 +45,11 @@
45
45
  "@commercetools-frontend/jest-preset-mc-app": "22.27.0",
46
46
  "@commercetools-frontend/sdk": "22.27.0",
47
47
  "@commercetools-frontend/sentry": "22.27.0",
48
- "@commercetools-frontend/ui-kit": "19.4.0",
49
- "@commercetools-uikit/data-table": "19.4.0",
50
- "@commercetools-uikit/design-system": "19.4.0",
51
- "@commercetools-uikit/icons": "19.4.0",
52
- "@commercetools-uikit/select-field": "19.4.0",
48
+ "@commercetools-frontend/ui-kit": "19.5.0",
49
+ "@commercetools-uikit/data-table": "19.5.0",
50
+ "@commercetools-uikit/design-system": "19.5.0",
51
+ "@commercetools-uikit/icons": "19.5.0",
52
+ "@commercetools-uikit/select-field": "19.5.0",
53
53
  "@preconstruct/cli": "2.8.4",
54
54
  "@types/jest": "29.5.12",
55
55
  "@types/lodash.truncate": "^4.4.7",