@commercetools-frontend-extensions/import-resources-modal 0.0.1 → 1.0.1
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.
- package/README.md +56 -0
- package/dist/active-drag-drop-area-06cef014.esm.js +60 -0
- package/dist/active-drag-drop-area-be3680ab.cjs.prod.js +62 -0
- package/dist/active-drag-drop-area-fae899bd.cjs.dev.js +62 -0
- package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js +49 -146
- package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.prod.js +49 -146
- package/dist/commercetools-frontend-extensions-import-resources-modal.esm.js +45 -133
- package/dist/declarations/src/@types/api.d.ts +13 -0
- package/dist/declarations/src/@types/basic-error-data-type.d.ts +5 -0
- package/dist/declarations/src/@types/file-upload.d.ts +52 -0
- package/dist/declarations/src/@types/import-container.d.ts +20 -0
- package/dist/declarations/src/@types/import-resources-modal-props.d.ts +2 -2
- package/dist/declarations/src/@types/import-states.d.ts +9 -0
- package/dist/declarations/src/@types/import-summary.d.ts +8 -0
- package/dist/declarations/src/@types/index.d.ts +7 -0
- package/dist/declarations/src/@types/shared.d.ts +7 -0
- package/dist/disabled-drop-area-2c088477.esm.js +37 -0
- package/dist/disabled-drop-area-99c1fa0b.cjs.prod.js +50 -0
- package/dist/disabled-drop-area-aa78075b.cjs.dev.js +50 -0
- package/dist/enabled-drop-area-32e0dc61.cjs.prod.js +123 -0
- package/dist/enabled-drop-area-56d860b6.cjs.dev.js +123 -0
- package/dist/enabled-drop-area-69507fae.esm.js +110 -0
- package/dist/file-dropped-area-6acf82c0.cjs.dev.js +83 -0
- package/dist/file-dropped-area-6f365e02.esm.js +81 -0
- package/dist/file-dropped-area-e856a71f.cjs.prod.js +83 -0
- package/dist/index-a4665b30.esm.js +1854 -0
- package/dist/index-bb7f975c.cjs.dev.js +1889 -0
- package/dist/index-d79bbd8e.cjs.prod.js +1883 -0
- package/package.json +30 -18
|
@@ -2,23 +2,39 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
5
|
+
var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d79bbd8e.cjs.prod.js');
|
|
6
|
+
require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
7
|
+
require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
8
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
9
|
+
require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
10
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
11
|
+
require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
12
|
+
require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
13
|
+
require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
14
|
+
require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
15
|
+
require('react-intl');
|
|
16
|
+
require('@commercetools-frontend/application-shell-connectors');
|
|
17
|
+
require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
18
|
+
require('react');
|
|
19
|
+
require('@commercetools-frontend/sdk');
|
|
20
|
+
require('@commercetools-frontend/constants');
|
|
21
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/every');
|
|
22
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
23
|
+
require('pluralize');
|
|
24
|
+
require('@babel/runtime-corejs3/core-js-stable/promise');
|
|
25
|
+
require('@babel/runtime-corejs3/core-js-stable/array/is-array');
|
|
26
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/flat-map');
|
|
27
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
28
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/find');
|
|
29
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/includes');
|
|
30
|
+
require('papaparse');
|
|
31
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
|
|
32
|
+
require('@babel/runtime-corejs3/core-js-stable/json/stringify');
|
|
33
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/some');
|
|
34
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
|
|
35
|
+
require('querystring');
|
|
36
|
+
require('ramda');
|
|
37
|
+
require('@commercetools-frontend/application-shell');
|
|
22
38
|
require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
23
39
|
require('@babel/runtime-corejs3/helpers/createClass');
|
|
24
40
|
require('@babel/runtime-corejs3/helpers/classCallCheck');
|
|
@@ -26,132 +42,19 @@ require('@babel/runtime-corejs3/helpers/inherits');
|
|
|
26
42
|
require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
|
|
27
43
|
require('@babel/runtime-corejs3/helpers/getPrototypeOf');
|
|
28
44
|
require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
const intlLocale = i18n.mapLocaleToIntlLocale(locale);
|
|
46
|
-
switch (intlLocale) {
|
|
47
|
-
case 'de':
|
|
48
|
-
return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-de" */'./de-d954fe3d.cjs.prod.js'); });
|
|
49
|
-
case 'es':
|
|
50
|
-
return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-es" */'./es-042343bd.cjs.prod.js'); });
|
|
51
|
-
case 'fr-FR':
|
|
52
|
-
return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-fce1ca96.cjs.prod.js'); });
|
|
53
|
-
case 'zh-CN':
|
|
54
|
-
return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-zh-CN" */'./zh-CN-52baa549.cjs.prod.js'); });
|
|
55
|
-
case 'ja':
|
|
56
|
-
return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
|
|
57
|
-
case 'pt-BR':
|
|
58
|
-
return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ec2a1a11.cjs.prod.js'); });
|
|
59
|
-
default:
|
|
60
|
-
return Promise.resolve().then(function () { return require( /* webpackChunkName: "import-resources-modal-i18n-en" */'./en-c7757448.cjs.prod.js'); });
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
// eslint-disable-next-line import/prefer-default-export
|
|
65
|
-
const loadI18n = async locale => {
|
|
66
|
-
try {
|
|
67
|
-
const messages = await loadMessages(locale);
|
|
68
|
-
return messages.default || messages;
|
|
69
|
-
} catch (error) {
|
|
70
|
-
// eslint-disable-next-line no-console
|
|
71
|
-
console.warn("Something went wrong while loading the import-resources-modal messages for ".concat(locale), error);
|
|
72
|
-
sentry.reportErrorToSentry(new Error("Something went wrong while loading the import-resources-modal messages for ".concat(locale)), {
|
|
73
|
-
extra: error
|
|
74
|
-
});
|
|
75
|
-
return {};
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
const useAsyncIntlMessages = (locale, loader) => {
|
|
80
|
-
const _useState = React.useState({
|
|
81
|
-
isLoading: true,
|
|
82
|
-
messages: undefined,
|
|
83
|
-
error: undefined
|
|
84
|
-
}),
|
|
85
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
86
|
-
state = _useState2[0],
|
|
87
|
-
setState = _useState2[1];
|
|
88
|
-
React.useEffect(() => {
|
|
89
|
-
let _isUnmounting = false;
|
|
90
|
-
async function load() {
|
|
91
|
-
try {
|
|
92
|
-
if (!_isUnmounting) {
|
|
93
|
-
const messages = await loader(locale);
|
|
94
|
-
setState({
|
|
95
|
-
isLoading: false,
|
|
96
|
-
messages
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
} catch (error) {
|
|
100
|
-
setState({
|
|
101
|
-
isLoading: false,
|
|
102
|
-
error
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
if (locale) load();
|
|
107
|
-
return () => {
|
|
108
|
-
_isUnmounting = true;
|
|
109
|
-
};
|
|
110
|
-
}, [locale, loader]);
|
|
111
|
-
return state;
|
|
112
|
-
};
|
|
113
|
-
|
|
114
|
-
function validate() {
|
|
115
|
-
const errors = {};
|
|
116
|
-
return omitEmpty__default["default"](errors);
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
const ImportResourcesContext = /*#__PURE__*/React__default["default"].createContext();
|
|
120
|
-
const ImportResourcesProvider = props => {
|
|
121
|
-
const onSubmit = async values => {
|
|
122
|
-
};
|
|
123
|
-
const formik$1 = formik.useFormik({
|
|
124
|
-
initialValues: {},
|
|
125
|
-
validate,
|
|
126
|
-
onSubmit
|
|
127
|
-
});
|
|
128
|
-
return jsxRuntime.jsx(ImportResourcesContext.Provider, {
|
|
129
|
-
value: {
|
|
130
|
-
formik: formik$1,
|
|
131
|
-
onClose: props.onClose,
|
|
132
|
-
resourceType: props.resourceType
|
|
133
|
-
},
|
|
134
|
-
children: props.children
|
|
135
|
-
});
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
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; }
|
|
139
|
-
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; }
|
|
140
|
-
const ImportResourcesModal = props => {
|
|
141
|
-
const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
|
|
142
|
-
locale: context.user && context.user.locale
|
|
143
|
-
})),
|
|
144
|
-
locale = _useApplicationContex.locale;
|
|
145
|
-
const messages = useAsyncIntlMessages('en', loadI18n);
|
|
146
|
-
if (!props.isOpen || messages.isLoading) return null;
|
|
147
|
-
return jsxRuntime.jsx(reactIntl.IntlProvider, {
|
|
148
|
-
locale: locale,
|
|
149
|
-
messages: messages.messages,
|
|
150
|
-
children: jsxRuntime.jsx(ImportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
|
|
151
|
-
children: "Import resources modal"
|
|
152
|
-
}))
|
|
153
|
-
});
|
|
154
|
-
};
|
|
155
|
-
ImportResourcesModal.displayName = 'ImportResourcesModal';
|
|
156
|
-
|
|
157
|
-
exports["default"] = ImportResourcesModal;
|
|
45
|
+
require('@emotion/react/jsx-runtime');
|
|
46
|
+
require('@commercetools-frontend/application-components');
|
|
47
|
+
require('@commercetools-frontend/ui-kit');
|
|
48
|
+
require('@commercetools-frontend/actions-global');
|
|
49
|
+
require('@commercetools-frontend/sentry');
|
|
50
|
+
require('react-dropzone');
|
|
51
|
+
require('@emotion/styled/base');
|
|
52
|
+
require('@emotion/react');
|
|
53
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/slice');
|
|
54
|
+
require('@commercetools-uikit/data-table');
|
|
55
|
+
require('lodash.truncate');
|
|
56
|
+
require('@commercetools-frontend/i18n');
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
exports["default"] = dist_commercetoolsFrontendExtensionsImportResourcesModal.ImportResourcesModal;
|
|
@@ -1,20 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
1
|
+
export { I as default } from './index-a4665b30.esm.js';
|
|
2
|
+
import '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
3
|
+
import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
4
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
5
|
+
import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
6
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
7
|
+
import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
8
|
+
import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
9
|
+
import '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
10
|
+
import '@babel/runtime-corejs3/helpers/defineProperty';
|
|
11
|
+
import 'react-intl';
|
|
12
|
+
import '@commercetools-frontend/application-shell-connectors';
|
|
13
|
+
import '@babel/runtime-corejs3/helpers/slicedToArray';
|
|
14
|
+
import 'react';
|
|
15
|
+
import '@commercetools-frontend/sdk';
|
|
16
|
+
import '@commercetools-frontend/constants';
|
|
17
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/every';
|
|
18
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
19
|
+
import 'pluralize';
|
|
20
|
+
import '@babel/runtime-corejs3/core-js-stable/promise';
|
|
21
|
+
import '@babel/runtime-corejs3/core-js-stable/array/is-array';
|
|
22
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/flat-map';
|
|
23
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
24
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/find';
|
|
25
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/includes';
|
|
26
|
+
import 'papaparse';
|
|
27
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
|
|
28
|
+
import '@babel/runtime-corejs3/core-js-stable/json/stringify';
|
|
29
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/some';
|
|
30
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
|
|
31
|
+
import 'querystring';
|
|
32
|
+
import 'ramda';
|
|
33
|
+
import '@commercetools-frontend/application-shell';
|
|
18
34
|
import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
|
|
19
35
|
import '@babel/runtime-corejs3/helpers/createClass';
|
|
20
36
|
import '@babel/runtime-corejs3/helpers/classCallCheck';
|
|
@@ -22,119 +38,15 @@ import '@babel/runtime-corejs3/helpers/inherits';
|
|
|
22
38
|
import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
|
|
23
39
|
import '@babel/runtime-corejs3/helpers/getPrototypeOf';
|
|
24
40
|
import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
|
|
25
|
-
import
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return import( /* webpackChunkName: "import-resources-modal-i18n-zh-CN" */'./zh-CN-4780d88e.esm.js');
|
|
38
|
-
case 'ja':
|
|
39
|
-
return import( /* webpackChunkName: "import-resources-modal-i18n-ja" */'./ja-73c088a7.esm.js');
|
|
40
|
-
case 'pt-BR':
|
|
41
|
-
return import( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-b37d730b.esm.js');
|
|
42
|
-
default:
|
|
43
|
-
return import( /* webpackChunkName: "import-resources-modal-i18n-en" */'./en-3a9aa2d4.esm.js');
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
// eslint-disable-next-line import/prefer-default-export
|
|
48
|
-
const loadI18n = async locale => {
|
|
49
|
-
try {
|
|
50
|
-
const messages = await loadMessages(locale);
|
|
51
|
-
return messages.default || messages;
|
|
52
|
-
} catch (error) {
|
|
53
|
-
// eslint-disable-next-line no-console
|
|
54
|
-
console.warn("Something went wrong while loading the import-resources-modal messages for ".concat(locale), error);
|
|
55
|
-
reportErrorToSentry(new Error("Something went wrong while loading the import-resources-modal messages for ".concat(locale)), {
|
|
56
|
-
extra: error
|
|
57
|
-
});
|
|
58
|
-
return {};
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
const useAsyncIntlMessages = (locale, loader) => {
|
|
63
|
-
const _useState = useState({
|
|
64
|
-
isLoading: true,
|
|
65
|
-
messages: undefined,
|
|
66
|
-
error: undefined
|
|
67
|
-
}),
|
|
68
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
69
|
-
state = _useState2[0],
|
|
70
|
-
setState = _useState2[1];
|
|
71
|
-
useEffect(() => {
|
|
72
|
-
let _isUnmounting = false;
|
|
73
|
-
async function load() {
|
|
74
|
-
try {
|
|
75
|
-
if (!_isUnmounting) {
|
|
76
|
-
const messages = await loader(locale);
|
|
77
|
-
setState({
|
|
78
|
-
isLoading: false,
|
|
79
|
-
messages
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
} catch (error) {
|
|
83
|
-
setState({
|
|
84
|
-
isLoading: false,
|
|
85
|
-
error
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
if (locale) load();
|
|
90
|
-
return () => {
|
|
91
|
-
_isUnmounting = true;
|
|
92
|
-
};
|
|
93
|
-
}, [locale, loader]);
|
|
94
|
-
return state;
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
function validate() {
|
|
98
|
-
const errors = {};
|
|
99
|
-
return omitEmpty(errors);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
const ImportResourcesContext = /*#__PURE__*/React.createContext();
|
|
103
|
-
const ImportResourcesProvider = props => {
|
|
104
|
-
const onSubmit = async values => {
|
|
105
|
-
};
|
|
106
|
-
const formik = useFormik({
|
|
107
|
-
initialValues: {},
|
|
108
|
-
validate,
|
|
109
|
-
onSubmit
|
|
110
|
-
});
|
|
111
|
-
return jsx(ImportResourcesContext.Provider, {
|
|
112
|
-
value: {
|
|
113
|
-
formik,
|
|
114
|
-
onClose: props.onClose,
|
|
115
|
-
resourceType: props.resourceType
|
|
116
|
-
},
|
|
117
|
-
children: props.children
|
|
118
|
-
});
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
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; }
|
|
122
|
-
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; }
|
|
123
|
-
const ImportResourcesModal = props => {
|
|
124
|
-
const _useApplicationContex = useApplicationContext(context => ({
|
|
125
|
-
locale: context.user && context.user.locale
|
|
126
|
-
})),
|
|
127
|
-
locale = _useApplicationContex.locale;
|
|
128
|
-
const messages = useAsyncIntlMessages('en', loadI18n);
|
|
129
|
-
if (!props.isOpen || messages.isLoading) return null;
|
|
130
|
-
return jsx(IntlProvider, {
|
|
131
|
-
locale: locale,
|
|
132
|
-
messages: messages.messages,
|
|
133
|
-
children: jsx(ImportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
|
|
134
|
-
children: "Import resources modal"
|
|
135
|
-
}))
|
|
136
|
-
});
|
|
137
|
-
};
|
|
138
|
-
ImportResourcesModal.displayName = 'ImportResourcesModal';
|
|
139
|
-
|
|
140
|
-
export { ImportResourcesModal as default };
|
|
41
|
+
import '@emotion/react/jsx-runtime';
|
|
42
|
+
import '@commercetools-frontend/application-components';
|
|
43
|
+
import '@commercetools-frontend/ui-kit';
|
|
44
|
+
import '@commercetools-frontend/actions-global';
|
|
45
|
+
import '@commercetools-frontend/sentry';
|
|
46
|
+
import 'react-dropzone';
|
|
47
|
+
import '@emotion/styled/base';
|
|
48
|
+
import '@emotion/react';
|
|
49
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/slice';
|
|
50
|
+
import '@commercetools-uikit/data-table';
|
|
51
|
+
import 'lodash.truncate';
|
|
52
|
+
import '@commercetools-frontend/i18n';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
type METHOD = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
|
|
2
|
+
export type ApiConfig = {
|
|
3
|
+
headers?: Record<string, string | null>;
|
|
4
|
+
method?: METHOD;
|
|
5
|
+
proxy?: string;
|
|
6
|
+
abortSignal?: AbortSignal;
|
|
7
|
+
};
|
|
8
|
+
export type Fetcher = {
|
|
9
|
+
url: string;
|
|
10
|
+
payload?: BodyInit;
|
|
11
|
+
config?: ApiConfig;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { TSdkAction } from '@commercetools-frontend/sdk';
|
|
2
|
+
import { ResourceType } from "./resource-type.js";
|
|
3
|
+
export type DelimiterCheck = {
|
|
4
|
+
isValid: boolean;
|
|
5
|
+
delimiter: string | null;
|
|
6
|
+
};
|
|
7
|
+
export type FileUploadClientSideError = {
|
|
8
|
+
title: string;
|
|
9
|
+
description: string;
|
|
10
|
+
};
|
|
11
|
+
export type UploadFileErrorRow = {
|
|
12
|
+
id: string;
|
|
13
|
+
row?: number;
|
|
14
|
+
code: string;
|
|
15
|
+
field: string;
|
|
16
|
+
validationMessage: string;
|
|
17
|
+
};
|
|
18
|
+
export type RowError = {
|
|
19
|
+
code: string;
|
|
20
|
+
message: string;
|
|
21
|
+
field: string;
|
|
22
|
+
};
|
|
23
|
+
export type RowErrorsResponse = {
|
|
24
|
+
row?: number;
|
|
25
|
+
errors: Array<RowError>;
|
|
26
|
+
};
|
|
27
|
+
export type FileUploadResponse = {
|
|
28
|
+
results: Array<RowErrorsResponse>;
|
|
29
|
+
invalid: number;
|
|
30
|
+
valid: number;
|
|
31
|
+
fileName: string;
|
|
32
|
+
rowsCount: number;
|
|
33
|
+
columnsCount: number;
|
|
34
|
+
columns: Array<string>;
|
|
35
|
+
ignoredColumns: Array<string>;
|
|
36
|
+
};
|
|
37
|
+
export interface FileUploadRequestParameters {
|
|
38
|
+
projectKey: string;
|
|
39
|
+
containerKey: string;
|
|
40
|
+
resourceType: ResourceType;
|
|
41
|
+
file: File;
|
|
42
|
+
abortSignal?: AbortSignal;
|
|
43
|
+
}
|
|
44
|
+
export interface ProcessUploadedFileRequestParameters {
|
|
45
|
+
projectKey: string;
|
|
46
|
+
containerKey: string;
|
|
47
|
+
resourceType: ResourceType;
|
|
48
|
+
asyncDispatch: (action: TSdkAction) => Promise<unknown>;
|
|
49
|
+
}
|
|
50
|
+
export type ProcessFileResponse = {
|
|
51
|
+
message: string;
|
|
52
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { ImportContainerPagedResponse, ImportContainer, ImportContainerDraft, ImportSummary } from '@commercetools/importapi-sdk';
|
|
2
|
+
export declare function assertImportContainerPagedResponse(maybeImportContainerPagedResponse: unknown): asserts maybeImportContainerPagedResponse is ImportContainerPagedResponse;
|
|
3
|
+
export declare function assertImportSummary(maybeImportSummary: unknown): asserts maybeImportSummary is ImportSummary;
|
|
4
|
+
export declare function assertImportContainer(maybeImportContainerResponse: unknown): asserts maybeImportContainerResponse is ImportContainer;
|
|
5
|
+
export type CancelContainerResponse = {
|
|
6
|
+
message: string;
|
|
7
|
+
};
|
|
8
|
+
export declare function assertCancelContainerResponse(maybeCancelContainerResponse: unknown): asserts maybeCancelContainerResponse is CancelContainerResponse;
|
|
9
|
+
export type ImportContainerQueryParams = {
|
|
10
|
+
limit?: number;
|
|
11
|
+
offset?: number;
|
|
12
|
+
sort?: string;
|
|
13
|
+
tags?: string;
|
|
14
|
+
};
|
|
15
|
+
export interface ExtendedImportContainer extends ImportContainer {
|
|
16
|
+
tags?: string[];
|
|
17
|
+
}
|
|
18
|
+
export interface ExtendedImportContainerDraft extends ImportContainerDraft {
|
|
19
|
+
tags?: string[];
|
|
20
|
+
}
|
|
@@ -2,6 +2,6 @@ import type { ResourceType } from "./resource-type.js";
|
|
|
2
2
|
export interface ImportResourcesModalProps {
|
|
3
3
|
resourceType: ResourceType;
|
|
4
4
|
isOpen: boolean;
|
|
5
|
-
onClose
|
|
6
|
-
onStartImportSuccess
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
onStartImportSuccess?: () => void;
|
|
7
7
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare enum ImportStates {
|
|
2
|
+
Processing = "processing",
|
|
3
|
+
WaitForUnresolvedReferences = "wait-for-unresolved-references",
|
|
4
|
+
PartiallyCompleted = "partially-completed",
|
|
5
|
+
Failed = "failed",
|
|
6
|
+
SuccessfullyCompleted = "successfully-completed",
|
|
7
|
+
NoRunningImports = "no-running-imports",
|
|
8
|
+
Canceled = "canceled"
|
|
9
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { OperationStates, ImportSummary } from '@commercetools/importapi-sdk';
|
|
2
|
+
interface ExtendedOperationStates extends OperationStates {
|
|
3
|
+
readonly canceled: number;
|
|
4
|
+
}
|
|
5
|
+
export interface ExtendedImportSummary extends ImportSummary {
|
|
6
|
+
readonly states: ExtendedOperationStates;
|
|
7
|
+
}
|
|
8
|
+
export { type ExtendedImportSummary as ImportSummary };
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
+
export * from "./api.js";
|
|
2
|
+
export * from "./shared.js";
|
|
3
|
+
export * from "./file-upload.js";
|
|
1
4
|
export * from "./resource-type.js";
|
|
2
5
|
export * from "./import-resources-modal-props.js";
|
|
6
|
+
export * from "./basic-error-data-type.js";
|
|
7
|
+
export * from "./import-container.js";
|
|
8
|
+
export * from "./import-summary.js";
|
|
9
|
+
export * from "./import-states.js";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ResourceType } from "./resource-type.js";
|
|
2
|
+
export declare function isResourceType(maybeResourceType: unknown): maybeResourceType is ResourceType;
|
|
3
|
+
export declare function assertResourceType(maybeResourceType: unknown): asserts maybeResourceType is ResourceType;
|
|
4
|
+
export type DropAreaState = 'active-drag' | 'disabled' | 'ready-for-drop' | 'file-dropped';
|
|
5
|
+
export declare function isError(maybeError: unknown): maybeError is Error;
|
|
6
|
+
export declare function hasOwnProperty<X extends {}, Y extends PropertyKey>(obj: X, prop: Y): obj is X & Record<Y, unknown>;
|
|
7
|
+
export declare function hasRequiredFields(maybeValidObject: unknown, requiredFields: Array<string>): boolean;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
2
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
3
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
4
|
+
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
5
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
6
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
7
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
8
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
10
|
+
import 'react';
|
|
11
|
+
import { Spacings } from '@commercetools-frontend/ui-kit';
|
|
12
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
13
|
+
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
|
+
var LockedDropIcon = function LockedDropIcon(props) {
|
|
17
|
+
return jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
|
|
18
|
+
children: jsx("path", {
|
|
19
|
+
d: "M84.167 49.925h-6.824V34.04C77.343 15.268 62.043 0 43.22 0 24.404 0 9.099 15.268 9.099 34.04v15.885H2.275A2.273 2.273 0 0 0 0 52.195v51.99c0 .79.414 1.524 1.087 1.937C13.84 113.892 28.407 118 43.221 118c14.813 0 29.381-4.107 42.138-11.878a2.284 2.284 0 0 0 1.083-1.938v-51.99a2.276 2.276 0 0 0-2.275-2.269ZM48.59 83.914v15.868c0 1.572-1.208 2.858-2.684 2.858h-5.37c-1.482 0-2.685-1.286-2.685-2.858V83.914c-3.2-1.983-5.37-5.617-5.37-9.846 0-6.308 4.812-11.428 10.74-11.428s10.74 5.12 10.74 11.428c0 4.217-2.17 7.863-5.37 9.846Zm14.526-34.519H21.953V33.788c0-11.064 9.235-20.067 20.582-20.067 11.343 0 20.581 9.003 20.581 20.067v15.607Z",
|
|
20
|
+
fill: "#999",
|
|
21
|
+
fillRule: "nonzero"
|
|
22
|
+
})
|
|
23
|
+
}));
|
|
24
|
+
};
|
|
25
|
+
LockedDropIcon.defaultProps = {
|
|
26
|
+
width: "87",
|
|
27
|
+
height: "118",
|
|
28
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
29
|
+
};
|
|
30
|
+
function DisabledDropArea() {
|
|
31
|
+
return jsx(Spacings.Stack, {
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
children: jsx(LockedDropIcon, {})
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { DisabledDropArea as default };
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
4
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
5
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
6
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
7
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
8
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
9
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
10
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
11
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
12
|
+
require('react');
|
|
13
|
+
var uiKit = require('@commercetools-frontend/ui-kit');
|
|
14
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
15
|
+
|
|
16
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
17
|
+
|
|
18
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
19
|
+
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
20
|
+
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
21
|
+
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
22
|
+
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
23
|
+
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
24
|
+
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
25
|
+
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
26
|
+
|
|
27
|
+
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; }
|
|
28
|
+
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; }
|
|
29
|
+
var LockedDropIcon = function LockedDropIcon(props) {
|
|
30
|
+
return jsxRuntime.jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
|
|
31
|
+
children: jsxRuntime.jsx("path", {
|
|
32
|
+
d: "M84.167 49.925h-6.824V34.04C77.343 15.268 62.043 0 43.22 0 24.404 0 9.099 15.268 9.099 34.04v15.885H2.275A2.273 2.273 0 0 0 0 52.195v51.99c0 .79.414 1.524 1.087 1.937C13.84 113.892 28.407 118 43.221 118c14.813 0 29.381-4.107 42.138-11.878a2.284 2.284 0 0 0 1.083-1.938v-51.99a2.276 2.276 0 0 0-2.275-2.269ZM48.59 83.914v15.868c0 1.572-1.208 2.858-2.684 2.858h-5.37c-1.482 0-2.685-1.286-2.685-2.858V83.914c-3.2-1.983-5.37-5.617-5.37-9.846 0-6.308 4.812-11.428 10.74-11.428s10.74 5.12 10.74 11.428c0 4.217-2.17 7.863-5.37 9.846Zm14.526-34.519H21.953V33.788c0-11.064 9.235-20.067 20.582-20.067 11.343 0 20.581 9.003 20.581 20.067v15.607Z",
|
|
33
|
+
fill: "#999",
|
|
34
|
+
fillRule: "nonzero"
|
|
35
|
+
})
|
|
36
|
+
}));
|
|
37
|
+
};
|
|
38
|
+
LockedDropIcon.defaultProps = {
|
|
39
|
+
width: "87",
|
|
40
|
+
height: "118",
|
|
41
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
42
|
+
};
|
|
43
|
+
function DisabledDropArea() {
|
|
44
|
+
return jsxRuntime.jsx(uiKit.Spacings.Stack, {
|
|
45
|
+
alignItems: "center",
|
|
46
|
+
children: jsxRuntime.jsx(LockedDropIcon, {})
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
exports["default"] = DisabledDropArea;
|