@commercetools-frontend-extensions/import-resources-modal 1.2.5 → 1.2.7

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 (16) hide show
  1. package/dist/{active-drag-drop-area-52119833.cjs.dev.js → active-drag-drop-area-1e3ee12d.cjs.prod.js} +12 -13
  2. package/dist/{active-drag-drop-area-89f8264c.cjs.prod.js → active-drag-drop-area-bd312745.cjs.dev.js} +12 -13
  3. package/dist/{active-drag-drop-area-0096403f.esm.js → active-drag-drop-area-d640b658.esm.js} +12 -13
  4. package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js +12 -13
  5. package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.prod.js +12 -13
  6. package/dist/commercetools-frontend-extensions-import-resources-modal.esm.js +12 -13
  7. package/dist/{enabled-drop-area-cd1ff191.cjs.dev.js → enabled-drop-area-14e5f889.cjs.dev.js} +12 -13
  8. package/dist/{enabled-drop-area-8a60a954.esm.js → enabled-drop-area-de4a5ab0.esm.js} +12 -13
  9. package/dist/{enabled-drop-area-77836aae.cjs.prod.js → enabled-drop-area-fbf01f88.cjs.prod.js} +12 -13
  10. package/dist/{file-dropped-area-29daabcd.esm.js → file-dropped-area-8d434988.esm.js} +17 -19
  11. package/dist/{file-dropped-area-922d238a.cjs.dev.js → file-dropped-area-90b9f712.cjs.prod.js} +17 -19
  12. package/dist/{file-dropped-area-47e83d97.cjs.prod.js → file-dropped-area-f0a939ac.cjs.dev.js} +17 -19
  13. package/dist/{index-4a4bda05.cjs.prod.js → index-23bf2043.cjs.prod.js} +712 -738
  14. package/dist/{index-0756fe60.cjs.dev.js → index-828897b3.cjs.dev.js} +716 -742
  15. package/dist/{index-8ce079d8.esm.js → index-c3c6d321.esm.js} +718 -743
  16. package/package.json +15 -15
package/dist/{index-0756fe60.cjs.dev.js → index-828897b3.cjs.dev.js} RENAMED
@@ -16,7 +16,14 @@ var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
16
16
  var React = require('react');
17
17
  var sdk = require('@commercetools-frontend/sdk');
18
18
  var constants = require('@commercetools-frontend/constants');
19
- var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
19
+ var applicationShell = require('@commercetools-frontend/application-shell');
20
+ var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
21
+ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
22
+ var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
23
+ var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
24
+ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
25
+ var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
26
+ var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
20
27
  var pluralize = require('pluralize');
21
28
  var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
22
29
  var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
@@ -27,27 +34,19 @@ var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/i
27
34
  var Papa = require('papaparse');
28
35
  var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
29
36
  var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
30
- var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
31
37
  require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
32
38
  require('querystring');
33
39
  require('ramda');
34
- var applicationShell = require('@commercetools-frontend/application-shell');
35
- var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
36
- var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
37
- var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
38
- var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
39
- var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
40
- var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
41
- var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
42
40
  var jsxRuntime = require('@emotion/react/jsx-runtime');
43
41
  var applicationComponents = require('@commercetools-frontend/application-components');
44
42
  var fullstory = require('@commercetools-frontend/fullstory');
45
43
  var uiKit = require('@commercetools-frontend/ui-kit');
46
- var actionsGlobal = require('@commercetools-frontend/actions-global');
47
- var sentry = require('@commercetools-frontend/sentry');
44
+ var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
48
45
  var reactDropzone = require('react-dropzone');
46
+ var actionsGlobal = require('@commercetools-frontend/actions-global');
49
47
  var _styled = require('@emotion/styled/base');
50
48
  var react = require('@emotion/react');
49
+ var sentry = require('@commercetools-frontend/sentry');
51
50
  var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
52
51
  var DataTable = require('@commercetools-uikit/data-table');
53
52
  var i18n = require('@commercetools-frontend/i18n');
@@ -64,7 +63,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
64
63
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
65
64
  var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
66
65
  var React__default = /*#__PURE__*/_interopDefault(React);
67
- var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
66
+ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
68
67
  var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
69
68
  var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
70
69
  var _flatMapInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatMapInstanceProperty);
@@ -75,38 +74,183 @@ var Papa__default = /*#__PURE__*/_interopDefault(Papa);
75
74
  var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
76
75
  var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
77
76
  var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
78
- var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
79
77
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
80
78
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
81
79
  var DataTable__default = /*#__PURE__*/_interopDefault(DataTable);
82
80
 
