@commercetools-frontend-extensions/import-resources-modal 1.2.1 → 1.2.3

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 (22) hide show
  1. package/dist/{active-drag-drop-area-b8f17528.cjs.dev.js → active-drag-drop-area-4555b547.cjs.prod.js} +4 -3
  2. package/dist/{active-drag-drop-area-1ac31437.cjs.prod.js → active-drag-drop-area-e3d97116.cjs.dev.js} +4 -3
  3. package/dist/{active-drag-drop-area-7c8d7f16.esm.js → active-drag-drop-area-f12630d8.esm.js} +4 -3
  4. package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js +4 -3
  5. package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.prod.js +4 -3
  6. package/dist/commercetools-frontend-extensions-import-resources-modal.esm.js +4 -3
  7. package/dist/{enabled-drop-area-8d33207e.esm.js → enabled-drop-area-2b2fedcf.esm.js} +4 -3
  8. package/dist/{enabled-drop-area-c93b15af.cjs.dev.js → enabled-drop-area-9d72368b.cjs.prod.js} +4 -3
  9. package/dist/{enabled-drop-area-bb340df2.cjs.prod.js → enabled-drop-area-f9b365c6.cjs.dev.js} +4 -3
  10. package/dist/es-2506d9e6.esm.js +212 -0
  11. package/dist/es-9e7d567d.cjs.dev.js +214 -0
  12. package/dist/es-a9f84ea0.cjs.prod.js +214 -0
  13. package/dist/{file-dropped-area-5b0aa739.cjs.dev.js → file-dropped-area-114c7008.cjs.prod.js} +6 -4
  14. package/dist/{file-dropped-area-c0f3932c.esm.js → file-dropped-area-37e73131.esm.js} +6 -4
  15. package/dist/{file-dropped-area-5632c032.cjs.prod.js → file-dropped-area-fa8f8320.cjs.dev.js} +6 -4
  16. package/dist/{index-bea140f8.cjs.dev.js → index-2b12bfb1.cjs.dev.js} +103 -78
  17. package/dist/{index-06262b8c.cjs.prod.js → index-c301af5d.cjs.prod.js} +100 -75
  18. package/dist/{index-79e36c76.esm.js → index-e4e280d7.esm.js} +101 -77
  19. package/package.json +35 -35
  20. package/dist/es-042343bd.cjs.prod.js +0 -6
  21. package/dist/es-8b3ecab1.cjs.dev.js +0 -6
  22. package/dist/es-e544023d.esm.js +0 -4
package/dist/{index-79e36c76.esm.js → index-e4e280d7.esm.js} RENAMED
@@ -14,6 +14,7 @@ import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
14
14
  import React, { useContext, lazy, useState, useEffect } from 'react';
15
15
  import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
16
16
  import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
17
+ import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
17
18
  import { plural } from 'pluralize';
18
19
  import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
19
20
  import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
@@ -24,6 +25,7 @@ import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/ins
24
25
  import Papa from 'papaparse';
25
26
  import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
26
27
  import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
28
+ import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
27
29
  import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
28
30
  import 'querystring';
29
31
  import 'ramda';
@@ -31,16 +33,15 @@ import { createHttpClientOptions, buildApiUrl } from '@commercetools-frontend/ap
31
33
  import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
32
34
  import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
33
35
  import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
36
+ import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
34
37
  import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
35
38
  import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
36
- import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
37
39
  import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
38
40
  import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
39
41
  import { FormDialog, PageContentNarrow, ConfirmationDialog, InfoDialog } from '@commercetools-frontend/application-components';
40
42
  import { customProperties, Constraints, Spacings, Grid, designTokens, Text, Link, Card, CheckBoldIcon, EyeCrossedIcon, usePaginationState, PageNavigator, Stamp, SecondaryButton, PrimaryButton, ImportIcon, ProgressBar, RadioInput } from '@commercetools-frontend/ui-kit';
41
43
  import { useShowNotification } from '@commercetools-frontend/actions-global';
42
44
  import { reportErrorToSentry } from '@commercetools-frontend/sentry';
43
- import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
44
45
  import { useDropzone } from 'react-dropzone';
45
46
  import _styled from '@emotion/styled/base';
46
47
  import { css } from '@emotion/react';
@@ -59,7 +60,7 @@ function isResourceType(maybeResourceType) {
59
60
  }
60
61
  function assertResourceType(maybeResourceType) {
61
62
  if (isResourceType(maybeResourceType)) return;
62
- throw new Error(`Invalid value: ${maybeResourceType}`);
63
+ throw new Error("Invalid value: ".concat(maybeResourceType));
63
64
  }
