@commercetools-frontend-extensions/import-resources-modal 0.0.0-canary-20240613091651 → 0.0.0-canary-20240619085132
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 +2 -2
- package/dist/{active-drag-drop-area-2628f8b5.esm.js → active-drag-drop-area-411713e9.esm.js} +2 -2
- package/dist/{active-drag-drop-area-14a9ac54.cjs.dev.js → active-drag-drop-area-afab9a53.cjs.dev.js} +2 -2
- package/dist/{active-drag-drop-area-1ce20a9e.cjs.prod.js → active-drag-drop-area-f3c34dec.cjs.prod.js} +2 -2
- package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js +2 -2
- package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.prod.js +2 -2
- package/dist/commercetools-frontend-extensions-import-resources-modal.esm.js +2 -2
- package/dist/declarations/src/@types/import-resources-modal-props.d.ts +1 -1
- package/dist/declarations/src/import-resources-modal.d.ts +1 -1
- package/dist/{enabled-drop-area-c976838f.cjs.prod.js → enabled-drop-area-1c5689e6.cjs.prod.js} +2 -2
- package/dist/{enabled-drop-area-859b8fca.esm.js → enabled-drop-area-45d0624e.esm.js} +2 -2
- package/dist/{enabled-drop-area-7280acfd.cjs.dev.js → enabled-drop-area-958a1553.cjs.dev.js} +2 -2
- package/dist/{file-dropped-area-d5448c72.cjs.dev.js → file-dropped-area-847a7088.cjs.dev.js} +1 -1
- package/dist/{file-dropped-area-9d536c9e.cjs.prod.js → file-dropped-area-cab83f88.cjs.prod.js} +1 -1
- package/dist/{file-dropped-area-61e339b0.esm.js → file-dropped-area-f586d767.esm.js} +1 -1
- package/dist/{index-75e4313b.esm.js → index-206edb9b.esm.js} +216 -109
- package/dist/{index-1582b8fc.cjs.dev.js → index-23d51703.cjs.dev.js} +216 -109
- package/dist/{index-f962601e.cjs.prod.js → index-3dfbefe0.cjs.prod.js} +216 -109
- package/package.json +1 -1
|
@@ -9,13 +9,13 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
|
|
|
9
9
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
10
10
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
11
11
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
12
|
+
var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
|
|
12
13
|
var reactIntl = require('react-intl');
|
|
13
14
|
var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
|
|
14
15
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
15
16
|
var React = require('react');
|
|
16
17
|
var sdk = require('@commercetools-frontend/sdk');
|
|
17
18
|
var constants = require('@commercetools-frontend/constants');
|
|
18
|
-
var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
|
|
19
19
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
20
20
|
var pluralize = require('pluralize');
|
|
21
21
|
var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
|
|
@@ -61,8 +61,8 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
|
|
|
61
61
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
62
62
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
63
63
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
64
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
65
64
|
var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
|
|
65
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
66
66
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
67
67
|
var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
|
|
68
68
|
var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
|
|
@@ -122,7 +122,7 @@ const FILE_SIZE_LIMITS_MB = {
|
|
|
122
122
|
};
|
|
123
123
|
const ROW_LIMITS = {
|
|
124
124
|
category: 5000,
|
|
125
|
-
inventory:
|
|
125
|
+
inventory: 4000,
|
|
126
126
|
product: 70000
|
|
127
127
|
};
|
|
128
128
|
const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
|
|
@@ -550,7 +550,7 @@ const ImportResourcesProvider = props => {
|
|
|
550
550
|
projectKey = _useApplicationContex.projectKey;
|
|
551
551
|
const asyncDispatch = sdk.useAsyncDispatch();
|
|
552
552
|
const _React$useReducer = React__default["default"].useReducer(reducer, _objectSpread$b(_objectSpread$b({}, initialState), {}, {
|
|
553
|
-
resourceType: props.
|
|
553
|
+
resourceType: props.resourceTypes[0]
|
|
554
554
|
})),
|
|
555
555
|
_React$useReducer2 = _slicedToArray(_React$useReducer, 2),
|
|
556
556
|
state = _React$useReducer2[0],
|
|
@@ -559,13 +559,13 @@ const ImportResourcesProvider = props => {
|
|
|
559
559
|
type: 'setCurrentStep',
|
|
560
560
|
currentStep
|
|
561
561
|
});
|
|
562
|
-
const setUploadFileResponse =
|
|
562
|
+
const setUploadFileResponse = uploadFileResponse => dispatch({
|
|
563
563
|
type: 'setUploadFileResponse',
|
|
564
|
-
uploadFileResponse:
|
|
564
|
+
uploadFileResponse: uploadFileResponse
|
|
565
565
|
});
|
|
566
|
-
const setResourceType =
|
|
566
|
+
const setResourceType = resourceType => dispatch({
|
|
567
567
|
type: 'setResourceType',
|
|
568
|
-
resourceType:
|
|
568
|
+
resourceType: resourceType
|
|
569
569
|
});
|
|
570
570
|
const setContainerKey = containerKey => dispatch({
|
|
571
571
|
type: 'setContainerKey',
|
|
@@ -577,17 +577,17 @@ const ImportResourcesProvider = props => {
|
|
|
577
577
|
const uploadNewFile = () => dispatch({
|
|
578
578
|
type: 'uploadNewFile'
|
|
579
579
|
});
|
|
580
|
-
const setDroppedFile =
|
|
580
|
+
const setDroppedFile = droppedFile => dispatch({
|
|
581
581
|
type: 'setDroppedFile',
|
|
582
|
-
droppedFile:
|
|
582
|
+
droppedFile: droppedFile
|
|
583
583
|
});
|
|
584
|
-
const setAbortController =
|
|
584
|
+
const setAbortController = abortController => dispatch({
|
|
585
585
|
type: 'setAbortController',
|
|
586
|
-
abortController:
|
|
586
|
+
abortController: abortController
|
|
587
587
|
});
|
|
588
|
-
const setFileUploadClientSideErrors =
|
|
588
|
+
const setFileUploadClientSideErrors = fileUploadClientSideErrors => dispatch({
|
|
589
589
|
type: 'setFileUploadClientSideErrors',
|
|
590
|
-
fileUploadClientSideErrors:
|
|
590
|
+
fileUploadClientSideErrors: fileUploadClientSideErrors
|
|
591
591
|
});
|
|
592
592
|
const setProgress = progress => dispatch({
|
|
593
593
|
type: 'setProgress',
|
|
@@ -607,6 +607,7 @@ const ImportResourcesProvider = props => {
|
|
|
607
607
|
return jsxRuntime.jsx(ImportResourcesContext.Provider, {
|
|
608
608
|
value: {
|
|
609
609
|
state,
|
|
610
|
+
resourceTypes: props.resourceTypes,
|
|
610
611
|
onClose: handleClose,
|
|
611
612
|
onStartImportSuccess: handleStartImportSuccess,
|
|
612
613
|
actions: {
|
|
@@ -634,7 +635,7 @@ function useImportResourcesContext() {
|
|
|
634
635
|
return context;
|
|
635
636
|
}
|
|
636
637
|
|
|
637
|
-
var messages$
|
|
638
|
+
var messages$5 = reactIntl.defineMessages({
|
|
638
639
|
fileSizeExceededTitle: {
|
|
639
640
|
id: 'ImportResourcesModal.sizeExceededTitle',
|
|
640
641
|
defaultMessage: 'File size exceeded'
|
|
@@ -699,25 +700,25 @@ const useUpload = () => {
|
|
|
699
700
|
const errors = [];
|
|
700
701
|
const delimiterCheck = await checkDelimiter(file);
|
|
701
702
|
if (!delimiterCheck.isValid) errors.push({
|
|
702
|
-
title: intl.formatMessage(messages$
|
|
703
|
-
description: intl.formatMessage(messages$
|
|
703
|
+
title: intl.formatMessage(messages$5.dropAreaWrongDelimiterTitle),
|
|
704
|
+
description: intl.formatMessage(messages$5.dropAreaWrongDelimiterDescription, {
|
|
704
705
|
delimiter: delimiterCheck.delimiter
|
|
705
706
|
})
|
|
706
707
|
});
|
|
707
708
|
const rowCount = await getRowCount(file);
|
|
708
709
|
if (rowCount < 1) errors.push({
|
|
709
|
-
title: intl.formatMessage(messages$
|
|
710
|
-
description: intl.formatMessage(messages$
|
|
710
|
+
title: intl.formatMessage(messages$5.dropAreaNotEnoughRowsTitle),
|
|
711
|
+
description: intl.formatMessage(messages$5.dropAreaNotEnoughRowsDescription)
|
|
711
712
|
});
|
|
712
713
|
if (state.resourceType && file.size > toBytes(FILE_SIZE_LIMITS_MB[state.resourceType])) errors.push({
|
|
713
|
-
title: intl.formatMessage(messages$
|
|
714
|
-
description: intl.formatMessage(messages$
|
|
714
|
+
title: intl.formatMessage(messages$5.fileSizeExceededTitle),
|
|
715
|
+
description: intl.formatMessage(messages$5.fileSizeExceededDescription, {
|
|
715
716
|
fileSizeLimit: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType])
|
|
716
717
|
})
|
|
717
718
|
});
|
|
718
719
|
if (state.resourceType && rowCount > ROW_LIMITS[state.resourceType]) errors.push({
|
|
719
|
-
title: intl.formatMessage(messages$
|
|
720
|
-
description: intl.formatMessage(messages$
|
|
720
|
+
title: intl.formatMessage(messages$5.rowLimitExceededTitle),
|
|
721
|
+
description: intl.formatMessage(messages$5.rowLimitExceededDescription, {
|
|
721
722
|
rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType])
|
|
722
723
|
})
|
|
723
724
|
});
|
|
@@ -749,7 +750,7 @@ const useUpload = () => {
|
|
|
749
750
|
showNotification({
|
|
750
751
|
kind: 'error',
|
|
751
752
|
domain: constants.DOMAINS.PAGE,
|
|
752
|
-
text: intl.formatMessage(messages$
|
|
753
|
+
text: intl.formatMessage(messages$5.unexpectedError)
|
|
753
754
|
});
|
|
754
755
|
}
|
|
755
756
|
} else {
|
|
@@ -813,7 +814,7 @@ const useUpload = () => {
|
|
|
813
814
|
};
|
|
814
815
|
};
|
|
815
816
|
|
|
816
|
-
function resourceTypeToDisplayName(_ref) {
|
|
817
|
+
function resourceTypeToDisplayName$1(_ref) {
|
|
817
818
|
let resourceType = _ref.resourceType,
|
|
818
819
|
_ref$isUpperCase = _ref.isUpperCase,
|
|
819
820
|
isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase,
|
|
@@ -827,6 +828,9 @@ function resourceTypeToDisplayName(_ref) {
|
|
|
827
828
|
case 'product':
|
|
828
829
|
displayName = isPlural ? 'Products' : 'Product';
|
|
829
830
|
break;
|
|
831
|
+
case 'inventory':
|
|
832
|
+
displayName = isPlural ? 'Inventories' : 'Inventory';
|
|
833
|
+
break;
|
|
830
834
|
default:
|
|
831
835
|
throw new UnexpectedResourceTypeError(resourceType);
|
|
832
836
|
}
|
|
@@ -884,13 +888,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
|
|
|
884
888
|
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== */");
|
|
885
889
|
}
|
|
886
890
|
|
|
887
|
-
var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-
|
|
891
|
+
var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-afab9a53.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
|
|
888
892
|
|
|
889
893
|
var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-aa78075b.cjs.dev.js' /* webpackChunkName: "disabled-drop-area" */); }));
|
|
890
894
|
|
|
891
|
-
var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-
|
|
895
|
+
var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-958a1553.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
|
|
892
896
|
|
|
893
|
-
var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-
|
|
897
|
+
var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-847a7088.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
|
|
894
898
|
|
|
895
899
|
function getDropArea(_ref) {
|
|
896
900
|
let dropAreaState = _ref.dropAreaState,
|
|
@@ -928,12 +932,7 @@ function getDropAreaState(flags) {
|
|
|
928
932
|
return 'ready-for-drop';
|
|
929
933
|
}
|
|
930
934
|
|
|
931
|
-
var messages$
|
|
932
|
-
modalDescription: {
|
|
933
|
-
id: 'ImportResourcesModal.modalDescription',
|
|
934
|
-
description: 'Label for the modal category description',
|
|
935
|
-
defaultMessage: 'Maximum file size is {fileSize} MB with a limit of {rowLimit} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>.'
|
|
936
|
-
},
|
|
935
|
+
var messages$4 = reactIntl.defineMessages({
|
|
937
936
|
dragAndDropCSV: {
|
|
938
937
|
id: 'ImportResourcesModal.dragAndDropCSV',
|
|
939
938
|
description: 'The message telling the user to drag and drop CSV file in the file drop area',
|
|
@@ -977,6 +976,16 @@ var messages$2 = reactIntl.defineMessages({
|
|
|
977
976
|
id: 'ImportResourcesModal.genericError',
|
|
978
977
|
description: 'Default error message for unexpected file upload issues (for unhandled cases)',
|
|
979
978
|
defaultMessage: 'Error occurred: Please try uploading the file again or contact our support team for assistance.'
|
|
979
|
+
},
|
|
980
|
+
dataType: {
|
|
981
|
+
id: 'ImportResourcesModal.dataType',
|
|
982
|
+
description: 'Label for the data type selection dropdown',
|
|
983
|
+
defaultMessage: 'Data type'
|
|
984
|
+
},
|
|
985
|
+
instructions: {
|
|
986
|
+
id: 'ImportResourcesModal.instructions',
|
|
987
|
+
description: 'Label for the instructions section',
|
|
988
|
+
defaultMessage: 'Instructions'
|
|
980
989
|
}
|
|
981
990
|
});
|
|
982
991
|
|
|
@@ -1011,7 +1020,7 @@ const FileDropArea = () => {
|
|
|
1011
1020
|
showNotification({
|
|
1012
1021
|
kind: 'error',
|
|
1013
1022
|
domain: constants.DOMAINS.PAGE,
|
|
1014
|
-
text: intl.formatMessage(messages$
|
|
1023
|
+
text: intl.formatMessage(messages$4.tooManyFilesError)
|
|
1015
1024
|
});
|
|
1016
1025
|
return;
|
|
1017
1026
|
}
|
|
@@ -1019,13 +1028,13 @@ const FileDropArea = () => {
|
|
|
1019
1028
|
showNotification({
|
|
1020
1029
|
kind: 'error',
|
|
1021
1030
|
domain: constants.DOMAINS.PAGE,
|
|
1022
|
-
text: intl.formatMessage(messages$
|
|
1031
|
+
text: intl.formatMessage(messages$4.fileFormatNotSupported)
|
|
1023
1032
|
});
|
|
1024
1033
|
} else {
|
|
1025
1034
|
showNotification({
|
|
1026
1035
|
kind: 'error',
|
|
1027
1036
|
domain: constants.DOMAINS.PAGE,
|
|
1028
|
-
text: intl.formatMessage(messages$
|
|
1037
|
+
text: intl.formatMessage(messages$4.genericError)
|
|
1029
1038
|
});
|
|
1030
1039
|
}
|
|
1031
1040
|
}
|
|
@@ -1078,21 +1087,20 @@ var sharedMessages = reactIntl.defineMessages({
|
|
|
1078
1087
|
}
|
|
1079
1088
|
});
|
|
1080
1089
|
|
|
1081
|
-
function ownKeys$9(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; }
|
|
1082
|
-
function _objectSpread$9(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$9(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$9(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1083
1090
|
const Upload = () => {
|
|
1091
|
+
var _context;
|
|
1084
1092
|
const _useImportResourcesCo = useImportResourcesContext(),
|
|
1085
1093
|
state = _useImportResourcesCo.state,
|
|
1086
|
-
onClose = _useImportResourcesCo.onClose
|
|
1094
|
+
onClose = _useImportResourcesCo.onClose,
|
|
1095
|
+
resourceTypes = _useImportResourcesCo.resourceTypes;
|
|
1087
1096
|
const intl = reactIntl.useIntl();
|
|
1088
|
-
const resourceTypePlural = resourceTypeToDisplayName({
|
|
1097
|
+
const resourceTypePlural = resourceTypeToDisplayName$1({
|
|
1089
1098
|
resourceType: state.resourceType,
|
|
1090
1099
|
isPlural: true
|
|
1091
1100
|
});
|
|
1092
1101
|
const _useUpload = useUpload(),
|
|
1093
1102
|
handleUploadAndValidation = _useUpload.handleUploadAndValidation;
|
|
1094
|
-
const
|
|
1095
|
-
const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
|
|
1103
|
+
const isMultipleResourceTypes = resourceTypes.length > 1;
|
|
1096
1104
|
return jsxRuntime.jsx(applicationComponents.FormDialog, {
|
|
1097
1105
|
size: 16,
|
|
1098
1106
|
isOpen: true,
|
|
@@ -1110,31 +1118,30 @@ const Upload = () => {
|
|
|
1110
1118
|
}),
|
|
1111
1119
|
children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1112
1120
|
scale: "l",
|
|
1113
|
-
children: [jsxRuntime.
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
}), jsxRuntime.jsx(FileDropArea, {})]
|
|
1121
|
+
children: [isMultipleResourceTypes ? jsxRuntime.jsxs(uiKit.Grid, {
|
|
1122
|
+
gridRowGap: uiKit.designTokens.spacingL,
|
|
1123
|
+
gridTemplateColumns: _concatInstanceProperty__default["default"](_context = "calc(".concat(uiKit.designTokens.constraint3, " + ")).call(_context, uiKit.designTokens.spacingL, ") auto"),
|
|
1124
|
+
children: [jsxRuntime.jsx(uiKit.Grid.Item, {
|
|
1125
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1126
|
+
isBold: true,
|
|
1127
|
+
intlMessage: messages$4.dataType
|
|
1128
|
+
})
|
|
1129
|
+
}), jsxRuntime.jsx(uiKit.Grid.Item, {
|
|
1130
|
+
children: jsxRuntime.jsx(ResourceTypeSelection, {})
|
|
1131
|
+
}), jsxRuntime.jsx(uiKit.Grid.Item, {
|
|
1132
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1133
|
+
isBold: true,
|
|
1134
|
+
intlMessage: messages$4.instructions
|
|
1135
|
+
})
|
|
1136
|
+
}), jsxRuntime.jsx(uiKit.Grid.Item, {
|
|
1137
|
+
children: jsxRuntime.jsx(Instructions, {})
|
|
1138
|
+
})]
|
|
1139
|
+
}) : jsxRuntime.jsx(Instructions, {}), jsxRuntime.jsx(FileDropArea, {})]
|
|
1133
1140
|
})
|
|
1134
1141
|
});
|
|
1135
1142
|
};
|
|
1136
1143
|
|
|
1137
|
-
var messages$
|
|
1144
|
+
var messages$3 = reactIntl.defineMessages({
|
|
1138
1145
|
startImportButton: {
|
|
1139
1146
|
id: 'ImportResourcesModal.startImportButton',
|
|
1140
1147
|
description: 'Label for the modal Start import button',
|
|
@@ -1212,8 +1219,8 @@ var messages$1 = reactIntl.defineMessages({
|
|
|
1212
1219
|
}
|
|
1213
1220
|
});
|
|
1214
1221
|
|
|
1215
|
-
function ownKeys$
|
|
1216
|
-
function _objectSpread$
|
|
1222
|
+
function ownKeys$9(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; }
|
|
1223
|
+
function _objectSpread$9(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$9(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$9(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1217
1224
|
const truncate = (isExpanded, columns, columnsCount) => {
|
|
1218
1225
|
return isExpanded ? columns.join(' | ') : _sliceInstanceProperty__default["default"](columns).call(columns, 0, columnsCount).join(' | ') + (columns.length > columnsCount ? '...' : '');
|
|
1219
1226
|
};
|
|
@@ -1242,7 +1249,7 @@ const ColumnList = props => {
|
|
|
1242
1249
|
e.preventDefault();
|
|
1243
1250
|
setIsExpanded(!isExpanded);
|
|
1244
1251
|
},
|
|
1245
|
-
children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$
|
|
1252
|
+
children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$3.showLess)) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$3.showMore))
|
|
1246
1253
|
})
|
|
1247
1254
|
})]
|
|
1248
1255
|
})
|
|
@@ -1250,8 +1257,8 @@ const ColumnList = props => {
|
|
|
1250
1257
|
});
|
|
1251
1258
|
};
|
|
1252
1259
|
|
|
1253
|
-
function ownKeys$
|
|
1254
|
-
function _objectSpread$
|
|
1260
|
+
function ownKeys$8(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; }
|
|
1261
|
+
function _objectSpread$8(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$8(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$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1255
1262
|
function UploadPreviewModal() {
|
|
1256
1263
|
const _useImportResourcesCo = useImportResourcesContext(),
|
|
1257
1264
|
state = _useImportResourcesCo.state;
|
|
@@ -1268,7 +1275,7 @@ function UploadPreviewModal() {
|
|
|
1268
1275
|
title: intl.formatMessage(sharedMessages.modalTitle, {
|
|
1269
1276
|
resourceType: state.resourceType
|
|
1270
1277
|
}),
|
|
1271
|
-
labelPrimary: intl.formatMessage(messages$
|
|
1278
|
+
labelPrimary: intl.formatMessage(messages$3.continue),
|
|
1272
1279
|
onSecondaryButtonClick: () => onClose({
|
|
1273
1280
|
shouldDeleteImportContainer: true
|
|
1274
1281
|
}),
|
|
@@ -1286,7 +1293,7 @@ function UploadPreviewModal() {
|
|
|
1286
1293
|
children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1287
1294
|
scale: "m",
|
|
1288
1295
|
children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1289
|
-
intlMessage: messages$
|
|
1296
|
+
intlMessage: messages$3.previewOfYourImport
|
|
1290
1297
|
}), jsxRuntime.jsx(uiKit.Card, {
|
|
1291
1298
|
insetScale: "xl",
|
|
1292
1299
|
children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
@@ -1296,7 +1303,7 @@ function UploadPreviewModal() {
|
|
|
1296
1303
|
children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
|
|
1297
1304
|
color: "success"
|
|
1298
1305
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1299
|
-
intlMessage: _objectSpread$
|
|
1306
|
+
intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.rowsToBeImported), {}, {
|
|
1300
1307
|
values: {
|
|
1301
1308
|
rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
|
|
1302
1309
|
b: getBold$3
|
|
@@ -1308,7 +1315,7 @@ function UploadPreviewModal() {
|
|
|
1308
1315
|
children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
|
|
1309
1316
|
color: "success"
|
|
1310
1317
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1311
|
-
intlMessage: _objectSpread$
|
|
1318
|
+
intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeImported), {}, {
|
|
1312
1319
|
values: {
|
|
1313
1320
|
columnCount: intl.formatNumber(validatedColumns.length),
|
|
1314
1321
|
b: getBold$3
|
|
@@ -1328,7 +1335,7 @@ function UploadPreviewModal() {
|
|
|
1328
1335
|
children: [jsxRuntime.jsx(uiKit.EyeCrossedIcon, {
|
|
1329
1336
|
color: "neutral60"
|
|
1330
1337
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1331
|
-
intlMessage: _objectSpread$
|
|
1338
|
+
intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeIgnored), {}, {
|
|
1332
1339
|
values: {
|
|
1333
1340
|
columnCount: intl.formatNumber(ignoredColumns.length),
|
|
1334
1341
|
b: getBold$3
|
|
@@ -1354,8 +1361,8 @@ function getBold$3(msg) {
|
|
|
1354
1361
|
});
|
|
1355
1362
|
}
|
|
1356
1363
|
|
|
1357
|
-
function ownKeys$
|
|
1358
|
-
function _objectSpread$
|
|
1364
|
+
function ownKeys$7(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; }
|
|
1365
|
+
function _objectSpread$7(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$7(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$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1359
1366
|
const getNewLine = () => jsxRuntime.jsx("br", {});
|
|
1360
1367
|
const getImportLogsLink = (msg, projectKey) => jsxRuntime.jsx(uiKit.Link, {
|
|
1361
1368
|
to: "/".concat(projectKey, "/operations/import/logs"),
|
|
@@ -1380,7 +1387,7 @@ const ImportConfirmationModal = () => {
|
|
|
1380
1387
|
const asyncDispatch = sdk.useAsyncDispatch();
|
|
1381
1388
|
const showNotification = actionsGlobal.useShowNotification();
|
|
1382
1389
|
const ImportRunningTextNotification = () => jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1383
|
-
intlMessage: _objectSpread$
|
|
1390
|
+
intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.uploadNotificationSuccessMessage), {}, {
|
|
1384
1391
|
values: {
|
|
1385
1392
|
newline: getNewLine,
|
|
1386
1393
|
logsLink: msg => getImportLogsLink(msg, projectKey),
|
|
@@ -1390,12 +1397,12 @@ const ImportConfirmationModal = () => {
|
|
|
1390
1397
|
});
|
|
1391
1398
|
return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
|
|
1392
1399
|
title: intl.formatMessage(sharedMessages.modalTitle, {
|
|
1393
|
-
resourceType: resourceTypeToDisplayName({
|
|
1400
|
+
resourceType: resourceTypeToDisplayName$1({
|
|
1394
1401
|
resourceType: state.resourceType,
|
|
1395
1402
|
isPlural: true
|
|
1396
1403
|
})
|
|
1397
1404
|
}),
|
|
1398
|
-
labelPrimary: intl.formatMessage(messages$
|
|
1405
|
+
labelPrimary: intl.formatMessage(messages$3.startImportButton),
|
|
1399
1406
|
isOpen: true,
|
|
1400
1407
|
onClose: () => onClose({
|
|
1401
1408
|
shouldDeleteImportContainer: true
|
|
@@ -1446,7 +1453,7 @@ const ImportConfirmationModal = () => {
|
|
|
1446
1453
|
scale: "xl",
|
|
1447
1454
|
children: [jsxRuntime.jsxs("div", {
|
|
1448
1455
|
children: [jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1449
|
-
intlMessage: _objectSpread$
|
|
1456
|
+
intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.confirmationBodyText), {}, {
|
|
1450
1457
|
values: {
|
|
1451
1458
|
projectName: projectName,
|
|
1452
1459
|
count: intl.formatNumber((state === null || state === void 0 || (_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.rowsCount) || 0),
|
|
@@ -1454,10 +1461,10 @@ const ImportConfirmationModal = () => {
|
|
|
1454
1461
|
}
|
|
1455
1462
|
})
|
|
1456
1463
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1457
|
-
intlMessage: messages$
|
|
1464
|
+
intlMessage: messages$3.confirmationBodyNote
|
|
1458
1465
|
})]
|
|
1459
1466
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1460
|
-
intlMessage: messages$
|
|
1467
|
+
intlMessage: messages$3.confirmationBodyQuestion
|
|
1461
1468
|
})]
|
|
1462
1469
|
})
|
|
1463
1470
|
});
|
|
@@ -1470,7 +1477,7 @@ function getBold$2(msg) {
|
|
|
1470
1477
|
});
|
|
1471
1478
|
}
|
|
1472
1479
|
|
|
1473
|
-
var messages = reactIntl.defineMessages({
|
|
1480
|
+
var messages$2 = reactIntl.defineMessages({
|
|
1474
1481
|
row: {
|
|
1475
1482
|
id: 'ImportResourcesModal.row',
|
|
1476
1483
|
description: 'In Upload file error modal - "Row" column',
|
|
@@ -1503,15 +1510,15 @@ var messages = reactIntl.defineMessages({
|
|
|
1503
1510
|
}
|
|
1504
1511
|
});
|
|
1505
1512
|
|
|
1506
|
-
function ownKeys$
|
|
1507
|
-
function _objectSpread$
|
|
1513
|
+
function ownKeys$6(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; }
|
|
1514
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1508
1515
|
const getColumns$1 = () => [{
|
|
1509
1516
|
key: 'errorType',
|
|
1510
|
-
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$
|
|
1517
|
+
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$2.errorType)),
|
|
1511
1518
|
width: 'max-content'
|
|
1512
1519
|
}, {
|
|
1513
1520
|
key: 'details',
|
|
1514
|
-
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$
|
|
1521
|
+
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$2.details))
|
|
1515
1522
|
}];
|
|
1516
1523
|
const UploadClientSideErrorTable = props => {
|
|
1517
1524
|
var _context;
|
|
@@ -1554,8 +1561,8 @@ function itemRenderer$1(item, column) {
|
|
|
1554
1561
|
}
|
|
1555
1562
|
}
|
|
1556
1563
|
|
|
1557
|
-
function ownKeys$
|
|
1558
|
-
function _objectSpread$
|
|
1564
|
+
function ownKeys$5(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; }
|
|
1565
|
+
function _objectSpread$5(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$5(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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1559
1566
|
const UploadClientSideErrorsModal = () => {
|
|
1560
1567
|
var _state$droppedFile;
|
|
1561
1568
|
const intl = reactIntl.useIntl();
|
|
@@ -1568,7 +1575,7 @@ const UploadClientSideErrorsModal = () => {
|
|
|
1568
1575
|
size: 16,
|
|
1569
1576
|
isOpen: true,
|
|
1570
1577
|
title: intl.formatMessage(sharedMessages.modalTitle, {
|
|
1571
|
-
resourceType: resourceTypeToDisplayName({
|
|
1578
|
+
resourceType: resourceTypeToDisplayName$1({
|
|
1572
1579
|
resourceType: state.resourceType,
|
|
1573
1580
|
isPlural: true
|
|
1574
1581
|
})
|
|
@@ -1577,7 +1584,7 @@ const UploadClientSideErrorsModal = () => {
|
|
|
1577
1584
|
children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1578
1585
|
scale: "l",
|
|
1579
1586
|
children: [jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1580
|
-
intlMessage: _objectSpread$
|
|
1587
|
+
intlMessage: _objectSpread$5(_objectSpread$5({}, messages$2.uploadingError), {}, {
|
|
1581
1588
|
values: {
|
|
1582
1589
|
fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
|
|
1583
1590
|
errorsCount: intl.formatNumber(errorsCount),
|
|
@@ -1594,7 +1601,7 @@ const UploadClientSideErrorsModal = () => {
|
|
|
1594
1601
|
onClick: () => onClose()
|
|
1595
1602
|
}), jsxRuntime.jsx(uiKit.PrimaryButton, {
|
|
1596
1603
|
iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
|
|
1597
|
-
label: intl.formatMessage(messages.uploadNewFile),
|
|
1604
|
+
label: intl.formatMessage(messages$2.uploadNewFile),
|
|
1598
1605
|
onClick: () => actions.uploadNewFile()
|
|
1599
1606
|
})]
|
|
1600
1607
|
})]
|
|
@@ -1609,19 +1616,19 @@ function getBold$1(msg) {
|
|
|
1609
1616
|
});
|
|
1610
1617
|
}
|
|
1611
1618
|
|
|
1612
|
-
function ownKeys$
|
|
1613
|
-
function _objectSpread$
|
|
1619
|
+
function ownKeys$4(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; }
|
|
1620
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1614
1621
|
const getColumns = () => [{
|
|
1615
1622
|
key: 'row',
|
|
1616
|
-
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$
|
|
1623
|
+
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.row)),
|
|
1617
1624
|
width: 'max-content'
|
|
1618
1625
|
}, {
|
|
1619
1626
|
key: 'errorType',
|
|
1620
|
-
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$
|
|
1627
|
+
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.errorType)),
|
|
1621
1628
|
width: 'max-content'
|
|
1622
1629
|
}, {
|
|
1623
1630
|
key: 'details',
|
|
1624
|
-
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$
|
|
1631
|
+
label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.details))
|
|
1625
1632
|
}];
|
|
1626
1633
|
const UploadServerSideErrorTable = props => {
|
|
1627
1634
|
var _context;
|
|
@@ -1672,8 +1679,8 @@ function itemRenderer(item, column) {
|
|
|
1672
1679
|
}
|
|
1673
1680
|
}
|
|
1674
1681
|
|
|
1675
|
-
function ownKeys$
|
|
1676
|
-
function _objectSpread$
|
|
1682
|
+
function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1683
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1677
1684
|
const UploadServerSideErrorsModal = () => {
|
|
1678
1685
|
var _state$uploadFileResp, _state$droppedFile, _state$uploadFileResp2;
|
|
1679
1686
|
const intl = reactIntl.useIntl();
|
|
@@ -1687,7 +1694,7 @@ const UploadServerSideErrorsModal = () => {
|
|
|
1687
1694
|
size: 16,
|
|
1688
1695
|
isOpen: true,
|
|
1689
1696
|
title: intl.formatMessage(sharedMessages.modalTitle, {
|
|
1690
|
-
resourceType: resourceTypeToDisplayName({
|
|
1697
|
+
resourceType: resourceTypeToDisplayName$1({
|
|
1691
1698
|
resourceType: state.resourceType,
|
|
1692
1699
|
isPlural: true
|
|
1693
1700
|
})
|
|
@@ -1698,7 +1705,7 @@ const UploadServerSideErrorsModal = () => {
|
|
|
1698
1705
|
children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1699
1706
|
scale: "xs",
|
|
1700
1707
|
children: [jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1701
|
-
intlMessage: _objectSpread$
|
|
1708
|
+
intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.uploadingError), {}, {
|
|
1702
1709
|
values: {
|
|
1703
1710
|
fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
|
|
1704
1711
|
errorsCount: intl.formatNumber(errorsCount),
|
|
@@ -1706,7 +1713,7 @@ const UploadServerSideErrorsModal = () => {
|
|
|
1706
1713
|
}
|
|
1707
1714
|
})
|
|
1708
1715
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1709
|
-
intlMessage: _objectSpread$
|
|
1716
|
+
intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.supportedValuesDocumentation), {}, {
|
|
1710
1717
|
values: {
|
|
1711
1718
|
documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
|
|
1712
1719
|
tone: "secondary",
|
|
@@ -1727,7 +1734,7 @@ const UploadServerSideErrorsModal = () => {
|
|
|
1727
1734
|
onClick: () => onClose()
|
|
1728
1735
|
}), jsxRuntime.jsx(uiKit.PrimaryButton, {
|
|
1729
1736
|
iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
|
|
1730
|
-
label: intl.formatMessage(messages.uploadNewFile),
|
|
1737
|
+
label: intl.formatMessage(messages$2.uploadNewFile),
|
|
1731
1738
|
onClick: () => actions.uploadNewFile()
|
|
1732
1739
|
})]
|
|
1733
1740
|
})]
|
|
@@ -1751,10 +1758,10 @@ const UploadResult = () => {
|
|
|
1751
1758
|
return jsxRuntime.jsx(UploadPreviewModal, {});
|
|
1752
1759
|
};
|
|
1753
1760
|
|
|
1754
|
-
function ownKeys$
|
|
1755
|
-
function _objectSpread$
|
|
1761
|
+
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1762
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1756
1763
|
var FileIcon = function FileIcon(props) {
|
|
1757
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
1764
|
+
return jsxRuntime.jsxs("svg", _objectSpread$2(_objectSpread$2({}, props), {}, {
|
|
1758
1765
|
children: [jsxRuntime.jsx("mask", {
|
|
1759
1766
|
id: "a",
|
|
1760
1767
|
style: {
|
|
@@ -1791,7 +1798,7 @@ const Uploading = () => {
|
|
|
1791
1798
|
state = _useImportResourcesCo.state,
|
|
1792
1799
|
actions = _useImportResourcesCo.actions,
|
|
1793
1800
|
onClose = _useImportResourcesCo.onClose;
|
|
1794
|
-
const resourceTypePlural = resourceTypeToDisplayName({
|
|
1801
|
+
const resourceTypePlural = resourceTypeToDisplayName$1({
|
|
1795
1802
|
resourceType: state.resourceType,
|
|
1796
1803
|
isPlural: true
|
|
1797
1804
|
});
|
|
@@ -1855,6 +1862,97 @@ const CurrentStep = () => {
|
|
|
1855
1862
|
return steps[state.currentStep] || null;
|
|
1856
1863
|
};
|
|
1857
1864
|
|
|
1865
|
+
var messages$1 = reactIntl.defineMessages({
|
|
1866
|
+
products: {
|
|
1867
|
+
id: 'ImportResourcesModal.radio.products',
|
|
1868
|
+
description: 'Label for the products radio button',
|
|
1869
|
+
defaultMessage: 'Products (including variants, assets, prices and images)'
|
|
1870
|
+
},
|
|
1871
|
+
inventories: {
|
|
1872
|
+
id: 'ImportResourcesModal.radio.inventories',
|
|
1873
|
+
description: 'Label for the inventories radio button',
|
|
1874
|
+
defaultMessage: 'Inventories'
|
|
1875
|
+
},
|
|
1876
|
+
categories: {
|
|
1877
|
+
id: 'ImportResourcesModal.radio.categories',
|
|
1878
|
+
description: 'Label for the categories radio button',
|
|
1879
|
+
defaultMessage: 'Categories'
|
|
1880
|
+
}
|
|
1881
|
+
});
|
|
1882
|
+
|
|
1883
|
+
const resourceTypeToDisplayName = resourceType => {
|
|
1884
|
+
switch (resourceType) {
|
|
1885
|
+
case 'product':
|
|
1886
|
+
return messages$1.products;
|
|
1887
|
+
case 'inventory':
|
|
1888
|
+
return messages$1.inventories;
|
|
1889
|
+
case 'category':
|
|
1890
|
+
return messages$1.categories;
|
|
1891
|
+
default:
|
|
1892
|
+
throw new Error("Unknown resource type: ".concat(resourceType));
|
|
1893
|
+
}
|
|
1894
|
+
};
|
|
1895
|
+
const ResourceTypeSelection = () => {
|
|
1896
|
+
const _useImportResourcesCo = useImportResourcesContext(),
|
|
1897
|
+
state = _useImportResourcesCo.state,
|
|
1898
|
+
actions = _useImportResourcesCo.actions,
|
|
1899
|
+
resourceTypes = _useImportResourcesCo.resourceTypes;
|
|
1900
|
+
return jsxRuntime.jsx(uiKit.RadioInput.Group, {
|
|
1901
|
+
value: state.resourceType,
|
|
1902
|
+
onChange: e => {
|
|
1903
|
+
actions.setResourceType(e.target.value);
|
|
1904
|
+
},
|
|
1905
|
+
direction: "stack",
|
|
1906
|
+
directionProps: {
|
|
1907
|
+
scale: 's'
|
|
1908
|
+
},
|
|
1909
|
+
children: _mapInstanceProperty__default["default"](resourceTypes).call(resourceTypes, resourceType => jsxRuntime.jsx(uiKit.RadioInput.Option, {
|
|
1910
|
+
value: resourceType,
|
|
1911
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1912
|
+
intlMessage: resourceTypeToDisplayName(resourceType)
|
|
1913
|
+
})
|
|
1914
|
+
}, resourceType))
|
|
1915
|
+
});
|
|
1916
|
+
};
|
|
1917
|
+
|
|
1918
|
+
var messages = reactIntl.defineMessages({
|
|
1919
|
+
fileUploadInstructions: {
|
|
1920
|
+
id: 'ImportResourcesModal.fileUploadInstructions',
|
|
1921
|
+
description: 'Label for the modal category description',
|
|
1922
|
+
defaultMessage: 'Maximum file size is {fileSize} MB with a limit of {rowLimit} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>.'
|
|
1923
|
+
}
|
|
1924
|
+
});
|
|
1925
|
+
|
|
1926
|
+
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1927
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1928
|
+
const Instructions = () => {
|
|
1929
|
+
const intl = reactIntl.useIntl();
|
|
1930
|
+
const _useImportResourcesCo = useImportResourcesContext(),
|
|
1931
|
+
state = _useImportResourcesCo.state;
|
|
1932
|
+
const templateLink = RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS[state.resourceType];
|
|
1933
|
+
const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
|
|
1934
|
+
return jsxRuntime.jsx(uiKit.Text.Body, {
|
|
1935
|
+
intlMessage: _objectSpread$1(_objectSpread$1({}, messages.fileUploadInstructions), {}, {
|
|
1936
|
+
values: {
|
|
1937
|
+
fileSize: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType]),
|
|
1938
|
+
rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType]),
|
|
1939
|
+
csvTemplateLink: msg => jsxRuntime.jsx(uiKit.Link, {
|
|
1940
|
+
tone: "secondary",
|
|
1941
|
+
isExternal: true,
|
|
1942
|
+
to: templateLink,
|
|
1943
|
+
children: msg
|
|
1944
|
+
}),
|
|
1945
|
+
documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
|
|
1946
|
+
tone: "secondary",
|
|
1947
|
+
isExternal: true,
|
|
1948
|
+
to: documentationLink,
|
|
1949
|
+
children: msg
|
|
1950
|
+
})
|
|
1951
|
+
}
|
|
1952
|
+
})
|
|
1953
|
+
});
|
|
1954
|
+
};
|
|
1955
|
+
|
|
1858
1956
|
const getChunkImport = locale => {
|
|
1859
1957
|
const intlLocale = i18n.mapLocaleToIntlLocale(locale);
|
|
1860
1958
|
switch (intlLocale) {
|
|
@@ -1924,14 +2022,23 @@ const useAsyncIntlMessages = (locale, loader) => {
|
|
|
1924
2022
|
};
|
|
1925
2023
|
|
|
1926
2024
|
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; }
|
|
1927
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
2025
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1928
2026
|
const ImportResourcesModal = props => {
|
|
2027
|
+
var _props$resourceTypes, _context;
|
|
1929
2028
|
const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
|
|
1930
2029
|
locale: context.user && context.user.locale
|
|
1931
2030
|
})),
|
|
1932
2031
|
locale = _useApplicationContex.locale;
|
|
1933
2032
|
const messages = useAsyncIntlMessages(locale, loadMessages);
|
|
1934
2033
|
if (!props.isOpen || messages.isLoading) return null;
|
|
2034
|
+
if (!((_props$resourceTypes = props.resourceTypes) !== null && _props$resourceTypes !== void 0 && _props$resourceTypes.length)) {
|
|
2035
|
+
console.error('No resource types provided for import resources modal');
|
|
2036
|
+
return null;
|
|
2037
|
+
}
|
|
2038
|
+
if (!_everyInstanceProperty__default["default"](_context = props.resourceTypes).call(_context, isResourceType)) {
|
|
2039
|
+
console.error('Invalid resource types provided for import resources modal');
|
|
2040
|
+
return null;
|
|
2041
|
+
}
|
|
1935
2042
|
return jsxRuntime.jsx(reactIntl.IntlProvider, {
|
|
1936
2043
|
locale: locale,
|
|
1937
2044
|
messages: messages.messages,
|
|
@@ -1945,5 +2052,5 @@ ImportResourcesModal.displayName = 'ImportResourcesModal';
|
|
|
1945
2052
|
exports.EnabledDropArea = EnabledDropArea;
|
|
1946
2053
|
exports.FileDropped = FileDropped;
|
|
1947
2054
|
exports.ImportResourcesModal = ImportResourcesModal;
|
|
1948
|
-
exports.messages = messages$
|
|
2055
|
+
exports.messages = messages$4;
|
|
1949
2056
|
exports.useImportResourcesContext = useImportResourcesContext;
|