83
- const EnabledResourceType = {
84
- category: true,
85
- product: true,
86
- inventory: true,
87
- 'discount-code': true
88
- };
89
- function isResourceType(maybeResourceType) {
90
- return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
91
- }
92
- function assertResourceType(maybeResourceType) {
93
- if (isResourceType(maybeResourceType)) return;
94
- throw new Error("Invalid value: ".concat(maybeResourceType));
81
+ function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
82
+ function _objectSpread$f(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$f(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$f(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
83
+ function reducer(state, action) {
84
+ if (action.type === 'setCurrentStep') return _objectSpread$f(_objectSpread$f({}, state), {}, {
85
+ currentStep: action.currentStep,
86
+ progress: 0
87
+ });
88
+ if (action.type === 'setUploadFileResponse') return _objectSpread$f(_objectSpread$f({}, state), {}, {
89
+ uploadFileResponse: action.uploadFileResponse
90
+ });
91
+ if (action.type === 'setResourceType') return _objectSpread$f(_objectSpread$f({}, state), {}, {
92
+ resourceType: action.resourceType
93
+ });
94
+ if (action.type === 'setContainerKey') return _objectSpread$f(_objectSpread$f({}, state), {}, {
95
+ containerKey: action.containerKey
96
+ });
97
+ if (action.type === 'cancelImport') return _objectSpread$f(_objectSpread$f({}, state), {}, {
98
+ currentStep: 1,
99
+ containerKey: undefined,
100
+ fileUploadClientSideErrors: [],
101
+ uploadFileResponse: undefined,
102
+ droppedFile: undefined,
103
+ dropAreaState: 'disabled',
104
+ progress: 0
105
+ });
106
+ if (action.type === 'uploadNewFile') return _objectSpread$f(_objectSpread$f({}, state), {}, {
107
+ currentStep: 1,
108
+ containerKey: undefined,
109
+ fileUploadClientSideErrors: [],
110
+ uploadFileResponse: undefined,
111
+ droppedFile: undefined,
112
+ dropAreaState: 'ready-for-drop',
113
+ progress: 0
114
+ });
115
+ if (action.type === 'setDroppedFile') {
116
+ return _objectSpread$f(_objectSpread$f({}, state), {}, {
117
+ droppedFile: action.droppedFile
118
+ });
119
+ }
120
+ if (action.type === 'setFileUploadClientSideErrors') {
121
+ return _objectSpread$f(_objectSpread$f({}, state), {}, {
122
+ fileUploadClientSideErrors: action.fileUploadClientSideErrors
123
+ });
124
+ }
125
+ if (action.type === 'setAbortController') {
126
+ return _objectSpread$f(_objectSpread$f({}, state), {}, {
127
+ abortController: action.abortController
128
+ });
129
+ }
130
+ if (action.type === 'setProgress') {
131
+ return _objectSpread$f(_objectSpread$f({}, state), {}, {
132
+ progress: action.progress
133
+ });
134
+ }
135
+ throw new Error(getUnknownActionError(action));
95
136
  }
96
- function isError(maybeError) {
97
- if (maybeError instanceof Error) return true;
98
- return false;
137
+ function getUnknownActionError(actionType) {
138
+ return `Unkown type: ${actionType}`;
99
139
  }
140
+ const initialState = {
141
+ currentStep: 1,
142
+ abortController: new AbortController(),
143
+ dropAreaState: 'disabled',
144
+ uploadFileResponse: undefined,
145
+ fileUploadClientSideErrors: [],
146
+ resourceType: 'category',
147
+ containerKey: undefined,
148
+ progress: 0
149
+ };
100
150
 
101
- // eslint-disable-next-line @typescript-eslint/ban-types
102
- function hasOwnProperty(obj, prop) {
103
- return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
104
- }
105
- function hasRequiredFields(maybeValidObject, requiredFields) {
106
- return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty__default["default"](requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
107
- }
151
+ function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
152
+ function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
153
+ let MissingImportResourceProviderError = /*#__PURE__*/function (_Error) {
154
+ function MissingImportResourceProviderError() {
155
+ var _this;
156
+ _classCallCheck(this, MissingImportResourceProviderError);
157
+ _this = _callSuper$2(this, MissingImportResourceProviderError, ['useImportResourcesContext must be used within ImportResourcesProvider']);
158
+ _this.name = 'MissingImportResourceProviderError';
159
+ return _this;
160
+ }
161
+ _inherits(MissingImportResourceProviderError, _Error);
162
+ return _createClass(MissingImportResourceProviderError);
163
+ }( /*#__PURE__*/_wrapNativeSuper(Error));
164
+
165
+ function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
166
+ function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
167
+ let UnexpectedColumnError = /*#__PURE__*/function (_Error) {
168
+ function UnexpectedColumnError(columnName) {
169
+ var _this;
170
+ _classCallCheck(this, UnexpectedColumnError);
171
+ _this = _callSuper$1(this, UnexpectedColumnError, [`Unexpected column "${columnName}"`]);
172
+ _this.name = 'UnexpectedColumnError';
173
+ return _this;
174
+ }
175
+ _inherits(UnexpectedColumnError, _Error);
176
+ return _createClass(UnexpectedColumnError);
177
+ }( /*#__PURE__*/_wrapNativeSuper(Error));
178
+
179
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
180
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
181
+ let HttpError = /*#__PURE__*/function (_Error) {
182
+ function HttpError(statusCode, statusText, errorData) {
183
+ var _this;
184
+ _classCallCheck(this, HttpError);
185
+ _this = _callSuper(this, HttpError, [`HTTP Error! Status code: ${statusCode}, message: "${statusText ? statusText : ''}"`]);
186
+ _this.statusCode = void 0;
187
+ _this.errorData = void 0;
188
+ _this.name = 'HttpError';
189
+ _this.statusCode = statusCode;
190
+ _this.errorData = errorData;
191
+ return _this;
192
+ }
193
+ _inherits(HttpError, _Error);
194
+ return _createClass(HttpError);
195
+ }( /*#__PURE__*/_wrapNativeSuper(Error));
196
+
197
+ function ownKeys$e(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; }
198
+ 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__default["default"](_context2 = ownKeys$e(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$e(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
199
+ const addProxyPrefixToUrl = (uri, proxy) => {
200
+ return proxy ? `/proxy/${proxy}${uri}` : uri;
201
+ };
202
+ const fetchUsingXhr = _ref2 => {
203
+ let url = _ref2.url,
204
+ payload = _ref2.payload,
205
+ config = _ref2.config,
206
+ onProgress = _ref2.onProgress,
207
+ onSuccess = _ref2.onSuccess,
208
+ onError = _ref2.onError;
209
+ const options = applicationShell.createHttpClientOptions({
210
+ headers: _objectSpread$e({
211
+ 'Content-Type': 'application/json'
212
+ }, config?.headers)
213
+ });
214
+ const xhr = new XMLHttpRequest();
215
+ xhr.open(config?.method, applicationShell.buildApiUrl(addProxyPrefixToUrl(url, config?.proxy)), true);
216
+ // Include cookies in the request
217
+ xhr.withCredentials = true;
218
+ if (options.headers) {
219
+ var _context;
220
+ _forEachInstanceProperty__default["default"](_context = _Object$keys__default["default"](options.headers)).call(_context, key => {
221
+ xhr.setRequestHeader(key, options.headers[key]);
222
+ });
223
+ }
224
+ xhr.upload.onprogress = function (event) {
225
+ if (event.lengthComputable) {
226
+ const percentComplete = event.loaded / event.total * 100;
227
+ onProgress(percentComplete);
228
+ }
229
+ };
230
+ xhr.onload = function () {
231
+ const data = JSON.parse(xhr.responseText);
232
+ // Code copied from `executeHttpClientRequest` to replicate the same behavior
233
+ const refreshedSessionToken = xhr.getResponseHeader('x-refreshed-session-token');
234
+ if (refreshedSessionToken) {
235
+ applicationShellConnectors.oidcStorage.setActiveSession(refreshedSessionToken);
236
+ }
237
+ if (xhr.status >= 200 && xhr.status < 300) {
238
+ onSuccess(data);
239
+ } else {
240
+ onError(new HttpError(xhr.status, xhr.statusText, data));
241
+ }
242
+ };
243
+ xhr.onerror = function () {
244
+ const errorData = JSON.parse(xhr.responseText);
245
+ onError(new HttpError(xhr.status, xhr.statusText, errorData));
246
+ };
247
+ xhr.onabort = function () {
248
+ onError(new DOMException('Aborted', 'AbortError'));
249
+ };
250
+ xhr.send(payload);
251
+ return xhr;
252
+ };
108
253
 
109
- var _context;
110
254
  const DEFAULT_DELIMITER = ',';
111
255
  const INITIAL_COLUMN_DISPLAY_COUNT = 8;
112
256
  const IMPORT_TAG_KEYS = {
@@ -115,7 +259,7 @@ const IMPORT_TAG_KEYS = {
115
259
  const IMPORT_TAG_VALUES = {
116
260
  fileUpload: 'file-upload'
117
261
  };
118
- const TAG_KEY_SOURCE_FILE_UPLOAD = _concatInstanceProperty__default["default"](_context = "".concat(IMPORT_TAG_KEYS.source, ":")).call(_context, IMPORT_TAG_VALUES.fileUpload);
262
+ const TAG_KEY_SOURCE_FILE_UPLOAD = `${IMPORT_TAG_KEYS.source}:${IMPORT_TAG_VALUES.fileUpload}`;
119
263
 
120
264
  const IMPORTABLE_RESOURCES = {
121
265
  CATEGORY: 'category',
@@ -131,10 +275,10 @@ const FILE_SIZE_LIMITS_MB = {
131
275
  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 10
132
276
  };
133
277
  const ROW_LIMITS = {
134
- [IMPORTABLE_RESOURCES.CATEGORY]: 5000,
135
- [IMPORTABLE_RESOURCES.INVENTORY]: 4000,
136
- [IMPORTABLE_RESOURCES.PRODUCT]: 70000,
137
- [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 4000
278
+ [IMPORTABLE_RESOURCES.CATEGORY]: 5_000,
279
+ [IMPORTABLE_RESOURCES.INVENTORY]: 4_000,
280
+ [IMPORTABLE_RESOURCES.PRODUCT]: 70_000,
281
+ [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 4_000
138
282
  };
139
283
  const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
140
284
  [IMPORTABLE_RESOURCES.CATEGORY]: 'https://docs.commercetools.com/merchant-center/downloads/category_import_template.csv',
@@ -149,9 +293,8 @@ const RESOURCE_TYPE_DOCUMENTATION_LINKS = {
149
293
  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 'https://docs.commercetools.com/merchant-center/import-discount-codes#supported-headers-and-values'
150
294
  };
151
295
 
152
- function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
153
- function _objectSpread$f(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$f(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$f(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
154
-
296
+ function ownKeys$d(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; }
297
+ function _objectSpread$d(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$d(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$d(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
155
298
  /**
156
299
  * This function checks if the provided `expectedDelimiter` is used consistently in the first 10 lines of a CSV file.
157
300
  * Returns a Promise that resolves to an object containing a boolean `isValid` property and the detected delimiter `delimiter`.
@@ -206,7 +349,7 @@ const mapUploadFileErrorsResponseToUploadFileErrorRows = uploadFileErrorsRespons
206
349
  };
207
350
  const mapUploadFileClientSideErrorsToUploadFileErrorRows = uploadFileClientSideErrors => {
208
351
  let idCounter = 1;
209
- return _mapInstanceProperty__default["default"](uploadFileClientSideErrors).call(uploadFileClientSideErrors, uploadFileClientSideError => _objectSpread$f(_objectSpread$f({}, uploadFileClientSideError), {}, {
352
+ return _mapInstanceProperty__default["default"](uploadFileClientSideErrors).call(uploadFileClientSideErrors, uploadFileClientSideError => _objectSpread$d(_objectSpread$d({}, uploadFileClientSideError), {}, {
210
353
  id: String(idCounter++)
211
354
  }));
212
355
  };
@@ -264,128 +407,43 @@ const encodeFileNameWithTimestampToContainerKey = fileName => {
264
407
  };
265
408
 
266
409
  function getCreateImportContainerURL(projectKey) {
267
- return "/".concat(projectKey, "/import-containers");
410
+ return `/${projectKey}/import-containers`;
268
411
  }
269
412
  function getDeleteImportContainerURL(projectKey, containerKey) {
270
- var _context6;
271
- return _concatInstanceProperty__default["default"](_context6 = "/".concat(projectKey, "/import-containers/")).call(_context6, containerKey);
413
+ return `/${projectKey}/import-containers/${containerKey}`;
272
414
  }
273
415
  function getFileUploadURL(projectKey, resourceType, containerKey) {
274
- var _context8, _context9;
275
- return _concatInstanceProperty__default["default"](_context8 = _concatInstanceProperty__default["default"](_context9 = "/".concat(projectKey, "/")).call(_context9, pluralize.plural(resourceType), "/import-containers/")).call(_context8, containerKey, "/file-upload");
416
+ return `/${projectKey}/${pluralize.plural(resourceType)}/import-containers/${containerKey}/file-upload`;
276
417
  }
277
418
  function getProccessFileURL(projectKey, resourceType, containerKey) {
278
- var _context10, _context11;
279
- return _concatInstanceProperty__default["default"](_context10 = _concatInstanceProperty__default["default"](_context11 = "/".concat(projectKey, "/")).call(_context11, pluralize.plural(resourceType), "/import-containers/")).call(_context10, containerKey, "/process-file");
419
+ return `/${projectKey}/${pluralize.plural(resourceType)}/import-containers/${containerKey}/process-file`;
280
420
  }
281
421
 
282
- 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__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
283
- function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
284
- let MissingImportResourceProviderError = /*#__PURE__*/function (_Error) {
285
- _inherits(MissingImportResourceProviderError, _Error);
286
- var _super = _createSuper$2(MissingImportResourceProviderError);
287
- function MissingImportResourceProviderError() {
288
- var _this;
289
- _classCallCheck(this, MissingImportResourceProviderError);
290
- _this = _super.call(this, 'useImportResourcesContext must be used within ImportResourcesProvider');
291
- _this.name = 'MissingImportResourceProviderError';
292
- return _this;
293
- }
294
- return _createClass(MissingImportResourceProviderError);
295
- }( /*#__PURE__*/_wrapNativeSuper(Error));
422
+ const EnabledResourceType = {
423
+ category: true,
424
+ product: true,
425
+ inventory: true,
426
+ 'discount-code': true
427
+ };
428
+ function isResourceType(maybeResourceType) {
429
+ return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
430
+ }
431
+ function assertResourceType(maybeResourceType) {
432
+ if (isResourceType(maybeResourceType)) return;
433
+ throw new Error(`Invalid value: ${maybeResourceType}`);
434
+ }
435
+ function isError(maybeError) {
436
+ if (maybeError instanceof Error) return true;
437
+ return false;
438
+ }
296
439
 
297
- 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__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
298
- function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
299
- let UnexpectedColumnError = /*#__PURE__*/function (_Error) {
300
- _inherits(UnexpectedColumnError, _Error);
301
- var _super = _createSuper$1(UnexpectedColumnError);
302
- function UnexpectedColumnError(columnName) {
303
- var _this;
304
- _classCallCheck(this, UnexpectedColumnError);
305
- _this = _super.call(this, "Unexpected column \"".concat(columnName, "\""));
306
- _this.name = 'UnexpectedColumnError';
307
- return _this;
308
- }
309
- return _createClass(UnexpectedColumnError);
310
- }( /*#__PURE__*/_wrapNativeSuper(Error));
311
-
312
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
313
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
314
- let HttpError = /*#__PURE__*/function (_Error) {
315
- _inherits(HttpError, _Error);
316
- var _super = _createSuper(HttpError);
317
- function HttpError(statusCode, statusText, errorData) {
318
- var _context;
319
- var _this;
320
- _classCallCheck(this, HttpError);
321
- _this = _super.call(this, _concatInstanceProperty__default["default"](_context = "HTTP Error! Status code: ".concat(statusCode, ", message: \"")).call(_context, statusText ? statusText : '', "\""));
322
- _this.statusCode = void 0;
323
- _this.errorData = void 0;
324
- _this.name = 'HttpError';
325
- _this.statusCode = statusCode;
326
- _this.errorData = errorData;
327
- return _this;
328
- }
329
- return _createClass(HttpError);
330
- }( /*#__PURE__*/_wrapNativeSuper(Error));
331
-
332
- function ownKeys$e(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; }
333
- 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__default["default"](_context3 = ownKeys$e(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$e(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
334
- const addProxyPrefixToUrl = (uri, proxy) => {
335
- var _context;
336
- return proxy ? _concatInstanceProperty__default["default"](_context = "/proxy/".concat(proxy)).call(_context, uri) : uri;
337
- };
338
- const fetchUsingXhr = _ref2 => {
339
- let url = _ref2.url,
340
- payload = _ref2.payload,
341
- config = _ref2.config,
342
- onProgress = _ref2.onProgress,
343
- onSuccess = _ref2.onSuccess,
344
- onError = _ref2.onError;
345
- const options = applicationShell.createHttpClientOptions({
346
- headers: _objectSpread$e({
347
- 'Content-Type': 'application/json'
348
- }, config === null || config === void 0 ? void 0 : config.headers)
349
- });
350
- const xhr = new XMLHttpRequest();
351
- xhr.open(config === null || config === void 0 ? void 0 : config.method, applicationShell.buildApiUrl(addProxyPrefixToUrl(url, config === null || config === void 0 ? void 0 : config.proxy)), true);
352
- // Include cookies in the request
353
- xhr.withCredentials = true;
354
- if (options.headers) {
355
- var _context2;
356
- _forEachInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](options.headers)).call(_context2, key => {
357
- xhr.setRequestHeader(key, options.headers[key]);
358
- });
359
- }
360
- xhr.upload.onprogress = function (event) {
361
- if (event.lengthComputable) {
362
- const percentComplete = event.loaded / event.total * 100;
363
- onProgress(percentComplete);
364
- }
365
- };
366
- xhr.onload = function () {
367
- const data = JSON.parse(xhr.responseText);
368
- // Code copied from `executeHttpClientRequest` to replicate the same behavior
369
- const refreshedSessionToken = xhr.getResponseHeader('x-refreshed-session-token');
370
- if (refreshedSessionToken) {
371
- applicationShellConnectors.oidcStorage.setActiveSession(refreshedSessionToken);
372
- }
373
- if (xhr.status >= 200 && xhr.status < 300) {
374
- onSuccess(data);
375
- } else {
376
- onError(new HttpError(xhr.status, xhr.statusText, data));
377
- }
378
- };
379
- xhr.onerror = function () {
380
- const errorData = JSON.parse(xhr.responseText);
381
- onError(new HttpError(xhr.status, xhr.statusText, errorData));
382
- };
383
- xhr.onabort = function () {
384
- onError(new DOMException('Aborted', 'AbortError'));
385
- };
386
- xhr.send(payload);
387
- return xhr;
388
- };
440
+ // eslint-disable-next-line @typescript-eslint/ban-types
441
+ function hasOwnProperty(obj, prop) {
442
+ return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
443
+ }
444
+ function hasRequiredFields(maybeValidObject, requiredFields) {
445
+ return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty__default["default"](requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
446
+ }
389
447
 
390
448
  function uploadFileForImport(_ref) {
391
449
  let projectKey = _ref.projectKey,
@@ -416,8 +474,8 @@ function uploadFileForImport(_ref) {
416
474
  });
417
475
  }
418
476
 
419
- function ownKeys$d(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; }
420
- function _objectSpread$d(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$d(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$d(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
477
+ function ownKeys$c(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; }
478
+ function _objectSpread$c(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$c(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$c(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
421
479
  function createImportContainerForFileUpload(importContainerDraft, projectKey, asyncDispatch) {
422
480
  return asyncDispatch(sdk.actions.post({
423
481
  mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.IMPORT,
@@ -426,7 +484,7 @@ function createImportContainerForFileUpload(importContainerDraft, projectKey, as
426
484
  accept: 'application/json',
427
485
  'Content-Type': 'application/json'
428
486
  },
429
- payload: _JSON$stringify__default["default"](_objectSpread$d(_objectSpread$d({}, importContainerDraft), {}, {
487
+ payload: _JSON$stringify__default["default"](_objectSpread$c(_objectSpread$c({}, importContainerDraft), {}, {
430
488
  tags: [TAG_KEY_SOURCE_FILE_UPLOAD]
431
489
  }))
432
490
  }));
@@ -465,86 +523,13 @@ function assertProcessFileResponse(maybeProcessFileResponse) {
465
523
  throw new Error('Invalid response');
466
524
  }
467
525
 
468
- function ownKeys$c(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; }
469
- function _objectSpread$c(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$c(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$c(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
470
- function reducer(state, action) {
471
- if (action.type === 'setCurrentStep') return _objectSpread$c(_objectSpread$c({}, state), {}, {
472
- currentStep: action.currentStep,
473
- progress: 0
474
- });
475
- if (action.type === 'setUploadFileResponse') return _objectSpread$c(_objectSpread$c({}, state), {}, {
476
- uploadFileResponse: action.uploadFileResponse
477
- });
478
- if (action.type === 'setResourceType') return _objectSpread$c(_objectSpread$c({}, state), {}, {
479
- resourceType: action.resourceType
480
- });
481
- if (action.type === 'setContainerKey') return _objectSpread$c(_objectSpread$c({}, state), {}, {
482
- containerKey: action.containerKey
483
- });
484
- if (action.type === 'cancelImport') return _objectSpread$c(_objectSpread$c({}, state), {}, {
485
- currentStep: 1,
486
- containerKey: undefined,
487
- fileUploadClientSideErrors: [],
488
- uploadFileResponse: undefined,
489
- droppedFile: undefined,
490
- dropAreaState: 'disabled',
491
- progress: 0
492
- });
493
- if (action.type === 'uploadNewFile') return _objectSpread$c(_objectSpread$c({}, state), {}, {
494
- currentStep: 1,
495
- containerKey: undefined,
496
- fileUploadClientSideErrors: [],
497
- uploadFileResponse: undefined,
498
- droppedFile: undefined,
499
- dropAreaState: 'ready-for-drop',
500
- progress: 0
501
- });
502
- if (action.type === 'setDroppedFile') {
503
- return _objectSpread$c(_objectSpread$c({}, state), {}, {
504
- droppedFile: action.droppedFile
505
- });
506
- }
507
- if (action.type === 'setFileUploadClientSideErrors') {
508
- return _objectSpread$c(_objectSpread$c({}, state), {}, {
509
- fileUploadClientSideErrors: action.fileUploadClientSideErrors
510
- });
511
- }
512
- if (action.type === 'setAbortController') {
513
- return _objectSpread$c(_objectSpread$c({}, state), {}, {
514
- abortController: action.abortController
515
- });
516
- }
517
- if (action.type === 'setProgress') {
518
- return _objectSpread$c(_objectSpread$c({}, state), {}, {
519
- progress: action.progress
520
- });
521
- }
522
- throw new Error(getUnknownActionError(action));
523
- }
524
- function getUnknownActionError(actionType) {
525
- return "Unkown type: ".concat(actionType);
526
- }
527
- const initialState = {
528
- currentStep: 1,
529
- abortController: new AbortController(),
530
- dropAreaState: 'disabled',
531
- uploadFileResponse: undefined,
532
- fileUploadClientSideErrors: [],
533
- resourceType: 'category',
534
- containerKey: undefined,
535
- progress: 0
536
- };
537
-
538
526
  function ownKeys$b(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; }
539
527
  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__default["default"](_context = ownKeys$b(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$b(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
540
528
  const ImportResourcesContext = /*#__PURE__*/React__default["default"].createContext();
541
529
  const ImportResourcesProvider = props => {
542
- const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => {
543
- var _context$project;
544
- return {
545
- projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
546
- };
547
- }),
530
+ const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
531
+ projectKey: context.project?.key
532
+ })),
548
533
  projectKey = _useApplicationContex.projectKey;
549
534
  const asyncDispatch = sdk.useAsyncDispatch();
550
535
  const _React$useReducer = React__default["default"].useReducer(reducer, _objectSpread$b(_objectSpread$b({}, initialState), {}, {
@@ -625,6 +610,162 @@ const ImportResourcesProvider = props => {
625
610
  });
626
611
  };
627
612
 
613
+ const getBorderColor = state => {
614
+ const borderColors = {
615
+ default: '#909dbc',
616
+ error: '#e60050',
617
+ active: uiKit.customProperties.colorPrimary
618
+ };
619
+ return borderColors[state] || borderColors.default;
620
+ };
621
+ const getDashedBorder = function () {
622
+ let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
623
+ const color = getBorderColor(state);
624
+ const svgContent = `
625
+ <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
626
+ <rect width="100%" height="100%" fill="none" stroke="${color}" stroke-width="2px" stroke-dasharray="6,6" stroke-dashoffset="0" stroke-linecap="square"/>
627
+ </svg>
628
+ `;
629
+ return `data:image/svg+xml,${encodeURIComponent(svgContent)}`;
630
+ };
631
+ const base = /*#__PURE__*/react.css("border-radius:", uiKit.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmdCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
632
+ const disabled = /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:disabled;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ29CIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
633
+ const readyForDrop = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder(), "\");background-color:", uiKit.customProperties.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:readyForDrop;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ3dCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
634
+ const activeDrag = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder('active'), "\");background-color:", uiKit.customProperties.colorPrimary95, ";padding:", uiKit.customProperties.spacing50, " 100px;" + (process.env.NODE_ENV === "production" ? "" : ";label:activeDrag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3NCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
635
+ const fileDropped = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder(), "\");background-color:", uiKit.customProperties.colorSurface, ";padding:", uiKit.customProperties.spacing50, " 100px;" + (process.env.NODE_ENV === "production" ? "" : ";label:fileDropped;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ3VCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
636
+ const styles = {
637
+ base,
638
+ readyForDrop,
639
+ fileDropped,
640
+ disabled,
641
+ activeDrag
642
+ };
643
+
644
+ const DropWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
645
+ target: "ef0z5en0"
646
+ } : {
647
+ target: "ef0z5en0",
648
+ label: "DropWrapper"
649
+ })(styles.base, " ", props => {
650
+ if (props.dropAreaState === 'disabled') {
651
+ return styles.disabled;
652
+ }
653
+ if (props.dropAreaState === 'ready-for-drop') {
654
+ return styles.readyForDrop;
655
+ }
656
+ if (props.dropAreaState === 'active-drag') {
657
+ return styles.activeDrag;
658
+ }
659
+ if (props.dropAreaState === 'file-dropped') {
660
+ return styles.fileDropped;
661
+ }
662
+ return getDefaultDropWrapperStyles(props.dropAreaState);
663
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUQiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */"));
664
+ function getDefaultDropWrapperStyles(_dropAreaState) {
665
+ return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
666
+ }
667
+
668
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-bd312745.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
669
+
670
+ var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-aa78075b.cjs.dev.js' /* webpackChunkName: "disabled-drop-area" */); }));
671
+
672
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-14e5f889.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
673
+
674
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-f0a939ac.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
675
+
676
+ function getDropArea(_ref) {
677
+ let dropAreaState = _ref.dropAreaState,
678
+ resourceType = _ref.resourceType,
679
+ isFileDropped = _ref.isFileDropped;
680
+ if (dropAreaState === 'file-dropped') {
681
+ return jsxRuntime.jsx(FileDropped, {});
682
+ }
683
+ if (dropAreaState === 'disabled' || !resourceType) {
684
+ return jsxRuntime.jsx(DisabledDropArea, {});
685
+ }
686
+ if (dropAreaState === 'ready-for-drop') {
687
+ return jsxRuntime.jsx(EnabledDropArea, {});
688
+ }
689
+ if (dropAreaState === 'active-drag') {
690
+ return jsxRuntime.jsx(ActiveDragDropArea, {
691
+ isFileDropped: isFileDropped
692
+ });
693
+ }
694
+ return fallbackDropArea();
695
+ }
696
+ function fallbackDropArea(_invalidDropAreaState) {
697
+ return jsxRuntime.jsx(DisabledDropArea, {});
698
+ }
699
+ function getDropAreaState(flags) {
700
+ if (flags.isDragActive) {
701
+ return 'active-drag';
702
+ }
703
+ if (flags.hasResourceType) {
704
+ return 'disabled';
705
+ }
706
+ if (flags.isReady) {
707
+ return 'file-dropped';
708
+ }
709
+ return 'ready-for-drop';
710
+ }
711
+
712
+ var messages$5 = reactIntl.defineMessages({
713
+ dragAndDropCSV: {
714
+ id: 'ImportResourcesModal.dragAndDropCSV',
715
+ description: 'The message telling the user to drag and drop CSV file in the file drop area',
716
+ defaultMessage: 'Drag and drop CSV'
717
+ },
718
+ or: {
719
+ id: 'ImportResourcesModal.or',
720
+ description: 'The word "or" in the drag and drop message',
721
+ defaultMessage: 'or'
722
+ },
723
+ browseButton: {
724
+ id: 'ImportResourcesModal.browseFile',
725
+ defaultMessage: 'Browse file'
726
+ },
727
+ uploadFile: {
728
+ id: 'ImportResourcesModal.uploadFile',
729
+ description: 'Label for a button on the file upload page, shown on active drop area state',
730
+ defaultMessage: 'Upload file'
731
+ },
732
+ chooseFile: {
733
+ id: 'ImportResourcesModal.chooseFile',
734
+ description: 'Label for a button on the file upload page, shown on ready to upload state',
735
+ defaultMessage: 'Choose file'
736
+ },
737
+ fileUploadFailed: {
738
+ id: 'ImportResourcesModal.fileUploadFailed',
739
+ description: 'A title on the file upload page, shown on file upload error state',
740
+ defaultMessage: 'File upload failed'
741
+ },
742
+ fileFormatNotSupported: {
743
+ id: 'ImportResourcesModal.fileFormatNotSupported',
744
+ description: 'Error message displayed when a user drags and drops a non-CSV file',
745
+ defaultMessage: 'Invalid file format: The file is not in CSV format and cannot be processed.'
746
+ },
747
+ tooManyFilesError: {
748
+ id: 'ImportResourcesModal.tooManyFilesError',
749
+ description: 'Error message displayed when a user drags and drops multiple files at once',
750
+ defaultMessage: 'Multiple files detected: You can only drag and drop one file at a time.'
751
+ },
752
+ genericError: {
753
+ id: 'ImportResourcesModal.genericError',
754
+ description: 'Default error message for unexpected file upload issues (for unhandled cases)',
755
+ defaultMessage: 'Error occurred: Please try uploading the file again or contact our support team for assistance.'
756
+ },
757
+ dataType: {
758
+ id: 'ImportResourcesModal.dataType',
759
+ description: 'Label for the data type selection dropdown',
760
+ defaultMessage: 'Data type'
761
+ },
762
+ instructions: {
763
+ id: 'ImportResourcesModal.instructions',
764
+ description: 'Label for the instructions section',
765
+ defaultMessage: 'Instructions'
766
+ }
767
+ });
768
+
628
769
  function useImportResourcesContext() {
629
770
  const context = React.useContext(ImportResourcesContext);
630
771
  if (!context) {
@@ -633,7 +774,7 @@ function useImportResourcesContext() {
633
774
  return context;
634
775
  }
635
776
 
636
- var messages$5 = reactIntl.defineMessages({
777
+ var messages$4 = reactIntl.defineMessages({
637
778
  fileSizeExceededTitle: {
638
779
  id: 'ImportResourcesModal.sizeExceededTitle',
639
780
  defaultMessage: 'File size exceeded'
@@ -685,10 +826,7 @@ var messages$5 = reactIntl.defineMessages({
685
826
 
686
827
  const useUpload = () => {
687
828
  const intl = reactIntl.useIntl();
688
- const projectKey = applicationShellConnectors.useApplicationContext(context => {
689
- var _context$project;
690
- return (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key;
691
- });
829
+ const projectKey = applicationShellConnectors.useApplicationContext(context => context.project?.key);
692
830
  const _useImportResourcesCo = useImportResourcesContext(),
693
831
  state = _useImportResourcesCo.state,
694
832
  actions = _useImportResourcesCo.actions;
@@ -703,25 +841,25 @@ const useUpload = () => {
703
841
  const errors = [];
704
842
  const delimiterCheck = await checkDelimiter(file);
705
843
  if (!delimiterCheck.isValid) errors.push({
706
- title: intl.formatMessage(messages$5.dropAreaWrongDelimiterTitle),
707
- description: intl.formatMessage(messages$5.dropAreaWrongDelimiterDescription, {
844
+ title: intl.formatMessage(messages$4.dropAreaWrongDelimiterTitle),
845
+ description: intl.formatMessage(messages$4.dropAreaWrongDelimiterDescription, {
708
846
  delimiter: delimiterCheck.delimiter
709
847
  })
710
848
  });
711
849
  const rowCount = await getRowCount(file);
712
850
  if (rowCount < 1) errors.push({
713
- title: intl.formatMessage(messages$5.dropAreaNotEnoughRowsTitle),
714
- description: intl.formatMessage(messages$5.dropAreaNotEnoughRowsDescription)
851
+ title: intl.formatMessage(messages$4.dropAreaNotEnoughRowsTitle),
852
+ description: intl.formatMessage(messages$4.dropAreaNotEnoughRowsDescription)
715
853
  });
716
854
  if (state.resourceType && file.size > toBytes(FILE_SIZE_LIMITS_MB[state.resourceType])) errors.push({
717
- title: intl.formatMessage(messages$5.fileSizeExceededTitle),
718
- description: intl.formatMessage(messages$5.fileSizeExceededDescription, {
855
+ title: intl.formatMessage(messages$4.fileSizeExceededTitle),
856
+ description: intl.formatMessage(messages$4.fileSizeExceededDescription, {
719
857
  fileSizeLimit: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType])
720
858
  })
721
859
  });
722
860
  if (state.resourceType && rowCount > ROW_LIMITS[state.resourceType]) errors.push({
723
- title: intl.formatMessage(messages$5.rowLimitExceededTitle),
724
- description: intl.formatMessage(messages$5.rowLimitExceededDescription, {
861
+ title: intl.formatMessage(messages$4.rowLimitExceededTitle),
862
+ description: intl.formatMessage(messages$4.rowLimitExceededDescription, {
725
863
  rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType])
726
864
  })
727
865
  });
@@ -738,26 +876,24 @@ const useUpload = () => {
738
876
  return;
739
877
  }
740
878
  if (error instanceof HttpError) {
741
- var _error$errorData, _error$errorData2;
742
- if (((_error$errorData = error.errorData) === null || _error$errorData === void 0 ? void 0 : _error$errorData.code) === 'MISSING_KEY_ERROR') {
879
+ if (error.errorData?.code === 'MISSING_KEY_ERROR') {
743
880
  actions.cancelImport();
744
881
  showNotification({
745
882
  kind: 'error',
746
883
  domain: constants.DOMAINS.PAGE,
747
- text: intl.formatMessage(messages$5.unexpectedError)
884
+ text: intl.formatMessage(messages$4.unexpectedError)
748
885
  });
749
- } else if (((_error$errorData2 = error.errorData) === null || _error$errorData2 === void 0 ? void 0 : _error$errorData2.invalid) > 0) {
886
+ } else if (error.errorData?.invalid > 0) {
750
887
  actions.setUploadFileResponse(error.errorData);
751
888
  } else {
752
889
  actions.cancelImport();
753
890
  showNotification({
754
891
  kind: 'error',
755
892
  domain: constants.DOMAINS.PAGE,
756
- text: intl.formatMessage(messages$5.unexpectedError)
893
+ text: intl.formatMessage(messages$4.unexpectedError)
757
894
  });
758
895
  }
759
896
  } else {
760
- var _state$droppedFile;
761
897
  actions.cancelImport();
762
898
  showNotification({
763
899
  kind: 'error',
@@ -770,7 +906,7 @@ const useUpload = () => {
770
906
  projectKey,
771
907
  containerKey: state.containerKey,
772
908
  resourceType: state.resourceType,
773
- fileSizeInBytes: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.size
909
+ fileSizeInBytes: state.droppedFile?.size
774
910
  }
775
911
  });
776
912
  }
@@ -815,159 +951,7 @@ const useUpload = () => {
815
951
  return {
816
952
  handleUploadAndValidation
817
953
  };
818
- };
819
-
820
- const getBorderColor = state => {
821
- const borderColors = {
822
- default: '#909dbc',
823
- error: '#e60050',
824
- active: uiKit.customProperties.colorPrimary
825
- };
826
- return borderColors[state] || borderColors.default;
827
- };
828
- const getDashedBorder = function () {
829
- let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
830
- const color = getBorderColor(state);
831
- 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 ");
832
- return "data:image/svg+xml,".concat(encodeURIComponent(svgContent));
833
- };
834
- const base = /*#__PURE__*/react.css("border-radius:", uiKit.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= */");
835
- const disabled = /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:disabled;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ29CIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
836
- const readyForDrop = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder(), "\");background-color:", uiKit.customProperties.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:readyForDrop;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ3dCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
837
- const activeDrag = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder('active'), "\");background-color:", uiKit.customProperties.colorPrimary95, ";padding:", uiKit.customProperties.spacing50, " 100px;" + (process.env.NODE_ENV === "production" ? "" : ";label:activeDrag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3NCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
838
- const fileDropped = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder(), "\");background-color:", uiKit.customProperties.colorSurface, ";padding:", uiKit.customProperties.spacing50, " 100px;" + (process.env.NODE_ENV === "production" ? "" : ";label:fileDropped;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ3VCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
839
- const styles = {
840
- base,
841
- readyForDrop,
842
- fileDropped,
843
- disabled,
844
- activeDrag
845
- };
846
-
847
- const DropWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
848
- target: "ef0z5en0"
849
- } : {
850
- target: "ef0z5en0",
851
- label: "DropWrapper"
852
- })(styles.base, " ", props => {
853
- if (props.dropAreaState === 'disabled') {
854
- return styles.disabled;
855
- }
856
- if (props.dropAreaState === 'ready-for-drop') {
857
- return styles.readyForDrop;
858
- }
859
- if (props.dropAreaState === 'active-drag') {
860
- return styles.activeDrag;
861
- }
862
- if (props.dropAreaState === 'file-dropped') {
863
- return styles.fileDropped;
864
- }
865
- return getDefaultDropWrapperStyles(props.dropAreaState);
866
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUQiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */"));
867
- function getDefaultDropWrapperStyles(_dropAreaState) {
868
- return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
869
- }
870
-
871
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-52119833.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
872
-
873
- var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-aa78075b.cjs.dev.js' /* webpackChunkName: "disabled-drop-area" */); }));
874
-
875
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-cd1ff191.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
876
-
877
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-922d238a.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
878
-
879
- function getDropArea(_ref) {
880
- let dropAreaState = _ref.dropAreaState,
881
- resourceType = _ref.resourceType,
882
- isFileDropped = _ref.isFileDropped;
883
- if (dropAreaState === 'file-dropped') {
884
- return jsxRuntime.jsx(FileDropped, {});
885
- }
886
- if (dropAreaState === 'disabled' || !resourceType) {
887
- return jsxRuntime.jsx(DisabledDropArea, {});
888
- }
889
- if (dropAreaState === 'ready-for-drop') {
890
- return jsxRuntime.jsx(EnabledDropArea, {});
891
- }
892
- if (dropAreaState === 'active-drag') {
893
- return jsxRuntime.jsx(ActiveDragDropArea, {
894
- isFileDropped: isFileDropped
895
- });
896
- }
897
- return fallbackDropArea();
898
- }
899
- function fallbackDropArea(_invalidDropAreaState) {
900
- return jsxRuntime.jsx(DisabledDropArea, {});
901
- }
902
- function getDropAreaState(flags) {
903
- if (flags.isDragActive) {
904
- return 'active-drag';
905
- }
906
- if (flags.hasResourceType) {
907
- return 'disabled';
908
- }
909
- if (flags.isReady) {
910
- return 'file-dropped';
911
- }
912
- return 'ready-for-drop';
913
- }
914
-
915
- var messages$4 = reactIntl.defineMessages({
916
- dragAndDropCSV: {
917
- id: 'ImportResourcesModal.dragAndDropCSV',
918
- description: 'The message telling the user to drag and drop CSV file in the file drop area',
919
- defaultMessage: 'Drag and drop CSV'
920
- },
921
- or: {
922
- id: 'ImportResourcesModal.or',
923
- description: 'The word "or" in the drag and drop message',
924
- defaultMessage: 'or'
925
- },
926
- browseButton: {
927
- id: 'ImportResourcesModal.browseFile',
928
- defaultMessage: 'Browse file'
929
- },
930
- uploadFile: {
931
- id: 'ImportResourcesModal.uploadFile',
932
- description: 'Label for a button on the file upload page, shown on active drop area state',
933
- defaultMessage: 'Upload file'
934
- },
935
- chooseFile: {
936
- id: 'ImportResourcesModal.chooseFile',
937
- description: 'Label for a button on the file upload page, shown on ready to upload state',
938
- defaultMessage: 'Choose file'
939
- },
940
- fileUploadFailed: {
941
- id: 'ImportResourcesModal.fileUploadFailed',
942
- description: 'A title on the file upload page, shown on file upload error state',
943
- defaultMessage: 'File upload failed'
944
- },
945
- fileFormatNotSupported: {
946
- id: 'ImportResourcesModal.fileFormatNotSupported',
947
- description: 'Error message displayed when a user drags and drops a non-CSV file',
948
- defaultMessage: 'Invalid file format: The file is not in CSV format and cannot be processed.'
949
- },
950
- tooManyFilesError: {
951
- id: 'ImportResourcesModal.tooManyFilesError',
952
- description: 'Error message displayed when a user drags and drops multiple files at once',
953
- defaultMessage: 'Multiple files detected: You can only drag and drop one file at a time.'
954
- },
955
- genericError: {
956
- id: 'ImportResourcesModal.genericError',
957
- description: 'Default error message for unexpected file upload issues (for unhandled cases)',
958
- defaultMessage: 'Error occurred: Please try uploading the file again or contact our support team for assistance.'
959
- },
960
- dataType: {
961
- id: 'ImportResourcesModal.dataType',
962
- description: 'Label for the data type selection dropdown',
963
- defaultMessage: 'Data type'
964
- },
965
- instructions: {
966
- id: 'ImportResourcesModal.instructions',
967
- description: 'Label for the instructions section',
968
- defaultMessage: 'Instructions'
969
- }
970
- });
954
+ };
971
955
 
972
956
  function ownKeys$a(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; }
973
957
  function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$a(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$a(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1000,7 +984,7 @@ const FileDropArea = () => {
1000
984
  showNotification({
1001
985
  kind: 'error',
1002
986
  domain: constants.DOMAINS.PAGE,
1003
- text: intl.formatMessage(messages$4.tooManyFilesError)
987
+ text: intl.formatMessage(messages$5.tooManyFilesError)
1004
988
  });
1005
989
  return;
1006
990
  }
@@ -1008,13 +992,13 @@ const FileDropArea = () => {
1008
992
  showNotification({
1009
993
  kind: 'error',
1010
994
  domain: constants.DOMAINS.PAGE,
1011
- text: intl.formatMessage(messages$4.fileFormatNotSupported)
995
+ text: intl.formatMessage(messages$5.fileFormatNotSupported)
1012
996
  });
1013
997
  } else {
1014
998
  showNotification({
1015
999
  kind: 'error',
1016
1000
  domain: constants.DOMAINS.PAGE,
1017
- text: intl.formatMessage(messages$4.genericError)
1001
+ text: intl.formatMessage(messages$5.genericError)
1018
1002
  });
1019
1003
  }
1020
1004
  }
@@ -1045,22 +1029,22 @@ const FileDropArea = () => {
1045
1029
  };
1046
1030
 
1047
1031
  var sharedMessages = reactIntl.defineMessages({
1048
- ["modalTitle.".concat(IMPORTABLE_RESOURCES.CATEGORY)]: {
1032
+ [`modalTitle.${IMPORTABLE_RESOURCES.CATEGORY}`]: {
1049
1033
  id: 'ImportResourcesModal.modalTitle.category',
1050
1034
  description: 'Label for the categories modal title',
1051
1035
  defaultMessage: 'Import categories by CSV'
1052
1036
  },
1053
- ["modalTitle.".concat(IMPORTABLE_RESOURCES.PRODUCT)]: {
1037
+ [`modalTitle.${IMPORTABLE_RESOURCES.PRODUCT}`]: {
1054
1038
  id: 'ImportResourcesModal.modalTitle.product',
1055
1039
  description: 'Label for the products modal title',
1056
1040
  defaultMessage: 'Import products by CSV'
1057
1041
  },
1058
- ["modalTitle.".concat(IMPORTABLE_RESOURCES.INVENTORY)]: {
1042
+ [`modalTitle.${IMPORTABLE_RESOURCES.INVENTORY}`]: {
1059
1043
  id: 'ImportResourcesModal.modalTitle.inventoryEntry',
1060
1044
  description: 'Label for the inventories modal title',
1061
1045
  defaultMessage: 'Import inventories by CSV'
1062
1046
  },
1063
- ["modalTitle.".concat(IMPORTABLE_RESOURCES.DISCOUNT_CODE)]: {
1047
+ [`modalTitle.${IMPORTABLE_RESOURCES.DISCOUNT_CODE}`]: {
1064
1048
  id: 'ImportResourcesModal.modalTitle.discountCode',
1065
1049
  description: 'Label for the inventories modal title',
1066
1050
  defaultMessage: 'Import discount codes by CSV'
@@ -1083,7 +1067,6 @@ var sharedMessages = reactIntl.defineMessages({
1083
1067
  });
1084
1068
 
1085
1069
  const Upload = () => {
1086
- var _context;
1087
1070
  const _useImportResourcesCo = useImportResourcesContext(),
1088
1071
  state = _useImportResourcesCo.state,
1089
1072
  onClose = _useImportResourcesCo.onClose,
@@ -1095,7 +1078,7 @@ const Upload = () => {
1095
1078
  return jsxRuntime.jsx(applicationComponents.FormDialog, {
1096
1079
  size: 16,
1097
1080
  isOpen: true,
1098
- title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1081
+ title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1099
1082
  labelPrimary: intl.formatMessage(sharedMessages.uploadButton),
1100
1083
  onPrimaryButtonClick: handleUploadAndValidation,
1101
1084
  isPrimaryButtonDisabled: !Boolean(state.droppedFile),
@@ -1110,18 +1093,18 @@ const Upload = () => {
1110
1093
  scale: "l",
1111
1094
  children: [isMultipleResourceTypes ? jsxRuntime.jsxs(uiKit.Grid, {
1112
1095
  gridRowGap: uiKit.designTokens.spacingL,
1113
- gridTemplateColumns: _concatInstanceProperty__default["default"](_context = "calc(".concat(uiKit.designTokens.constraint3, " + ")).call(_context, uiKit.designTokens.spacingL, ") auto"),
1096
+ gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
1114
1097
  children: [jsxRuntime.jsx(uiKit.Grid.Item, {
1115
1098
  children: jsxRuntime.jsx(uiKit.Text.Body, {
1116
1099
  isBold: true,
1117
- intlMessage: messages$4.dataType
1100
+ intlMessage: messages$5.dataType
1118
1101
  })
1119
1102
  }), jsxRuntime.jsx(uiKit.Grid.Item, {
1120
1103
  children: jsxRuntime.jsx(ResourceTypeSelection, {})
1121
1104
  }), jsxRuntime.jsx(uiKit.Grid.Item, {
1122
1105
  children: jsxRuntime.jsx(uiKit.Text.Body, {
1123
1106
  isBold: true,
1124
- intlMessage: messages$4.instructions
1107
+ intlMessage: messages$5.instructions
1125
1108
  })
1126
1109
  }), jsxRuntime.jsx(uiKit.Grid.Item, {
1127
1110
  children: jsxRuntime.jsx(Instructions, {})
@@ -1135,6 +1118,274 @@ const Upload = () => {
1135
1118
  };
1136
1119
 
1137
1120
  var messages$3 = reactIntl.defineMessages({
1121
+ row: {
1122
+ id: 'ImportResourcesModal.row',
1123
+ description: 'In Upload file error modal - "Row" column',
1124
+ defaultMessage: 'Row'
1125
+ },
1126
+ errorType: {
1127
+ id: 'ImportResourcesModal.errorType',
1128
+ description: 'In Upload file error modal - "Error type" column',
1129
+ defaultMessage: 'Error type'
1130
+ },
1131
+ details: {
1132
+ id: 'ImportResourcesModal.details',
1133
+ description: 'In Upload file error modal - "Details" column',
1134
+ defaultMessage: 'Details'
1135
+ },
1136
+ uploadingError: {
1137
+ id: 'ImportResourcesModal.uploadingError',
1138
+ description: 'Title when errors detected while uploading file',
1139
+ defaultMessage: 'There are <b>{errorsCount}</b> errors detected while uploading the file <b>{fileName}</b>.'
1140
+ },
1141
+ supportedValuesDocumentation: {
1142
+ id: 'ImportResourcesModal.supportedValuesDocumentation',
1143
+ description: 'Link to the documentation for supported values',
1144
+ defaultMessage: '<documentationLink>View the documentation</documentationLink> for supported values.'
1145
+ },
1146
+ uploadNewFile: {
1147
+ id: 'ImportResourcesModal.uploadNewFile',
1148
+ description: 'Upload new file button',
1149
+ defaultMessage: 'Upload new file'
1150
+ }
1151
+ });
1152
+
1153
+ 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; }
1154
+ function _objectSpread$9(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$9(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$9(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1155
+ const getColumns$1 = () => [{
1156
+ key: 'errorType',
1157
+ label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$3.errorType)),
1158
+ width: 'max-content'
1159
+ }, {
1160
+ key: 'details',
1161
+ label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$3.details))
1162
+ }];
1163
+ const UploadClientSideErrorTable = props => {
1164
+ var _context;
1165
+ const pagination = uiKit.usePaginationState({
1166
+ perPage: 10
1167
+ });
1168
+ const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
1169
+ const endIndex = startIndex + pagination.perPage.value;
1170
+ const currentPageRows = _sliceInstanceProperty__default["default"](_context = props.rows).call(_context, startIndex, endIndex);
1171
+ const shouldShowPagination = props.rows.length > pagination.perPage.value;
1172
+ return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1173
+ scale: "l",
1174
+ children: [jsxRuntime.jsx(DataTable__default["default"], {
1175
+ verticalCellAlignment: "center",
1176
+ isCondensed: true,
1177
+ rows: currentPageRows,
1178
+ columns: getColumns$1(),
1179
+ itemRenderer: itemRenderer$1
1180
+ }), shouldShowPagination && jsxRuntime.jsx(uiKit.PageNavigator, {
1181
+ onPageChange: pagination.page.onChange,
1182
+ page: pagination.page.value,
1183
+ totalPages: Math.ceil(props.rows.length / pagination.perPage.value)
1184
+ })]
1185
+ });
1186
+ };
1187
+ function itemRenderer$1(item, column) {
1188
+ switch (column.key) {
1189
+ case 'errorType':
1190
+ return jsxRuntime.jsx(uiKit.Stamp, {
1191
+ isCondensed: true,
1192
+ label: item.title,
1193
+ tone: "critical"
1194
+ });
1195
+ case 'details':
1196
+ return jsxRuntime.jsx(uiKit.Text.Body, {
1197
+ children: item.description
1198
+ });
1199
+ default:
1200
+ throw new UnexpectedColumnError(column.key);
1201
+ }
1202
+ }
1203
+
1204
+ 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; }
1205
+ 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; }
1206
+ const UploadClientSideErrorsModal = () => {
1207
+ const intl = reactIntl.useIntl();
1208
+ const _useImportResourcesCo = useImportResourcesContext(),
1209
+ state = _useImportResourcesCo.state,
1210
+ actions = _useImportResourcesCo.actions,
1211
+ onClose = _useImportResourcesCo.onClose;
1212
+ const errorsCount = state.fileUploadClientSideErrors.length;
1213
+ return jsxRuntime.jsx(applicationComponents.InfoDialog, {
1214
+ size: 16,
1215
+ isOpen: true,
1216
+ title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1217
+ onClose: () => onClose(),
1218
+ children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
1219
+ children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1220
+ scale: "l",
1221
+ children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
1222
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
1223
+ intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.uploadingError), {}, {
1224
+ values: {
1225
+ fileName: state.droppedFile?.name,
1226
+ errorsCount: intl.formatNumber(errorsCount),
1227
+ b: getBold$3
1228
+ }
1229
+ })
1230
+ })
1231
+ }), jsxRuntime.jsx(UploadClientSideErrorTable, {
1232
+ rows: mapUploadFileClientSideErrorsToUploadFileErrorRows(state.fileUploadClientSideErrors)
1233
+ }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1234
+ scale: "m",
1235
+ justifyContent: "flex-end",
1236
+ children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
1237
+ label: intl.formatMessage(sharedMessages.close),
1238
+ onClick: () => onClose()
1239
+ }), jsxRuntime.jsx(uiKit.PrimaryButton, {
1240
+ iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
1241
+ label: intl.formatMessage(messages$3.uploadNewFile),
1242
+ onClick: () => actions.uploadNewFile()
1243
+ })]
1244
+ })]
1245
+ })
1246
+ })
1247
+ });
1248
+ };
1249
+ function getBold$3(msg) {
1250
+ return jsxRuntime.jsx(uiKit.Text.Body, {
1251
+ as: "span",
1252
+ isBold: true,
1253
+ children: msg
1254
+ });
1255
+ }
1256
+
1257
+ 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; }
1258
+ function _objectSpread$7(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$7(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$7(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1259
+ const getColumns = () => [{
1260
+ key: 'row',
1261
+ label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$7({}, messages$3.row)),
1262
+ width: 'max-content'
1263
+ }, {
1264
+ key: 'errorType',
1265
+ label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$7({}, messages$3.errorType)),
1266
+ width: 'max-content'
1267
+ }, {
1268
+ key: 'details',
1269
+ label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$7({}, messages$3.details))
1270
+ }];
1271
+ const UploadServerSideErrorTable = props => {
1272
+ var _context;
1273
+ const pagination = uiKit.usePaginationState({
1274
+ perPage: 10
1275
+ });
1276
+ const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
1277
+ const endIndex = startIndex + pagination.perPage.value;
1278
+ const currentPageRows = _sliceInstanceProperty__default["default"](_context = props.rows).call(_context, startIndex, endIndex);
1279
+ const shouldShowPagination = props.rows.length > pagination.perPage.value;
1280
+ return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1281
+ scale: "l",
1282
+ children: [jsxRuntime.jsx(DataTable__default["default"], {
1283
+ verticalCellAlignment: "center",
1284
+ isCondensed: true,
1285
+ rows: currentPageRows,
1286
+ columns: getColumns(),
1287
+ itemRenderer: itemRenderer
1288
+ }), shouldShowPagination && jsxRuntime.jsx(uiKit.PageNavigator, {
1289
+ onPageChange: pagination.page.onChange,
1290
+ page: pagination.page.value,
1291
+ totalPages: Math.ceil(props.rows.length / pagination.perPage.value)
1292
+ })]
1293
+ });
1294
+ };
1295
+ function itemRenderer(item, column) {
1296
+ switch (column.key) {
1297
+ case 'row':
1298
+ return item.row;
1299
+ case 'errorType':
1300
+ return jsxRuntime.jsx(uiKit.Stamp, {
1301
+ isCondensed: true,
1302
+ label: item.code,
1303
+ tone: "critical"
1304
+ });
1305
+ case 'details':
1306
+ return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1307
+ scale: "xs",
1308
+ children: [jsxRuntime.jsx(uiKit.Text.Body, {
1309
+ tone: "information",
1310
+ children: item.field
1311
+ }), jsxRuntime.jsx(uiKit.Text.Body, {
1312
+ children: extractErrorDescriptionFromValidationMessage(item.validationMessage)
1313
+ })]
1314
+ });
1315
+ default:
1316
+ throw new UnexpectedColumnError(column.key);
1317
+ }
1318
+ }
1319
+
1320
+ 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; }
1321
+ function _objectSpread$6(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$6(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$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1322
+ const UploadServerSideErrorsModal = () => {
1323
+ const intl = reactIntl.useIntl();
1324
+ const _useImportResourcesCo = useImportResourcesContext(),
1325
+ state = _useImportResourcesCo.state,
1326
+ actions = _useImportResourcesCo.actions,
1327
+ onClose = _useImportResourcesCo.onClose;
1328
+ const errorsCount = getFileUploadErrorsCount(state.uploadFileResponse?.results);
1329
+ const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
1330
+ return jsxRuntime.jsx(applicationComponents.InfoDialog, {
1331
+ size: 16,
1332
+ isOpen: true,
1333
+ title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1334
+ onClose: onClose,
1335
+ children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
1336
+ children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1337
+ scale: "l",
1338
+ children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1339
+ scale: "xs",
1340
+ children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
1341
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
1342
+ intlMessage: _objectSpread$6(_objectSpread$6({}, messages$3.uploadingError), {}, {
1343
+ values: {
1344
+ fileName: state.droppedFile?.name,
1345
+ errorsCount: intl.formatNumber(errorsCount),
1346
+ b: getBold$2
1347
+ }
1348
+ })
1349
+ })
1350
+ }), jsxRuntime.jsx(uiKit.Text.Body, {
1351
+ intlMessage: _objectSpread$6(_objectSpread$6({}, messages$3.supportedValuesDocumentation), {}, {
1352
+ values: {
1353
+ documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
1354
+ tone: "secondary",
1355
+ isExternal: true,
1356
+ to: documentationLink,
1357
+ children: msg
1358
+ })
1359
+ }
1360
+ })
1361
+ })]
1362
+ }), jsxRuntime.jsx(UploadServerSideErrorTable, {
1363
+ rows: mapUploadFileErrorsResponseToUploadFileErrorRows(state.uploadFileResponse?.results)
1364
+ }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1365
+ scale: "m",
1366
+ justifyContent: "flex-end",
1367
+ children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
1368
+ label: intl.formatMessage(sharedMessages.close),
1369
+ onClick: () => onClose()
1370
+ }), jsxRuntime.jsx(uiKit.PrimaryButton, {
1371
+ iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
1372
+ label: intl.formatMessage(messages$3.uploadNewFile),
1373
+ onClick: () => actions.uploadNewFile()
1374
+ })]
1375
+ })]
1376
+ })
1377
+ })
1378
+ });
1379
+ };
1380
+ function getBold$2(msg) {
1381
+ return jsxRuntime.jsx(uiKit.Text.Body, {
1382
+ as: "span",
1383
+ isBold: true,
1384
+ children: msg
1385
+ });
1386
+ }
1387
+
1388
+ var messages$2 = reactIntl.defineMessages({
1138
1389
  startImportButton: {
1139
1390
  id: 'ImportResourcesModal.startImportButton',
1140
1391
  description: 'Label for the modal Start import button',
@@ -1212,8 +1463,8 @@ var messages$3 = reactIntl.defineMessages({
1212
1463
  }
1213
1464
  });
1214
1465
 
1215
- 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; }
1216
- 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; }
1466
+ 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; }
1467
+ 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; }
1217
1468
  const truncate = (isExpanded, columns, columnsCount) => {
1218
1469
  return isExpanded ? columns.join(' | ') : _sliceInstanceProperty__default["default"](columns).call(columns, 0, columnsCount).join(' | ') + (columns.length > columnsCount ? '...' : '');
1219
1470
  };
@@ -1222,7 +1473,7 @@ const SpacedLink = /*#__PURE__*/_styled__default["default"]("span", process.env.
1222
1473
  } : {
1223
1474
  target: "e1amawj90",
1224
1475
  label: "SpacedLink"
1225
- })("margin-left:", uiKit.customProperties.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnFDIiwiZmlsZSI6ImNvbHVtbi1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQge1xuICBMaW5rLFxuICBTcGFjaW5ncyxcbiAgVGV4dCxcbiAgY3VzdG9tUHJvcGVydGllcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHsgSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVCB9IGZyb20gJy4uLy4uL0Bjb25zdGFudHMnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPlxufVxuXG5jb25zdCB0cnVuY2F0ZSA9IChcbiAgaXNFeHBhbmRlZDogYm9vbGVhbixcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPixcbiAgY29sdW1uc0NvdW50OiBudW1iZXJcbik6IHN0cmluZyA9PiB7XG4gIHJldHVybiBpc0V4cGFuZGVkXG4gICAgPyBjb2x1bW5zLmpvaW4oJyB8ICcpXG4gICAgOiBjb2x1bW5zLnNsaWNlKDAsIGNvbHVtbnNDb3VudCkuam9pbignIHwgJykgK1xuICAgICAgICAoY29sdW1ucy5sZW5ndGggPiBjb2x1bW5zQ291bnQgPyAnLi4uJyA6ICcnKVxufVxuXG5leHBvcnQgY29uc3QgU3BhY2VkTGluayA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSAocHJvcHM6IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPFByb3BzPikgPT4ge1xuICBjb25zdCBbaXNFeHBhbmRlZCwgc2V0SXNFeHBhbmRlZF0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSlcbiAgY29uc3Qgc2hvdWxkU2hvd0V4cGFuZEJ1dHRvbiA9XG4gICAgcHJvcHMuY29sdW1ucy5sZW5ndGggPiBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UXG5cbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwieGxcIj5cbiAgICAgIHsvKiBFbXB0eSBkaXYgaXMgcmVxdWlyZWQgZm9yIHNwYWNpbmcgKi99XG4gICAgICA8ZGl2IC8+XG4gICAgICA8PlxuICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7dHJ1bmNhdGUoaXNFeHBhbmRlZCwgcHJvcHMuY29sdW1ucywgSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVCl9XG4gICAgICAgICAge3Nob3VsZFNob3dFeHBhbmRCdXR0b24gJiYgKFxuICAgICAgICAgICAgPFNwYWNlZExpbms+XG4gICAgICAgICAgICAgIDxMaW5rXG4gICAgICAgICAgICAgICAgdG89XCJcIlxuICAgICAgICAgICAgICAgIHRvbmU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICAgIHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gKFxuICAgICAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLnNob3dMZXNzfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ubWVzc2FnZXMuc2hvd01vcmV9IC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9MaW5rPlxuICAgICAgICAgICAgPC9TcGFjZWRMaW5rPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dC5Cb2R5PlxuICAgICAgPC8+XG4gICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gIClcbn1cbiJdfQ== */"));
1476
+ })("margin-left:", uiKit.customProperties.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnFDIiwiZmlsZSI6ImNvbHVtbi1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHtcbiAgTGluayxcbiAgU3BhY2luZ3MsXG4gIFRleHQsXG4gIGN1c3RvbVByb3BlcnRpZXMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnXG5pbXBvcnQgeyBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPlxufVxuXG5jb25zdCB0cnVuY2F0ZSA9IChcbiAgaXNFeHBhbmRlZDogYm9vbGVhbixcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPixcbiAgY29sdW1uc0NvdW50OiBudW1iZXJcbik6IHN0cmluZyA9PiB7XG4gIHJldHVybiBpc0V4cGFuZGVkXG4gICAgPyBjb2x1bW5zLmpvaW4oJyB8ICcpXG4gICAgOiBjb2x1bW5zLnNsaWNlKDAsIGNvbHVtbnNDb3VudCkuam9pbignIHwgJykgK1xuICAgICAgICAoY29sdW1ucy5sZW5ndGggPiBjb2x1bW5zQ291bnQgPyAnLi4uJyA6ICcnKVxufVxuXG5leHBvcnQgY29uc3QgU3BhY2VkTGluayA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSAocHJvcHM6IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPFByb3BzPikgPT4ge1xuICBjb25zdCBbaXNFeHBhbmRlZCwgc2V0SXNFeHBhbmRlZF0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSlcbiAgY29uc3Qgc2hvdWxkU2hvd0V4cGFuZEJ1dHRvbiA9XG4gICAgcHJvcHMuY29sdW1ucy5sZW5ndGggPiBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UXG5cbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwieGxcIj5cbiAgICAgIHsvKiBFbXB0eSBkaXYgaXMgcmVxdWlyZWQgZm9yIHNwYWNpbmcgKi99XG4gICAgICA8ZGl2IC8+XG4gICAgICA8PlxuICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7dHJ1bmNhdGUoaXNFeHBhbmRlZCwgcHJvcHMuY29sdW1ucywgSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVCl9XG4gICAgICAgICAge3Nob3VsZFNob3dFeHBhbmRCdXR0b24gJiYgKFxuICAgICAgICAgICAgPFNwYWNlZExpbms+XG4gICAgICAgICAgICAgIDxMaW5rXG4gICAgICAgICAgICAgICAgdG89XCJcIlxuICAgICAgICAgICAgICAgIHRvbmU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICAgIHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gKFxuICAgICAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLnNob3dMZXNzfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ubWVzc2FnZXMuc2hvd01vcmV9IC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9MaW5rPlxuICAgICAgICAgICAgPC9TcGFjZWRMaW5rPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dC5Cb2R5PlxuICAgICAgPC8+XG4gICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gIClcbn1cbiJdfQ== */"));
1226
1477
  const ColumnList = props => {
1227
1478
  const _React$useState = React__default["default"].useState(false),
1228
1479
  _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -1242,7 +1493,7 @@ const ColumnList = props => {
1242
1493
  e.preventDefault();
1243
1494
  setIsExpanded(!isExpanded);
1244
1495
  },
1245
- children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$3.showLess)) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$3.showMore))
1496
+ children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages$2.showLess)) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages$2.showMore))
1246
1497
  })
1247
1498
  })]
1248
1499
  })
@@ -1250,8 +1501,8 @@ const ColumnList = props => {
1250
1501
  });
1251
1502
  };
1252
1503
 
1253
- 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; }
1254
- 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; }
1504
+ 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; }
1505
+ function _objectSpread$4(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$4(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$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1255
1506
  function UploadPreviewModal() {
1256
1507
  const _useImportResourcesCo = useImportResourcesContext(),
1257
1508
  state = _useImportResourcesCo.state;
@@ -1265,8 +1516,8 @@ function UploadPreviewModal() {
1265
1516
  return jsxRuntime.jsx(applicationComponents.FormDialog, {
1266
1517
  size: 16,
1267
1518
  isOpen: true,
1268
- title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1269
- labelPrimary: intl.formatMessage(messages$3.continue),
1519
+ title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1520
+ labelPrimary: intl.formatMessage(messages$2.continue),
1270
1521
  onSecondaryButtonClick: () => onClose({
1271
1522
  shouldDeleteImportContainer: true
1272
1523
  }),
@@ -1285,7 +1536,7 @@ function UploadPreviewModal() {
1285
1536
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1286
1537
  scale: "m",
1287
1538
  children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Body, {
1288
- intlMessage: messages$3.previewOfYourImport
1539
+ intlMessage: messages$2.previewOfYourImport
1289
1540
  }), jsxRuntime.jsx(uiKit.Card, {
1290
1541
  insetScale: "xl",
1291
1542
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -1295,10 +1546,10 @@ function UploadPreviewModal() {
1295
1546
  children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
1296
1547
  color: "success"
1297
1548
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1298
- intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.rowsToBeImported), {}, {
1549
+ intlMessage: _objectSpread$4(_objectSpread$4({}, messages$2.rowsToBeImported), {}, {
1299
1550
  values: {
1300
1551
  rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
1301
- b: getBold$3
1552
+ b: getBold$1
1302
1553
  }
1303
1554
  })
1304
1555
  })]
@@ -1307,10 +1558,10 @@ function UploadPreviewModal() {
1307
1558
  children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
1308
1559
  color: "success"
1309
1560
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1310
- intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeImported), {}, {
1561
+ intlMessage: _objectSpread$4(_objectSpread$4({}, messages$2.columnsToBeImported), {}, {
1311
1562
  values: {
1312
1563
  columnCount: intl.formatNumber(validatedColumns.length),
1313
- b: getBold$3
1564
+ b: getBold$1
1314
1565
  }
1315
1566
  })
1316
1567
  })]
@@ -1327,10 +1578,10 @@ function UploadPreviewModal() {
1327
1578
  children: [jsxRuntime.jsx(uiKit.EyeCrossedIcon, {
1328
1579
  color: "neutral60"
1329
1580
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1330
- intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeIgnored), {}, {
1581
+ intlMessage: _objectSpread$4(_objectSpread$4({}, messages$2.columnsToBeIgnored), {}, {
1331
1582
  values: {
1332
1583
  columnCount: intl.formatNumber(ignoredColumns.length),
1333
- b: getBold$3
1584
+ b: getBold$1
1334
1585
  }
1335
1586
  })
1336
1587
  })]
@@ -1346,7 +1597,7 @@ function UploadPreviewModal() {
1346
1597
  })
1347
1598
  });
1348
1599
  }
1349
- function getBold$3(msg) {
1600
+ function getBold$1(msg) {
1350
1601
  return jsxRuntime.jsx(uiKit.Text.Body, {
1351
1602
  as: "span",
1352
1603
  isBold: true,
@@ -1354,43 +1605,39 @@ function getBold$3(msg) {
1354
1605
  });
1355
1606
  }
1356
1607
 
1357
- 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; }
1358
- 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; }
1608
+ 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; }
1609
+ 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; }
1359
1610
  const getNewLine = () => jsxRuntime.jsx("br", {});
1360
1611
  const getImportLogsLink = (msg, projectKey) => jsxRuntime.jsx(uiKit.Link, {
1361
- to: "/".concat(projectKey, "/operations/import/logs"),
1612
+ to: `/${projectKey}/operations/import/logs`,
1362
1613
  children: msg
1363
1614
  });
1364
1615
  const ImportConfirmationModal = () => {
1365
- var _state$uploadFileResp;
1366
1616
  const intl = reactIntl.useIntl();
1367
1617
  const _useImportResourcesCo = useImportResourcesContext(),
1368
1618
  state = _useImportResourcesCo.state,
1369
1619
  onStartImportSuccess = _useImportResourcesCo.onStartImportSuccess,
1370
1620
  onClose = _useImportResourcesCo.onClose;
1371
- const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => {
1372
- var _context$project, _context$project2;
1373
- return {
1374
- projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key,
1375
- projectName: (_context$project2 = context.project) === null || _context$project2 === void 0 ? void 0 : _context$project2.name
1376
- };
1377
- }),
1621
+ const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
1622
+ projectKey: context.project?.key,
1623
+ projectName: context.project?.name
1624
+ })),
1378
1625
  projectKey = _useApplicationContex.projectKey,
1379
1626
  projectName = _useApplicationContex.projectName;
1380
1627
  const asyncDispatch = sdk.useAsyncDispatch();
1381
1628
  const showNotification = actionsGlobal.useShowNotification();
1382
1629
  const ImportRunningTextNotification = () => jsxRuntime.jsx(uiKit.Text.Body, {
1383
- intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.uploadNotificationSuccessMessage), {}, {
1630
+ intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.uploadNotificationSuccessMessage), {}, {
1384
1631
  values: {
1385
1632
  newline: getNewLine,
1386
1633
  logsLink: msg => getImportLogsLink(msg, projectKey),
1387
- b: getBold$2
1634
+ b: getBold
1388
1635
  }
1389
1636
  })
1390
1637
  });
1391
1638
  return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
1392
- title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1393
- labelPrimary: intl.formatMessage(messages$3.startImportButton),
1639
+ title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1640
+ labelPrimary: intl.formatMessage(messages$2.startImportButton),
1394
1641
  isOpen: true,
1395
1642
  onClose: () => onClose({
1396
1643
  shouldDeleteImportContainer: true
@@ -1406,8 +1653,7 @@ const ImportConfirmationModal = () => {
1406
1653
  },
1407
1654
  onConfirm: async () => {
1408
1655
  try {
1409
- var _state$droppedFile;
1410
- const canConfirm = projectKey && state.containerKey && ((_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name) && state.resourceType;
1656
+ const canConfirm = projectKey && state.containerKey && state.droppedFile?.name && state.resourceType;
1411
1657
  if (!canConfirm) return;
1412
1658
  onClose();
1413
1659
  await processUploadedFile({
@@ -1442,288 +1688,18 @@ const ImportConfirmationModal = () => {
1442
1688
  scale: "xl",
1443
1689
  children: [jsxRuntime.jsxs("div", {
1444
1690
  children: [jsxRuntime.jsx(uiKit.Text.Body, {
1445
- intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.confirmationBodyText), {}, {
1691
+ intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.confirmationBodyText), {}, {
1446
1692
  values: {
1447
1693
  projectName: projectName,
1448
- count: intl.formatNumber((state === null || state === void 0 || (_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.rowsCount) || 0),
1449
- bold: getBold$2
1694
+ count: intl.formatNumber(state?.uploadFileResponse?.rowsCount || 0),
1695
+ bold: getBold
1450
1696
  }
1451
1697
  })
1452
1698
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1453
- intlMessage: messages$3.confirmationBodyNote
1454
- })]
1455
- }), jsxRuntime.jsx(uiKit.Text.Body, {
1456
- intlMessage: messages$3.confirmationBodyQuestion
1457
- })]
1458
- })
1459
- })
1460
- });
1461
- };
1462
- function getBold$2(msg) {
1463
- return jsxRuntime.jsx(uiKit.Text.Body, {
1464
- as: "span",
1465
- isBold: true,
1466
- children: msg
1467
- });
1468
- }
1469
-
1470
- var messages$2 = reactIntl.defineMessages({
1471
- row: {
1472
- id: 'ImportResourcesModal.row',
1473
- description: 'In Upload file error modal - "Row" column',
1474
- defaultMessage: 'Row'
1475
- },
1476
- errorType: {
1477
- id: 'ImportResourcesModal.errorType',
1478
- description: 'In Upload file error modal - "Error type" column',
1479
- defaultMessage: 'Error type'
1480
- },
1481
- details: {
1482
- id: 'ImportResourcesModal.details',
1483
- description: 'In Upload file error modal - "Details" column',
1484
- defaultMessage: 'Details'
1485
- },
1486
- uploadingError: {
1487
- id: 'ImportResourcesModal.uploadingError',
1488
- description: 'Title when errors detected while uploading file',
1489
- defaultMessage: 'There are <b>{errorsCount}</b> errors detected while uploading the file <b>{fileName}</b>.'
1490
- },
1491
- supportedValuesDocumentation: {
1492
- id: 'ImportResourcesModal.supportedValuesDocumentation',
1493
- description: 'Link to the documentation for supported values',
1494
- defaultMessage: '<documentationLink>View the documentation</documentationLink> for supported values.'
1495
- },
1496
- uploadNewFile: {
1497
- id: 'ImportResourcesModal.uploadNewFile',
1498
- description: 'Upload new file button',
1499
- defaultMessage: 'Upload new file'
1500
- }
1501
- });
1502
-
1503
- 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; }
1504
- 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; }
1505
- const getColumns$1 = () => [{
1506
- key: 'errorType',
1507
- label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$2.errorType)),
1508
- width: 'max-content'
1509
- }, {
1510
- key: 'details',
1511
- label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$2.details))
1512
- }];
1513
- const UploadClientSideErrorTable = props => {
1514
- var _context;
1515
- const pagination = uiKit.usePaginationState({
1516
- perPage: 10
1517
- });
1518
- const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
1519
- const endIndex = startIndex + pagination.perPage.value;
1520
- const currentPageRows = _sliceInstanceProperty__default["default"](_context = props.rows).call(_context, startIndex, endIndex);
1521
- const shouldShowPagination = props.rows.length > pagination.perPage.value;
1522
- return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1523
- scale: "l",
1524
- children: [jsxRuntime.jsx(DataTable__default["default"], {
1525
- verticalCellAlignment: "center",
1526
- isCondensed: true,
1527
- rows: currentPageRows,
1528
- columns: getColumns$1(),
1529
- itemRenderer: itemRenderer$1
1530
- }), shouldShowPagination && jsxRuntime.jsx(uiKit.PageNavigator, {
1531
- onPageChange: pagination.page.onChange,
1532
- page: pagination.page.value,
1533
- totalPages: Math.ceil(props.rows.length / pagination.perPage.value)
1534
- })]
1535
- });
1536
- };
1537
- function itemRenderer$1(item, column) {
1538
- switch (column.key) {
1539
- case 'errorType':
1540
- return jsxRuntime.jsx(uiKit.Stamp, {
1541
- isCondensed: true,
1542
- label: item.title,
1543
- tone: "critical"
1544
- });
1545
- case 'details':
1546
- return jsxRuntime.jsx(uiKit.Text.Body, {
1547
- children: item.description
1548
- });
1549
- default:
1550
- throw new UnexpectedColumnError(column.key);
1551
- }
1552
- }
1553
-
1554
- 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; }
1555
- 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; }
1556
- const UploadClientSideErrorsModal = () => {
1557
- var _state$droppedFile;
1558
- const intl = reactIntl.useIntl();
1559
- const _useImportResourcesCo = useImportResourcesContext(),
1560
- state = _useImportResourcesCo.state,
1561
- actions = _useImportResourcesCo.actions,
1562
- onClose = _useImportResourcesCo.onClose;
1563
- const errorsCount = state.fileUploadClientSideErrors.length;
1564
- return jsxRuntime.jsx(applicationComponents.InfoDialog, {
1565
- size: 16,
1566
- isOpen: true,
1567
- title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1568
- onClose: () => onClose(),
1569
- children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
1570
- children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1571
- scale: "l",
1572
- children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
1573
- children: jsxRuntime.jsx(uiKit.Text.Body, {
1574
- intlMessage: _objectSpread$5(_objectSpread$5({}, messages$2.uploadingError), {}, {
1575
- values: {
1576
- fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
1577
- errorsCount: intl.formatNumber(errorsCount),
1578
- b: getBold$1
1579
- }
1580
- })
1581
- })
1582
- }), jsxRuntime.jsx(UploadClientSideErrorTable, {
1583
- rows: mapUploadFileClientSideErrorsToUploadFileErrorRows(state.fileUploadClientSideErrors)
1584
- }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1585
- scale: "m",
1586
- justifyContent: "flex-end",
1587
- children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
1588
- label: intl.formatMessage(sharedMessages.close),
1589
- onClick: () => onClose()
1590
- }), jsxRuntime.jsx(uiKit.PrimaryButton, {
1591
- iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
1592
- label: intl.formatMessage(messages$2.uploadNewFile),
1593
- onClick: () => actions.uploadNewFile()
1699
+ intlMessage: messages$2.confirmationBodyNote
1594
1700
  })]