64
65
  function isError(maybeError) {
65
66
  if (maybeError instanceof Error) return true;
@@ -74,6 +75,7 @@ function hasRequiredFields(maybeValidObject, requiredFields) {
74
75
  return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty(requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
75
76
  }
76
77
 
78
+ var _context;
77
79
  const DEFAULT_DELIMITER = ',';
78
80
  const INITIAL_COLUMN_DISPLAY_COUNT = 8;
79
81
  const IMPORT_TAG_KEYS = {
@@ -82,7 +84,7 @@ const IMPORT_TAG_KEYS = {
82
84
  const IMPORT_TAG_VALUES = {
83
85
  fileUpload: 'file-upload'
84
86
  };
85
- const TAG_KEY_SOURCE_FILE_UPLOAD = `${IMPORT_TAG_KEYS.source}:${IMPORT_TAG_VALUES.fileUpload}`;
87
+ const TAG_KEY_SOURCE_FILE_UPLOAD = _concatInstanceProperty(_context = "".concat(IMPORT_TAG_KEYS.source, ":")).call(_context, IMPORT_TAG_VALUES.fileUpload);
86
88
 
87
89
  const IMPORTABLE_RESOURCES = {
88
90
  CATEGORY: 'category',
@@ -98,10 +100,10 @@ const FILE_SIZE_LIMITS_MB = {
98
100
  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 10
99
101
  };
100
102
  const ROW_LIMITS = {
101
- [IMPORTABLE_RESOURCES.CATEGORY]: 5_000,
102
- [IMPORTABLE_RESOURCES.INVENTORY]: 4_000,
103
- [IMPORTABLE_RESOURCES.PRODUCT]: 70_000,
104
- [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 4_000
103
+ [IMPORTABLE_RESOURCES.CATEGORY]: 5000,
104
+ [IMPORTABLE_RESOURCES.INVENTORY]: 4000,
105
+ [IMPORTABLE_RESOURCES.PRODUCT]: 70000,
106
+ [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 4000
105
107
  };
106
108
  const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
107
109
  [IMPORTABLE_RESOURCES.CATEGORY]: 'https://docs.commercetools.com/merchant-center/downloads/category_import_template.csv',
@@ -231,53 +233,61 @@ const encodeFileNameWithTimestampToContainerKey = fileName => {
231
233
  };
232
234
 
233
235
  function getCreateImportContainerURL(projectKey) {
234
- return `/${projectKey}/import-containers`;
236
+ return "/".concat(projectKey, "/import-containers");
235
237
  }
236
238
  function getDeleteImportContainerURL(projectKey, containerKey) {
237
- return `/${projectKey}/import-containers/${containerKey}`;
239
+ var _context6;
240
+ return _concatInstanceProperty(_context6 = "/".concat(projectKey, "/import-containers/")).call(_context6, containerKey);
238
241
  }
239
242
  function getFileUploadURL(projectKey, resourceType, containerKey) {
240
- return `/${projectKey}/${plural(resourceType)}/import-containers/${containerKey}/file-upload`;
243
+ var _context8, _context9;
244
+ return _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = "/".concat(projectKey, "/")).call(_context9, plural(resourceType), "/import-containers/")).call(_context8, containerKey, "/file-upload");
241
245
  }
242
246
  function getProccessFileURL(projectKey, resourceType, containerKey) {
243
- return `/${projectKey}/${plural(resourceType)}/import-containers/${containerKey}/process-file`;
247
+ var _context10, _context11;
248
+ return _concatInstanceProperty(_context10 = _concatInstanceProperty(_context11 = "/".concat(projectKey, "/")).call(_context11, plural(resourceType), "/import-containers/")).call(_context10, containerKey, "/process-file");
244
249
  }
245
250
 
246
- function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
251
+ function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
247
252
  function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
248
253
  let MissingImportResourceProviderError = /*#__PURE__*/function (_Error) {
254
+ _inherits(MissingImportResourceProviderError, _Error);
255
+ var _super = _createSuper$2(MissingImportResourceProviderError);
249
256
  function MissingImportResourceProviderError() {
250
257
  var _this;
251
258
  _classCallCheck(this, MissingImportResourceProviderError);
252
- _this = _callSuper$2(this, MissingImportResourceProviderError, ['useImportResourcesContext must be used within ImportResourcesProvider']);
259
+ _this = _super.call(this, 'useImportResourcesContext must be used within ImportResourcesProvider');
253
260
  _this.name = 'MissingImportResourceProviderError';
254
261
  return _this;
255
262
  }
256
- _inherits(MissingImportResourceProviderError, _Error);
257
263
  return _createClass(MissingImportResourceProviderError);
258
264
  }( /*#__PURE__*/_wrapNativeSuper(Error));
259
265
 
260
- function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
266
+ function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
261
267
  function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
262
268
  let UnexpectedColumnError = /*#__PURE__*/function (_Error) {
269
+ _inherits(UnexpectedColumnError, _Error);
270
+ var _super = _createSuper$1(UnexpectedColumnError);
263
271
  function UnexpectedColumnError(columnName) {
264
272
  var _this;
265
273
  _classCallCheck(this, UnexpectedColumnError);
266
- _this = _callSuper$1(this, UnexpectedColumnError, [`Unexpected column "${columnName}"`]);
274
+ _this = _super.call(this, "Unexpected column \"".concat(columnName, "\""));
267
275
  _this.name = 'UnexpectedColumnError';
268
276
  return _this;
269
277
  }
270
- _inherits(UnexpectedColumnError, _Error);
271
278
  return _createClass(UnexpectedColumnError);
272
279
  }( /*#__PURE__*/_wrapNativeSuper(Error));
273
280
 
274
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
281
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
275
282
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
276
283
  let HttpError = /*#__PURE__*/function (_Error) {
284
+ _inherits(HttpError, _Error);
285
+ var _super = _createSuper(HttpError);
277
286
  function HttpError(statusCode, statusText, errorData) {
287
+ var _context;
278
288
  var _this;
279
289
  _classCallCheck(this, HttpError);
280
- _this = _callSuper(this, HttpError, [`HTTP Error! Status code: ${statusCode}, message: "${statusText ? statusText : ''}"`]);
290
+ _this = _super.call(this, _concatInstanceProperty(_context = "HTTP Error! Status code: ".concat(statusCode, ", message: \"")).call(_context, statusText ? statusText : '', "\""));
281
291
  _this.statusCode = void 0;
282
292
  _this.errorData = void 0;
283
293
  _this.name = 'HttpError';
@@ -285,14 +295,14 @@ let HttpError = /*#__PURE__*/function (_Error) {
285
295
  _this.errorData = errorData;
286
296
  return _this;
287
297
  }
288
- _inherits(HttpError, _Error);
289
298
  return _createClass(HttpError);
290
299
  }( /*#__PURE__*/_wrapNativeSuper(Error));
291
300
 
292
301
  function ownKeys$e(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; }
293
- function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$e(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$e(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
302
+ function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$e(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$e(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
294
303
  const addProxyPrefixToUrl = (uri, proxy) => {
295
- return proxy ? `/proxy/${proxy}${uri}` : uri;
304
+ var _context;
305
+ return proxy ? _concatInstanceProperty(_context = "/proxy/".concat(proxy)).call(_context, uri) : uri;
296
306
  };
297
307
  const fetchUsingXhr = _ref2 => {
298
308
  let url = _ref2.url,
@@ -304,15 +314,15 @@ const fetchUsingXhr = _ref2 => {
304
314
  const options = createHttpClientOptions({
305
315
  headers: _objectSpread$e({
306
316
  'Content-Type': 'application/json'
307
- }, config?.headers)
317
+ }, config === null || config === void 0 ? void 0 : config.headers)
308
318
  });
309
319
  const xhr = new XMLHttpRequest();
310
- xhr.open(config?.method, buildApiUrl(addProxyPrefixToUrl(url, config?.proxy)), true);
320
+ xhr.open(config === null || config === void 0 ? void 0 : config.method, buildApiUrl(addProxyPrefixToUrl(url, config === null || config === void 0 ? void 0 : config.proxy)), true);
311
321
  // Include cookies in the request
312
322
  xhr.withCredentials = true;
313
323
  if (options.headers) {
314
- var _context;
315
- _forEachInstanceProperty(_context = _Object$keys(options.headers)).call(_context, key => {
324
+ var _context2;
325
+ _forEachInstanceProperty(_context2 = _Object$keys(options.headers)).call(_context2, key => {
316
326
  xhr.setRequestHeader(key, options.headers[key]);
317
327
  });
318
328
  }
@@ -481,7 +491,7 @@ function reducer(state, action) {
481
491
  throw new Error(getUnknownActionError(action));
482
492
  }
483
493
  function getUnknownActionError(actionType) {
484
- return `Unkown type: ${actionType}`;
494
+ return "Unkown type: ".concat(actionType);
485
495
  }
486
496
  const initialState = {
487
497
  currentStep: 1,
@@ -498,9 +508,12 @@ function ownKeys$b(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySy
498
508
  function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$b(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$b(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
499
509
  const ImportResourcesContext = /*#__PURE__*/React.createContext();
500
510
  const ImportResourcesProvider = props => {
501
- const _useApplicationContex = useApplicationContext(context => ({
502
- projectKey: context.project?.key
503
- })),
511
+ const _useApplicationContex = useApplicationContext(context => {
512
+ var _context$project;
513
+ return {
514
+ projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
515
+ };
516
+ }),
504
517
  projectKey = _useApplicationContex.projectKey;
505
518
  const asyncDispatch = useAsyncDispatch();
506
519
  const _React$useReducer = React.useReducer(reducer, _objectSpread$b(_objectSpread$b({}, initialState), {}, {
@@ -641,7 +654,10 @@ var messages$5 = defineMessages({
641
654
 
642
655
  const useUpload = () => {
643
656
  const intl = useIntl();
644
- const projectKey = useApplicationContext(context => context.project?.key);
657
+ const projectKey = useApplicationContext(context => {
658
+ var _context$project;
659
+ return (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key;
660
+ });
645
661
  const _useImportResourcesCo = useImportResourcesContext(),
646
662
  state = _useImportResourcesCo.state,
647
663
  actions = _useImportResourcesCo.actions;
@@ -691,14 +707,15 @@ const useUpload = () => {
691
707
  return;
692
708
  }
693
709
  if (error instanceof HttpError) {
694
- if (error.errorData?.code === 'MISSING_KEY_ERROR') {
710
+ var _error$errorData, _error$errorData2;
711
+ if (((_error$errorData = error.errorData) === null || _error$errorData === void 0 ? void 0 : _error$errorData.code) === 'MISSING_KEY_ERROR') {
695
712
  actions.cancelImport();
696
713
  showNotification({
697
714
  kind: 'error',
698
715
  domain: DOMAINS.PAGE,
699
716
  text: intl.formatMessage(messages$5.unexpectedError)
700
717
  });
701
- } else if (error.errorData?.invalid > 0) {
718
+ } else if (((_error$errorData2 = error.errorData) === null || _error$errorData2 === void 0 ? void 0 : _error$errorData2.invalid) > 0) {
702
719
  actions.setUploadFileResponse(error.errorData);
703
720
  } else {
704
721
  actions.cancelImport();
@@ -709,6 +726,7 @@ const useUpload = () => {
709
726
  });
710
727
  }
711
728
  } else {
729
+ var _state$droppedFile;
712
730
  actions.cancelImport();
713
731
  showNotification({
714
732
  kind: 'error',
@@ -721,7 +739,7 @@ const useUpload = () => {
721
739
  projectKey,
722
740
  containerKey: state.containerKey,
723
741
  resourceType: state.resourceType,
724
- fileSizeInBytes: state.droppedFile?.size
742
+ fileSizeInBytes: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.size
725
743
  }
726
744
  });
727
745
  }
@@ -779,12 +797,8 @@ const getBorderColor = state => {
779
797
  const getDashedBorder = function () {
780
798
  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
781
799
  const color = getBorderColor(state);
782
- const svgContent = `
783
- <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
784
- <rect width="100%" height="100%" fill="none" stroke="${color}" stroke-width="2px" stroke-dasharray="6,6" stroke-dashoffset="0" stroke-linecap="square"/>
785
- </svg>
786
- `;
787
- return `data:image/svg+xml,${encodeURIComponent(svgContent)}`;
800
+ const svgContent = "\n <svg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"100%\" height=\"100%\" fill=\"none\" stroke=\"".concat(color, "\" stroke-width=\"2px\" stroke-dasharray=\"6,6\" stroke-dashoffset=\"0\" stroke-linecap=\"square\"/>\n </svg>\n ");
801
+ return "data:image/svg+xml,".concat(encodeURIComponent(svgContent));
788
802
  };
789
803
  const base = /*#__PURE__*/css("border-radius:", customProperties.borderRadius6, ";min-height:136px;display:flex;justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:base;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmdCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
790
804
  const disabled = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:disabled;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ29CIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
@@ -818,18 +832,18 @@ const DropWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
818
832
  return styles.fileDropped;
819
833
  }
820
834
  return getDefaultDropWrapperStyles(props.dropAreaState);
821
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUQiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */"));
835
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUQiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */"));
822
836
  function getDefaultDropWrapperStyles(_dropAreaState) {
823
- 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== */");
837
+ return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
824
838
  }
825
839
 
826
- var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-7c8d7f16.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
840
+ var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-f12630d8.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
827
841
 
828
842
  var DisabledDropArea = /*#__PURE__*/lazy(() => import('./disabled-drop-area-2c088477.esm.js' /* webpackChunkName: "disabled-drop-area" */));
829
843
 
830
- var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-8d33207e.esm.js' /* webpackChunkName: "enabled-drop-area" */));
844
+ var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-2b2fedcf.esm.js' /* webpackChunkName: "enabled-drop-area" */));
831
845
 
832
- var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-c0f3932c.esm.js' /* webpackChunkName: "filed-dropped-area" */));
846
+ var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-37e73131.esm.js' /* webpackChunkName: "filed-dropped-area" */));
833
847
 
834
848
  function getDropArea(_ref) {
835
849
  let dropAreaState = _ref.dropAreaState,
@@ -1000,22 +1014,22 @@ const FileDropArea = () => {
1000
1014
  };
1001
1015
 
1002
1016
  var sharedMessages = defineMessages({
1003
- [`modalTitle.${IMPORTABLE_RESOURCES.CATEGORY}`]: {
1017
+ ["modalTitle.".concat(IMPORTABLE_RESOURCES.CATEGORY)]: {
1004
1018
  id: 'ImportResourcesModal.modalTitle.category',
1005
1019
  description: 'Label for the categories modal title',
1006
1020
  defaultMessage: 'Import categories by CSV'
1007
1021
  },
1008
- [`modalTitle.${IMPORTABLE_RESOURCES.PRODUCT}`]: {
1022
+ ["modalTitle.".concat(IMPORTABLE_RESOURCES.PRODUCT)]: {
1009
1023
  id: 'ImportResourcesModal.modalTitle.product',
1010
1024
  description: 'Label for the products modal title',
1011
1025
  defaultMessage: 'Import products by CSV'
1012
1026
  },
1013
- [`modalTitle.${IMPORTABLE_RESOURCES.INVENTORY}`]: {
1027
+ ["modalTitle.".concat(IMPORTABLE_RESOURCES.INVENTORY)]: {
1014
1028
  id: 'ImportResourcesModal.modalTitle.inventoryEntry',
1015
1029
  description: 'Label for the inventories modal title',
1016
1030
  defaultMessage: 'Import inventories by CSV'
1017
1031
  },
1018
- [`modalTitle.${IMPORTABLE_RESOURCES.DISCOUNT_CODE}`]: {
1032
+ ["modalTitle.".concat(IMPORTABLE_RESOURCES.DISCOUNT_CODE)]: {
1019
1033
  id: 'ImportResourcesModal.modalTitle.discountCode',
1020
1034
  description: 'Label for the inventories modal title',
1021
1035
  defaultMessage: 'Import discount codes by CSV'
@@ -1038,6 +1052,7 @@ var sharedMessages = defineMessages({
1038
1052
  });
1039
1053
 
1040
1054
  const Upload = () => {
1055
+ var _context;
1041
1056
  const _useImportResourcesCo = useImportResourcesContext(),
1042
1057
  state = _useImportResourcesCo.state,
1043
1058
  onClose = _useImportResourcesCo.onClose,
@@ -1049,7 +1064,7 @@ const Upload = () => {
1049
1064
  return jsx(FormDialog, {
1050
1065
  size: 16,
1051
1066
  isOpen: true,
1052
- title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1067
+ title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1053
1068
  labelPrimary: intl.formatMessage(sharedMessages.uploadButton),
1054
1069
  onPrimaryButtonClick: handleUploadAndValidation,
1055
1070
  isPrimaryButtonDisabled: !Boolean(state.droppedFile),
@@ -1063,7 +1078,7 @@ const Upload = () => {
1063
1078
  scale: "l",
1064
1079
  children: [isMultipleResourceTypes ? jsxs(Grid, {
1065
1080
  gridRowGap: designTokens.spacingL,
1066
- gridTemplateColumns: `calc(${designTokens.constraint3} + ${designTokens.spacingL}) auto`,
1081
+ gridTemplateColumns: _concatInstanceProperty(_context = "calc(".concat(designTokens.constraint3, " + ")).call(_context, designTokens.spacingL, ") auto"),
1067
1082
  children: [jsx(Grid.Item, {
1068
1083
  children: jsx(Text.Body, {
1069
1084
  isBold: true,
@@ -1172,7 +1187,7 @@ const SpacedLink = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "produc
1172
1187
  } : {
1173
1188
  target: "e1amawj90",
1174
1189
  label: "SpacedLink"
1175
- })("margin-left:", customProperties.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnFDIiwiZmlsZSI6ImNvbHVtbi1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQge1xuICBMaW5rLFxuICBTcGFjaW5ncyxcbiAgVGV4dCxcbiAgY3VzdG9tUHJvcGVydGllcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHsgSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVCB9IGZyb20gJ0Bjb25zdGFudHMnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPlxufVxuXG5jb25zdCB0cnVuY2F0ZSA9IChcbiAgaXNFeHBhbmRlZDogYm9vbGVhbixcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPixcbiAgY29sdW1uc0NvdW50OiBudW1iZXJcbik6IHN0cmluZyA9PiB7XG4gIHJldHVybiBpc0V4cGFuZGVkXG4gICAgPyBjb2x1bW5zLmpvaW4oJyB8ICcpXG4gICAgOiBjb2x1bW5zLnNsaWNlKDAsIGNvbHVtbnNDb3VudCkuam9pbignIHwgJykgK1xuICAgICAgICAoY29sdW1ucy5sZW5ndGggPiBjb2x1bW5zQ291bnQgPyAnLi4uJyA6ICcnKVxufVxuXG5leHBvcnQgY29uc3QgU3BhY2VkTGluayA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSAocHJvcHM6IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPFByb3BzPikgPT4ge1xuICBjb25zdCBbaXNFeHBhbmRlZCwgc2V0SXNFeHBhbmRlZF0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSlcbiAgY29uc3Qgc2hvdWxkU2hvd0V4cGFuZEJ1dHRvbiA9XG4gICAgcHJvcHMuY29sdW1ucy5sZW5ndGggPiBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UXG5cbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwieGxcIj5cbiAgICAgIHsvKiBFbXB0eSBkaXYgaXMgcmVxdWlyZWQgZm9yIHNwYWNpbmcgKi99XG4gICAgICA8ZGl2IC8+XG4gICAgICA8PlxuICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7dHJ1bmNhdGUoaXNFeHBhbmRlZCwgcHJvcHMuY29sdW1ucywgSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVCl9XG4gICAgICAgICAge3Nob3VsZFNob3dFeHBhbmRCdXR0b24gJiYgKFxuICAgICAgICAgICAgPFNwYWNlZExpbms+XG4gICAgICAgICAgICAgIDxMaW5rXG4gICAgICAgICAgICAgICAgdG89XCJcIlxuICAgICAgICAgICAgICAgIHRvbmU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICAgIHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gKFxuICAgICAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLnNob3dMZXNzfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ubWVzc2FnZXMuc2hvd01vcmV9IC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9MaW5rPlxuICAgICAgICAgICAgPC9TcGFjZWRMaW5rPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dC5Cb2R5PlxuICAgICAgPC8+XG4gICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gIClcbn1cbiJdfQ== */"));
1190
+ })("margin-left:", customProperties.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnFDIiwiZmlsZSI6ImNvbHVtbi1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQge1xuICBMaW5rLFxuICBTcGFjaW5ncyxcbiAgVGV4dCxcbiAgY3VzdG9tUHJvcGVydGllcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHsgSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVCB9IGZyb20gJy4uLy4uL0Bjb25zdGFudHMnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPlxufVxuXG5jb25zdCB0cnVuY2F0ZSA9IChcbiAgaXNFeHBhbmRlZDogYm9vbGVhbixcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPixcbiAgY29sdW1uc0NvdW50OiBudW1iZXJcbik6IHN0cmluZyA9PiB7XG4gIHJldHVybiBpc0V4cGFuZGVkXG4gICAgPyBjb2x1bW5zLmpvaW4oJyB8ICcpXG4gICAgOiBjb2x1bW5zLnNsaWNlKDAsIGNvbHVtbnNDb3VudCkuam9pbignIHwgJykgK1xuICAgICAgICAoY29sdW1ucy5sZW5ndGggPiBjb2x1bW5zQ291bnQgPyAnLi4uJyA6ICcnKVxufVxuXG5leHBvcnQgY29uc3QgU3BhY2VkTGluayA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSAocHJvcHM6IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPFByb3BzPikgPT4ge1xuICBjb25zdCBbaXNFeHBhbmRlZCwgc2V0SXNFeHBhbmRlZF0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSlcbiAgY29uc3Qgc2hvdWxkU2hvd0V4cGFuZEJ1dHRvbiA9XG4gICAgcHJvcHMuY29sdW1ucy5sZW5ndGggPiBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UXG5cbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwieGxcIj5cbiAgICAgIHsvKiBFbXB0eSBkaXYgaXMgcmVxdWlyZWQgZm9yIHNwYWNpbmcgKi99XG4gICAgICA8ZGl2IC8+XG4gICAgICA8PlxuICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7dHJ1bmNhdGUoaXNFeHBhbmRlZCwgcHJvcHMuY29sdW1ucywgSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVCl9XG4gICAgICAgICAge3Nob3VsZFNob3dFeHBhbmRCdXR0b24gJiYgKFxuICAgICAgICAgICAgPFNwYWNlZExpbms+XG4gICAgICAgICAgICAgIDxMaW5rXG4gICAgICAgICAgICAgICAgdG89XCJcIlxuICAgICAgICAgICAgICAgIHRvbmU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICAgIHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gKFxuICAgICAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLnNob3dMZXNzfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ubWVzc2FnZXMuc2hvd01vcmV9IC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9MaW5rPlxuICAgICAgICAgICAgPC9TcGFjZWRMaW5rPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dC5Cb2R5PlxuICAgICAgPC8+XG4gICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gIClcbn1cbiJdfQ== */"));
1176
1191
  const ColumnList = props => {
1177
1192
  const _React$useState = React.useState(false),
1178
1193
  _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -1215,7 +1230,7 @@ function UploadPreviewModal() {
1215
1230
  return jsx(FormDialog, {
1216
1231
  size: 16,
1217
1232
  isOpen: true,
1218
- title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1233
+ title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1219
1234
  labelPrimary: intl.formatMessage(messages$3.continue),
1220
1235
  onSecondaryButtonClick: () => onClose({
1221
1236
  shouldDeleteImportContainer: true
@@ -1306,19 +1321,23 @@ function ownKeys$7(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySy
1306
1321
  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(_context = ownKeys$7(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$7(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1307
1322
  const getNewLine = () => jsx("br", {});
1308
1323
  const getImportLogsLink = (msg, projectKey) => jsx(Link, {
1309
- to: `/${projectKey}/operations/import/logs`,
1324
+ to: "/".concat(projectKey, "/operations/import/logs"),
1310
1325
  children: msg
1311
1326
  });
1312
1327
  const ImportConfirmationModal = () => {
1328
+ var _state$uploadFileResp;
1313
1329
  const intl = useIntl();
1314
1330
  const _useImportResourcesCo = useImportResourcesContext(),
1315
1331
  state = _useImportResourcesCo.state,
1316
1332
  onStartImportSuccess = _useImportResourcesCo.onStartImportSuccess,
1317
1333
  onClose = _useImportResourcesCo.onClose;
1318
- const _useApplicationContex = useApplicationContext(context => ({
1319
- projectKey: context.project?.key,
1320
- projectName: context.project?.name
1321
- })),
1334
+ const _useApplicationContex = useApplicationContext(context => {
1335
+ var _context$project, _context$project2;
1336
+ return {
1337
+ projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key,
1338
+ projectName: (_context$project2 = context.project) === null || _context$project2 === void 0 ? void 0 : _context$project2.name
1339
+ };
1340
+ }),
1322
1341
  projectKey = _useApplicationContex.projectKey,
1323
1342
  projectName = _useApplicationContex.projectName;
1324
1343
  const asyncDispatch = useAsyncDispatch();
@@ -1333,7 +1352,7 @@ const ImportConfirmationModal = () => {
1333
1352
  })
1334
1353
  });
1335
1354
  return jsx(ConfirmationDialog, {
1336
- title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1355
+ title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1337
1356
  labelPrimary: intl.formatMessage(messages$3.startImportButton),
1338
1357
  isOpen: true,
1339
1358
  onClose: () => onClose({
@@ -1350,7 +1369,8 @@ const ImportConfirmationModal = () => {
1350
1369
  },
1351
1370
  onConfirm: async () => {
1352
1371
  try {
1353
- const canConfirm = projectKey && state.containerKey && state.droppedFile?.name && state.resourceType;
1372
+ var _state$droppedFile;
1373
+ const canConfirm = projectKey && state.containerKey && ((_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name) && state.resourceType;
1354
1374
  if (!canConfirm) return;
1355
1375
  onClose();
1356
1376
  await processUploadedFile({
@@ -1387,7 +1407,7 @@ const ImportConfirmationModal = () => {
1387
1407
  intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.confirmationBodyText), {}, {
1388
1408
  values: {
1389
1409
  projectName: projectName,
1390
- count: intl.formatNumber(state?.uploadFileResponse?.rowsCount || 0),
1410
+ count: intl.formatNumber((state === null || state === void 0 || (_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.rowsCount) || 0),
1391
1411
  bold: getBold$2
1392
1412
  }
1393
1413
  })
@@ -1495,6 +1515,7 @@ function itemRenderer$1(item, column) {
1495
1515
  function ownKeys$5(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; }
1496
1516
  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(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1497
1517
  const UploadClientSideErrorsModal = () => {
1518
+ var _state$droppedFile;
1498
1519
  const intl = useIntl();
1499
1520
  const _useImportResourcesCo = useImportResourcesContext(),
1500
1521
  state = _useImportResourcesCo.state,
@@ -1504,14 +1525,14 @@ const UploadClientSideErrorsModal = () => {
1504
1525
  return jsx(InfoDialog, {
1505
1526
  size: 16,
1506
1527
  isOpen: true,
1507
- title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1528
+ title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1508
1529
  onClose: () => onClose(),
1509
1530
  children: jsxs(Spacings.Stack, {
1510
1531
  scale: "l",
1511
1532
  children: [jsx(Text.Body, {
1512
1533
  intlMessage: _objectSpread$5(_objectSpread$5({}, messages$2.uploadingError), {}, {
1513
1534
  values: {
1514
- fileName: state.droppedFile?.name,
1535
+ fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
1515
1536
  errorsCount: intl.formatNumber(errorsCount),
1516
1537
  b: getBold$1
1517
1538
  }
@@ -1607,17 +1628,18 @@ function itemRenderer(item, column) {
1607
1628
  function ownKeys$3(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; }
1608
1629
  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(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1609
1630
  const UploadServerSideErrorsModal = () => {
1631
+ var _state$uploadFileResp, _state$droppedFile, _state$uploadFileResp2;
1610
1632
  const intl = useIntl();
1611
1633
  const _useImportResourcesCo = useImportResourcesContext(),
1612
1634
  state = _useImportResourcesCo.state,
1613
1635
  actions = _useImportResourcesCo.actions,
1614
1636
  onClose = _useImportResourcesCo.onClose;
1615
- const errorsCount = getFileUploadErrorsCount(state.uploadFileResponse?.results);
1637
+ const errorsCount = getFileUploadErrorsCount((_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.results);
1616
1638
  const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
1617
1639
  return jsx(InfoDialog, {
1618
1640
  size: 16,
1619
1641
  isOpen: true,
1620
- title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1642
+ title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1621
1643
  onClose: onClose,
1622
1644
  children: jsxs(Spacings.Stack, {
1623
1645
  scale: "l",
@@ -1626,7 +1648,7 @@ const UploadServerSideErrorsModal = () => {
1626
1648
  children: [jsx(Text.Body, {
1627
1649
  intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.uploadingError), {}, {
1628
1650
  values: {
1629
- fileName: state.droppedFile?.name,
1651
+ fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
1630
1652
  errorsCount: intl.formatNumber(errorsCount),
1631
1653
  b: getBold
1632
1654
  }
@@ -1644,7 +1666,7 @@ const UploadServerSideErrorsModal = () => {
1644
1666
  })
1645
1667
  })]
1646
1668
  }), jsx(UploadServerSideErrorTable, {
1647
- rows: mapUploadFileErrorsResponseToUploadFileErrorRows(state.uploadFileResponse?.results)
1669
+ rows: mapUploadFileErrorsResponseToUploadFileErrorRows((_state$uploadFileResp2 = state.uploadFileResponse) === null || _state$uploadFileResp2 === void 0 ? void 0 : _state$uploadFileResp2.results)
1648
1670
  }), jsxs(Spacings.Inline, {
1649
1671
  scale: "m",
1650
1672
  justifyContent: "flex-end",
@@ -1669,10 +1691,11 @@ function getBold(msg) {
1669
1691
  }
1670
1692
 
1671
1693
  const UploadResult = () => {
1694
+ var _state$uploadFileResp;
1672
1695
  const _useImportResourcesCo = useImportResourcesContext(),
1673
1696
  state = _useImportResourcesCo.state;
1674
1697
  if (state.fileUploadClientSideErrors.length > 0) return jsx(UploadClientSideErrorsModal, {});
1675
- if (state.uploadFileResponse?.invalid > 0) return jsx(UploadServerSideErrorsModal, {});
1698
+ if (((_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.invalid) > 0) return jsx(UploadServerSideErrorsModal, {});
1676
1699
  return jsx(UploadPreviewModal, {});
1677
1700
  };
1678
1701
 
@@ -1710,15 +1733,16 @@ FileIcon.defaultProps = {
1710
1733
  xmlns: "http://www.w3.org/2000/svg"
1711
1734
  };
1712
1735
  const Uploading = () => {
1736
+ var _state$droppedFile;
1713
1737
  const intl = useIntl();
1714
1738
  const _useImportResourcesCo = useImportResourcesContext(),
1715
1739
  state = _useImportResourcesCo.state,
1716
1740
  actions = _useImportResourcesCo.actions,
1717
1741
  onClose = _useImportResourcesCo.onClose;
1718
- if (state.droppedFile?.name) return jsx(InfoDialog, {
1742
+ if ((_state$droppedFile = state.droppedFile) !== null && _state$droppedFile !== void 0 && _state$droppedFile.name) return jsx(InfoDialog, {
1719
1743
  size: 16,
1720
1744
  isOpen: true,
1721
- title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1745
+ title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1722
1746
  onClose: () => onClose({
1723
1747
  shouldDeleteImportContainer: true
1724
1748
  }),
@@ -1800,7 +1824,7 @@ const resourceTypeToDisplayName = resourceType => {
1800
1824
  case IMPORTABLE_RESOURCES.CATEGORY:
1801
1825
  return messages$1.categories;
1802
1826
  default:
1803
- throw new Error(`Unknown resource type: ${resourceType}`);
1827
+ throw new Error("Unknown resource type: ".concat(resourceType));
1804
1828
  }
1805
1829
  };
1806
1830
  const ResourceTypeSelection = () => {
@@ -1870,7 +1894,7 @@ const getChunkImport = locale => {
1870
1894
  case 'de':
1871
1895
  return import( /* webpackChunkName: "import-resources-modal-i18n-de" */'./de-cd6c45d3.esm.js');
1872
1896
  case 'es':
1873
- return import( /* webpackChunkName: "import-resources-modal-i18n-es" */'./es-e544023d.esm.js');
1897
+ return import( /* webpackChunkName: "import-resources-modal-i18n-es" */'./es-2506d9e6.esm.js');
1874
1898
  case 'fr-FR':
1875
1899
  return import( /* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-9d9081ee.esm.js');
1876
1900
  case 'zh-CN':
@@ -1889,8 +1913,8 @@ const loadMessages = async locale => {
1889
1913
  return parseChunkImport(chunkImport);
1890
1914
  } catch (error) {
1891
1915
  // eslint-disable-next-line no-console
1892
- console.warn(`Something went wrong while loading the import-resources-modal messages for ${locale}`, error);
1893
- reportErrorToSentry(new Error(`Something went wrong while loading the import-resources-modal messages for ${locale}`), {
1916
+ console.warn("Something went wrong while loading the import-resources-modal messages for ".concat(locale), error);
1917
+ reportErrorToSentry(new Error("Something went wrong while loading the import-resources-modal messages for ".concat(locale)), {
1894
1918
  extra: error
1895
1919
  });
1896
1920
  return {};
@@ -1935,14 +1959,14 @@ const useAsyncIntlMessages = (locale, loader) => {
1935
1959
  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; }
1936
1960
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1937
1961
  const ImportResourcesModal = props => {
1938
- var _context;
1962
+ var _props$resourceTypes, _context;
1939
1963
  const _useApplicationContex = useApplicationContext(context => ({
1940
1964
  locale: context.user && context.user.locale
1941
1965
  })),
1942
1966
  locale = _useApplicationContex.locale;
1943
1967
  const messages = useAsyncIntlMessages(locale, loadMessages);
1944
1968
  if (!props.isOpen || messages.isLoading) return null;
1945
- if (!props.resourceTypes?.length) {
1969
+ if (!((_props$resourceTypes = props.resourceTypes) !== null && _props$resourceTypes !== void 0 && _props$resourceTypes.length)) {
1946
1970
  console.error('No resource types provided for import resources modal');
1947
1971
  return null;
1948
1972
  }