1595
- })]
1596
- })
1597
- })
1598
- });
1599
- };
1600
- function getBold$1(msg) {
1601
- return jsxRuntime.jsx(uiKit.Text.Body, {
1602
- as: "span",
1603
- isBold: true,
1604
- children: msg
1605
- });
1606
- }
1607
-
1608
- 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; }
1609
- 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; }
1610
- const getColumns = () => [{
1611
- key: 'row',
1612
- label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.row)),
1613
- width: 'max-content'
1614
- }, {
1615
- key: 'errorType',
1616
- label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.errorType)),
1617
- width: 'max-content'
1618
- }, {
1619
- key: 'details',
1620
- label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.details))
1621
- }];
1622
- const UploadServerSideErrorTable = props => {
1623
- var _context;
1624
- const pagination = uiKit.usePaginationState({
1625
- perPage: 10
1626
- });
1627
- const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
1628
- const endIndex = startIndex + pagination.perPage.value;
1629
- const currentPageRows = _sliceInstanceProperty__default["default"](_context = props.rows).call(_context, startIndex, endIndex);
1630
- const shouldShowPagination = props.rows.length > pagination.perPage.value;
1631
- return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1632
- scale: "l",
1633
- children: [jsxRuntime.jsx(DataTable__default["default"], {
1634
- verticalCellAlignment: "center",
1635
- isCondensed: true,
1636
- rows: currentPageRows,
1637
- columns: getColumns(),
1638
- itemRenderer: itemRenderer
1639
- }), shouldShowPagination && jsxRuntime.jsx(uiKit.PageNavigator, {
1640
- onPageChange: pagination.page.onChange,
1641
- page: pagination.page.value,
1642
- totalPages: Math.ceil(props.rows.length / pagination.perPage.value)
1643
- })]
1644
- });
1645
- };
1646
- function itemRenderer(item, column) {
1647
- switch (column.key) {
1648
- case 'row':
1649
- return item.row;
1650
- case 'errorType':
1651
- return jsxRuntime.jsx(uiKit.Stamp, {
1652
- isCondensed: true,
1653
- label: item.code,
1654
- tone: "critical"
1655
- });
1656
- case 'details':
1657
- return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1658
- scale: "xs",
1659
- children: [jsxRuntime.jsx(uiKit.Text.Body, {
1660
- tone: "information",
1661
- children: item.field
1662
1701
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1663
- children: extractErrorDescriptionFromValidationMessage(item.validationMessage)
1664
- })]
1665
- });
1666
- default:
1667
- throw new UnexpectedColumnError(column.key);
1668
- }
1669
- }
1670
-
1671
- 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; }
1672
- 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; }
1673
- const UploadServerSideErrorsModal = () => {
1674
- var _state$uploadFileResp, _state$droppedFile, _state$uploadFileResp2;
1675
- const intl = reactIntl.useIntl();
1676
- const _useImportResourcesCo = useImportResourcesContext(),
1677
- state = _useImportResourcesCo.state,
1678
- actions = _useImportResourcesCo.actions,
1679
- onClose = _useImportResourcesCo.onClose;
1680
- const errorsCount = getFileUploadErrorsCount((_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.results);
1681
- const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
1682
- return jsxRuntime.jsx(applicationComponents.InfoDialog, {
1683
- size: 16,
1684
- isOpen: true,
1685
- title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1686
- onClose: onClose,
1687
- children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
1688
- children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1689
- scale: "l",
1690
- children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1691
- scale: "xs",
1692
- children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
1693
- children: jsxRuntime.jsx(uiKit.Text.Body, {
1694
- intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.uploadingError), {}, {
1695
- values: {
1696
- fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
1697
- errorsCount: intl.formatNumber(errorsCount),
1698
- b: getBold
1699
- }
1700
- })
1701
- })
1702
- }), jsxRuntime.jsx(uiKit.Text.Body, {
1703
- intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.supportedValuesDocumentation), {}, {
1704
- values: {
1705
- documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
1706
- tone: "secondary",
1707
- isExternal: true,
1708
- to: documentationLink,
1709
- children: msg
1710
- })
1711
- }
1712
- })
1713
- })]
1714
- }), jsxRuntime.jsx(UploadServerSideErrorTable, {
1715
- rows: mapUploadFileErrorsResponseToUploadFileErrorRows((_state$uploadFileResp2 = state.uploadFileResponse) === null || _state$uploadFileResp2 === void 0 ? void 0 : _state$uploadFileResp2.results)
1716
- }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1717
- scale: "m",
1718
- justifyContent: "flex-end",
1719
- children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
1720
- label: intl.formatMessage(sharedMessages.close),
1721
- onClick: () => onClose()
1722
- }), jsxRuntime.jsx(uiKit.PrimaryButton, {
1723
- iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
1724
- label: intl.formatMessage(messages$2.uploadNewFile),
1725
- onClick: () => actions.uploadNewFile()
1726
- })]
1702
+ intlMessage: messages$2.confirmationBodyQuestion
1727
1703
  })]
1728
1704
  })
1729
1705
  })
@@ -1738,11 +1714,10 @@ function getBold(msg) {
1738
1714
  }
1739
1715
 
1740
1716
  const UploadResult = () => {
1741
- var _state$uploadFileResp;
1742
1717
  const _useImportResourcesCo = useImportResourcesContext(),
1743
1718
  state = _useImportResourcesCo.state;
1744
1719
  if (state.fileUploadClientSideErrors.length > 0) return jsxRuntime.jsx(UploadClientSideErrorsModal, {});
1745
- if (((_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.invalid) > 0) return jsxRuntime.jsx(UploadServerSideErrorsModal, {});
1720
+ if (state.uploadFileResponse?.invalid > 0) return jsxRuntime.jsx(UploadServerSideErrorsModal, {});
1746
1721
  return jsxRuntime.jsx(UploadPreviewModal, {});
1747
1722
  };
1748
1723
 
@@ -1780,16 +1755,15 @@ FileIcon.defaultProps = {
1780
1755
  xmlns: "http://www.w3.org/2000/svg"
1781
1756
  };
1782
1757
  const Uploading = () => {
1783
- var _state$droppedFile;
1784
1758
  const intl = reactIntl.useIntl();
1785
1759
  const _useImportResourcesCo = useImportResourcesContext(),
1786
1760
  state = _useImportResourcesCo.state,
1787
1761
  actions = _useImportResourcesCo.actions,
1788
1762
  onClose = _useImportResourcesCo.onClose;
1789
- if ((_state$droppedFile = state.droppedFile) !== null && _state$droppedFile !== void 0 && _state$droppedFile.name) return jsxRuntime.jsx(applicationComponents.InfoDialog, {
1763
+ if (state.droppedFile?.name) return jsxRuntime.jsx(applicationComponents.InfoDialog, {
1790
1764
  size: 16,
1791
1765
  isOpen: true,
1792
- title: intl.formatMessage(sharedMessages["modalTitle.".concat(state.resourceType)]),
1766
+ title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
1793
1767
  onClose: () => onClose({
1794
1768
  shouldDeleteImportContainer: true
1795
1769
  }),
@@ -1871,7 +1845,7 @@ const resourceTypeToDisplayName = resourceType => {
1871
1845
  case IMPORTABLE_RESOURCES.CATEGORY:
1872
1846
  return messages$1.categories;
1873
1847
  default:
1874
- throw new Error("Unknown resource type: ".concat(resourceType));
1848
+ throw new Error(`Unknown resource type: ${resourceType}`);
1875
1849
  }
1876
1850
  };
1877
1851
  const ResourceTypeSelection = () => {
@@ -1960,8 +1934,8 @@ const loadMessages = async locale => {
1960
1934
  return i18n.parseChunkImport(chunkImport);
1961
1935
  } catch (error) {
1962
1936
  // eslint-disable-next-line no-console
1963
- console.warn("Something went wrong while loading the import-resources-modal messages for ".concat(locale), error);
1964
- sentry.reportErrorToSentry(new Error("Something went wrong while loading the import-resources-modal messages for ".concat(locale)), {
1937
+ console.warn(`Something went wrong while loading the import-resources-modal messages for ${locale}`, error);
1938
+ sentry.reportErrorToSentry(new Error(`Something went wrong while loading the import-resources-modal messages for ${locale}`), {
1965
1939
  extra: error
1966
1940
  });
1967
1941
  return {};
@@ -2006,14 +1980,14 @@ const useAsyncIntlMessages = (locale, loader) => {
2006
1980
  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; }
2007
1981
  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; }
2008
1982
  const ImportResourcesModal = props => {
2009
- var _props$resourceTypes, _context;
1983
+ var _context;
2010
1984
  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
2011
1985
  locale: context.user && context.user.locale
2012
1986
  })),
2013
1987
  locale = _useApplicationContex.locale;
2014
1988
  const messages = useAsyncIntlMessages(locale, loadMessages);
2015
1989
  if (!props.isOpen || messages.isLoading) return null;
2016
- if (!((_props$resourceTypes = props.resourceTypes) !== null && _props$resourceTypes !== void 0 && _props$resourceTypes.length)) {
1990
+ if (!props.resourceTypes?.length) {
2017
1991
  console.error('No resource types provided for import resources modal');
2018
1992
  return null;
2019
1993
  }
@@ -2034,5 +2008,5 @@ ImportResourcesModal.displayName = 'ImportResourcesModal';
2034
2008
  exports.EnabledDropArea = EnabledDropArea;
2035
2009
  exports.FileDropped = FileDropped;
2036
2010
  exports.ImportResourcesModal = ImportResourcesModal;
2037
- exports.messages = messages$4;
2011
+ exports.messages = messages$5;
2038
2012
  exports.useImportResourcesContext = useImportResourcesContext;