@commercetools-frontend-extensions/unpublish-products-modal 1.2.6 → 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.
@@ -1,1517 +0,0 @@
1
- import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
2
- import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
3
- import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
4
- import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
5
- import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
6
- import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
7
- import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
8
- import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
- import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
- import { defineMessages, useIntl, FormattedMessage, IntlProvider } from 'react-intl';
11
- import { useApplicationContext, oidcStorage } from '@commercetools-frontend/application-shell-connectors';
12
- import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
13
- import React, { lazy, useContext, useState, useEffect } from 'react';
14
- import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
15
- import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
16
- import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
17
- import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
18
- import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
19
- import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
20
- import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
21
- import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
22
- import Papa from 'papaparse';
23
- import { jsx, jsxs } from '@emotion/react/jsx-runtime';
24
- import { FormDialog, InfoDialog, ConfirmationDialog } from '@commercetools-frontend/application-components';
25
- import { Masking } from '@commercetools-frontend/fullstory';
26
- import { customProperties, Constraints, Text, Link, Spacings, SecondaryButton, ProgressBar, usePaginationState, DataTable, PageNavigator, Stamp, PrimaryButton, ImportIcon, Card, CloseBoldIcon } from '@commercetools-frontend/ui-kit';
27
- import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
28
- import { useDropzone } from 'react-dropzone';
29
- import { useShowNotification } from '@commercetools-frontend/actions-global';
30
- import _styled from '@emotion/styled/base';
31
- import { css } from '@emotion/react';
32
- import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
33
- import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
34
- import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
35
- import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
36
- import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
37
- import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
38
- import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
39
- import { reportErrorToSentry } from '@commercetools-frontend/sentry';
40
- import { createHttpClientOptions, buildApiUrl } from '@commercetools-frontend/application-shell';
41
- import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
42
- import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
43
-
44
- function ownKeys$b(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
45
- function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$b(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$b(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
46
- function reducer(state, action) {
47
- if (action.type === 'setCurrentStep') return _objectSpread$b(_objectSpread$b({}, state), {}, {
48
- currentStep: action.currentStep,
49
- progress: 0
50
- });
51
- if (action.type === 'setContainerKey') return _objectSpread$b(_objectSpread$b({}, state), {}, {
52
- containerKey: action.containerKey
53
- });
54
- if (action.type === 'cancelImport') return _objectSpread$b(_objectSpread$b({}, state), {}, {
55
- currentStep: 'upload',
56
- containerKey: undefined,
57
- droppedFile: undefined,
58
- dropAreaState: 'ready-for-drop',
59
- progress: 0
60
- });
61
- if (action.type === 'uploadNewFile') return _objectSpread$b(_objectSpread$b({}, state), {}, {
62
- currentStep: 'upload',
63
- containerKey: undefined,
64
- droppedFile: undefined,
65
- dropAreaState: 'ready-for-drop',
66
- progress: 0
67
- });
68
- if (action.type === 'setDroppedFile') {
69
- return _objectSpread$b(_objectSpread$b({}, state), {}, {
70
- droppedFile: action.droppedFile
71
- });
72
- }
73
- if (action.type === 'setAbortController') {
74
- return _objectSpread$b(_objectSpread$b({}, state), {}, {
75
- abortController: action.abortController
76
- });
77
- }
78
- if (action.type === 'setProgress') {
79
- return _objectSpread$b(_objectSpread$b({}, state), {}, {
80
- progress: action.progress
81
- });
82
- }
83
- if (action.type === 'setUploadFileResponse') {
84
- return _objectSpread$b(_objectSpread$b({}, state), {}, {
85
- uploadFileResponse: action.uploadFileResponse
86
- });
87
- }
88
- if (action.type === 'setFileUploadErrors') {
89
- return _objectSpread$b(_objectSpread$b({}, state), {}, {
90
- fileUploadErrors: action.fileUploadErrors
91
- });
92
- }
93
- throw new Error(getUnknownActionError(action));
94
- }
95
- function getUnknownActionError(actionType) {
96
- return `Unkown type: ${actionType}`;
97
- }
98
- const initialState = {
99
- currentStep: 'upload',
100
- abortController: new AbortController(),
101
- dropAreaState: 'ready-for-drop',
102
- containerKey: undefined,
103
- progress: 0,
104
- uploadFileResponse: undefined,
105
- fileUploadErrors: []
106
- };
107
- const initialActions = {
108
- setCurrentStep(_currentStep) {
109
- /**/
110
- },
111
- cancelImport() {
112
- /**/
113
- },
114
- uploadNewFile() {
115
- /**/
116
- },
117
- setDroppedFile(_nextDroppedFile) {
118
- /**/
119
- },
120
- setUploadFileResponse(_uploadFileResponse) {
121
- /**/
122
- },
123
- setFileUploadErrors(_fileUploadErrors) {
124
- /**/
125
- },
126
- setContainerKey(_containerKey) {
127
- /**/
128
- },
129
- setAbortController(_abortController) {
130
- /**/
131
- },
132
- setProgress(_progress) {
133
- /**/
134
- }
135
- };
136
-
137
- function getCreateImportContainerURL(projectKey) {
138
- return `/${projectKey}/import-containers`;
139
- }
140
- function getDeleteImportContainerURL(projectKey, containerKey) {
141
- return `/${projectKey}/import-containers/${containerKey}`;
142
- }
143
- function getFileUploadURL(projectKey, containerKey) {
144
- return `/${projectKey}/products/import-containers/${containerKey}/file-upload`;
145
- }
146
- function getProccessFileURL(projectKey, containerKey) {
147
- return `/${projectKey}/products/import-containers/${containerKey}/process-file`;
148
- }
149
-
150
- function ownKeys$a(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
151
- function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
152
- function createImportContainerForFileUpload(importContainerDraft, projectKey, asyncDispatch) {
153
- return asyncDispatch(actions.post({
154
- mcApiProxyTarget: MC_API_PROXY_TARGETS.IMPORT,
155
- uri: getCreateImportContainerURL(projectKey),
156
- headers: {
157
- accept: 'application/json',
158
- 'Content-Type': 'application/json'
159
- },
160
- payload: _JSON$stringify(_objectSpread$a({
161
- retentionPolicy: {
162
- strategy: 'ttl',
163
- config: {
164
- timeToLive: '54h' // 2 days and 6 hours
165
- }
166
- }
167
- }, importContainerDraft))
168
- }));
169
- }
170
- function deleteImportContainer(projectKey, containerKey, asyncDispatch) {
171
- return asyncDispatch(actions.del({
172
- mcApiProxyTarget: MC_API_PROXY_TARGETS.IMPORT,
173
- uri: getDeleteImportContainerURL(projectKey, containerKey),
174
- headers: {
175
- accept: 'application/json'
176
- }
177
- }));
178
- }
179
-
180
- function convertFileSizeToKB(sizeInBytes) {
181
- return sizeInBytes / 1000;
182
- }
183
- function hasOwnProperty(obj, prop) {
184
- return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
185
- }
186
- function hasRequiredFields(maybeValidObject, requiredFields) {
187
- return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty(requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
188
- }
189
- function isAbortError(error) {
190
- return error instanceof DOMException && error.name === 'AbortError';
191
- }
192
-
193
- const encodeFileNameWithTimestampToContainerKey = fileName => {
194
- return btoa(_JSON$stringify({
195
- timestamp: new Date().getTime(),
196
- fileName
197
- })).replace(/=+$/g, '');
198
- };
199
-
200
- function ownKeys$9(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
201
- 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(_context = ownKeys$9(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
202
- /**
203
- * Returns the number of rows in a CSV file excluding the header
204
- * @param file The CSV file to process.
205
- * @returns A promise that resolves to the number of rows
206
- */
207
- const getRowCount = file => {
208
- return new _Promise(resolve => {
209
- let lineCount = 0;
210
- Papa.parse(file, {
211
- step: _ref => {
212
- let data = _ref.data;
213
- // empty lines at the end of the file should not be counted
214
- if (_Array$isArray(data) && _findInstanceProperty(data).call(data, Boolean)) lineCount++;
215
- },
216
- complete: () => {
217
- // Subtract 1 for the header row
218
- // We use Math.max to make sure the count is not less than 0, this is needed for empty files
219
- resolve(Math.max(0, lineCount - 1));
220
- }
221
- });
222
- });
223
- };
224
-
225
- /**
226
- * Checks if the CSV file only contains a single column named 'key'
227
- * @param file The CSV file to process
228
- * @returns A promise that resolves to true if the file contains only one column named 'key', otherwise false
229
- */
230
- const hasSingleKeyColumn = file => {
231
- return new _Promise(resolve => {
232
- Papa.parse(file, {
233
- header: true,
234
- // Only parse the first row (header)
235
- preview: 1,
236
- complete: results => {
237
- const fields = results?.meta?.fields;
238
- resolve(fields?.length === 1 && fields[0] === 'key');
239
- }
240
- });
241
- });
242
- };
243
- const toBytes = megabytes => megabytes * 1024 * 1024;
244
- const mapFileUploadErrorsToUploadFileErrorRows = uploadFileErrors => {
245
- let idCounter = 1;
246
- return _mapInstanceProperty(uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$9(_objectSpread$9({}, uploadFileError), {}, {
247
- id: String(idCounter++)
248
- }));
249
- };
250
-
251
- async function processUploadedFile(_ref) {
252
- let projectKey = _ref.projectKey,
253
- containerKey = _ref.containerKey,
254
- asyncDispatch = _ref.asyncDispatch;
255
- const uri = getProccessFileURL(projectKey, containerKey);
256
- const response = await asyncDispatch(actions.post({
257
- mcApiProxyTarget: MC_API_PROXY_TARGETS.IMPORT,
258
- uri: uri,
259
- headers: {
260
- accept: 'application/json',
261
- 'Content-Type': 'application/json'
262
- },
263
- payload: {}
264
- }));
265
- assertProcessFileResponse(response);
266
- return response;
267
- }
268
- function assertProcessFileResponse(maybeProcessFileResponse) {
269
- const requiredFields = ['message'];
270
- if (hasRequiredFields(maybeProcessFileResponse, requiredFields)) return;
271
- throw new Error('Invalid response');
272
- }
273
-
274
- const UnpublishProductsContext = /*#__PURE__*/React.createContext({
275
- state: initialState,
276
- actions: initialActions,
277
- onClose: () => {}
278
- });
279
- const UnpublishProductsProvider = props => {
280
- const _useApplicationContex = useApplicationContext(context => ({
281
- projectKey: context.project?.key
282
- })),
283
- projectKey = _useApplicationContex.projectKey;
284
- const asyncDispatch = useAsyncDispatch();
285
- const _React$useReducer = React.useReducer(reducer, initialState),
286
- _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
287
- state = _React$useReducer2[0],
288
- dispatch = _React$useReducer2[1];
289
- const setCurrentStep = currentStep => dispatch({
290
- type: 'setCurrentStep',
291
- currentStep
292
- });
293
- const setContainerKey = containerKey => dispatch({
294
- type: 'setContainerKey',
295
- containerKey
296
- });
297
- const cancelImport = () => dispatch({
298
- type: 'cancelImport'
299
- });
300
- const uploadNewFile = () => dispatch({
301
- type: 'uploadNewFile'
302
- });
303
- const setDroppedFile = droppedFile => dispatch({
304
- type: 'setDroppedFile',
305
- droppedFile: droppedFile
306
- });
307
- const setFileUploadErrors = fileUploadErrors => {
308
- dispatch({
309
- type: 'setFileUploadErrors',
310
- fileUploadErrors
311
- });
312
- };
313
- const setAbortController = abortController => dispatch({
314
- type: 'setAbortController',
315
- abortController: abortController
316
- });
317
- const setProgress = progress => dispatch({
318
- type: 'setProgress',
319
- progress
320
- });
321
- const setUploadFileResponse = uploadFileResponse => {
322
- dispatch({
323
- type: 'setUploadFileResponse',
324
- uploadFileResponse
325
- });
326
- };
327
- const handleClose = function () {
328
- let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
329
- if (state.abortController) state.abortController.abort();
330
- if (typeof props.onClose === 'function') props.onClose();
331
- // Removes the associated import container when the import is closed
332
- if (options.shouldDeleteImportContainer && projectKey && state.containerKey) deleteImportContainer(projectKey, state.containerKey, asyncDispatch);
333
- };
334
- return jsx(UnpublishProductsContext.Provider, {
335
- value: {
336
- state,
337
- onClose: handleClose,
338
- actions: {
339
- setCurrentStep,
340
- cancelImport,
341
- uploadNewFile,
342
- setDroppedFile,
343
- setUploadFileResponse,
344
- setFileUploadErrors,
345
- setContainerKey,
346
- setAbortController,
347
- setProgress
348
- }
349
- },
350
- children: props.children
351
- });
352
- };
353
-
354
- const getBorderColor = state => {
355
- const borderColors = {
356
- default: '#909dbc',
357
- error: '#e60050',
358
- active: customProperties.colorPrimary
359
- };
360
- return borderColors[state] || borderColors.default;
361
- };
362
- const getDashedBorder = function () {
363
- let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
364
- const color = getBorderColor(state);
365
- const svgContent = `
366
- <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
367
- <rect width="100%" height="100%" fill="none" stroke="${color}" stroke-width="2px" stroke-dasharray="6,6" stroke-dashoffset="0" stroke-linecap="square"/>
368
- </svg>
369
- `;
370
- return `data:image/svg+xml,${encodeURIComponent(svgContent)}`;
371
- };
372
- const base = /*#__PURE__*/css("border-radius:", customProperties.borderRadius6, ";min-height:136px;display:flex;justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:base;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmdCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgYWN0aXZlRHJhZyxcbn1cbiJdfQ== */");
373
- const readyForDrop = /*#__PURE__*/css("background-image:url(\"", getDashedBorder(), "\");background-color:", customProperties.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:readyForDrop;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3dCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgYWN0aXZlRHJhZyxcbn1cbiJdfQ== */");
374
- const activeDrag = /*#__PURE__*/css("background-image:url(\"", getDashedBorder('active'), "\");background-color:", customProperties.colorPrimary95, ";padding:", customProperties.spacing50, " 100px;" + (process.env.NODE_ENV === "production" ? "" : ";label:activeDrag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3NCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgYWN0aXZlRHJhZyxcbn1cbiJdfQ== */");
375
- const fileDropped = /*#__PURE__*/css("background-image:url(\"", getDashedBorder(), "\");background-color:", customProperties.colorSurface, ";padding:", customProperties.spacing50, " 100px;" + (process.env.NODE_ENV === "production" ? "" : ";label:fileDropped;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q3VCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgYWN0aXZlRHJhZyxcbn1cbiJdfQ== */");
376
- const styles = {
377
- base,
378
- readyForDrop,
379
- fileDropped,
380
- activeDrag
381
- };
382
-
383
- const DropWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
384
- target: "e19vac9v0"
385
- } : {
386
- target: "e19vac9v0",
387
- label: "DropWrapper"
388
- })(styles.base, " ", props => {
389
- if (props.dropAreaState === 'ready-for-drop') {
390
- return styles.readyForDrop;
391
- }
392
- if (props.dropAreaState === 'active-drag') {
393
- return styles.activeDrag;
394
- }
395
- if (props.dropAreaState === 'file-dropped') {
396
- return styles.fileDropped;
397
- }
398
- return getDefaultDropWrapperStyles(props.dropAreaState);
399
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUQiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */"));
400
- function getDefaultDropWrapperStyles(_dropAreaState) {
401
- return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
402
- }
403
-
404
- var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-272fc575.esm.js'));
405
-
406
- var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-c3902695.esm.js'));
407
-
408
- var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-dad90f26.esm.js'));
409
-
410
- function getDropArea(_ref) {
411
- let dropAreaState = _ref.dropAreaState,
412
- isFileDropped = _ref.isFileDropped;
413
- if (dropAreaState === 'ready-for-drop') {
414
- return jsx(EnabledDropArea, {});
415
- }
416
- if (dropAreaState === 'file-dropped') {
417
- return jsx(FileDropped, {});
418
- }
419
- if (dropAreaState === 'active-drag') {
420
- return jsx(ActiveDragDropArea, {
421
- isFileDropped: isFileDropped
422
- });
423
- }
424
- return fallbackDropArea();
425
- }
426
- function fallbackDropArea(_invalidDropAreaState) {
427
- return jsx(FileDropped, {});
428
- }
429
- function getDropAreaState(flags) {
430
- if (flags.isDragActive) {
431
- return 'active-drag';
432
- }
433
- if (flags.isReady) {
434
- return 'file-dropped';
435
- }
436
- return 'ready-for-drop';
437
- }
438
-
439
- var messages$4 = defineMessages({
440
- dragAndDropCSV: {
441
- id: 'UnpublishProductsModal.dragAndDropCSV',
442
- description: 'The message telling the user to drag and drop CSV file in the file drop area',
443
- defaultMessage: 'Drag and drop CSV'
444
- },
445
- or: {
446
- id: 'UnpublishProductsModal.or',
447
- description: 'The word "or" in the drag and drop message',
448
- defaultMessage: 'or'
449
- },
450
- browseButton: {
451
- id: 'UnpublishProductsModal.browseFile',
452
- defaultMessage: 'Browse file'
453
- },
454
- uploadAndPreview: {
455
- id: 'UnpublishProductsModal.uploadAndPreview',
456
- description: 'Label for the button that uploads the file and shows the preview',
457
- defaultMessage: 'Upload and preview'
458
- },
459
- chooseFile: {
460
- id: 'UnpublishProductsModal.chooseFile',
461
- description: 'Label for a button on the file upload page, shown on ready to upload state',
462
- defaultMessage: 'Choose file'
463
- },
464
- fileUploadFailed: {
465
- id: 'UnpublishProductsModal.fileUploadFailed',
466
- description: 'A title on the file upload page, shown on file upload error state',
467
- defaultMessage: 'File upload failed'
468
- },
469
- fileFormatNotSupported: {
470
- id: 'UnpublishProductsModal.fileFormatNotSupported',
471
- description: 'Error message displayed when a user drags and drops a non-CSV file',
472
- defaultMessage: 'Invalid file format: The file is not in CSV format and cannot be processed.'
473
- },
474
- tooManyFilesError: {
475
- id: 'UnpublishProductsModal.tooManyFilesError',
476
- description: 'Error message displayed when a user drags and drops multiple files at once',
477
- defaultMessage: 'Multiple files detected: You can only drag and drop one file at a time.'
478
- },
479
- genericError: {
480
- id: 'UnpublishProductsModal.genericError',
481
- description: 'Default error message for unexpected file upload issues (for unhandled cases)',
482
- defaultMessage: 'Error occurred: Please try uploading the file again or contact our support team for assistance.'
483
- },
484
- dataType: {
485
- id: 'UnpublishProductsModal.dataType',
486
- description: 'Label for the data type selection dropdown',
487
- defaultMessage: 'Data type'
488
- },
489
- instructions: {
490
- id: 'UnpublishProductsModal.instructions',
491
- description: 'Label for the instructions section',
492
- defaultMessage: 'Instructions'
493
- }
494
- });
495
-
496
- function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
497
- function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
498
- let HttpError = /*#__PURE__*/function (_Error) {
499
- function HttpError(statusCode, statusText, errorData) {
500
- var _this;
501
- _classCallCheck(this, HttpError);
502
- _this = _callSuper$1(this, HttpError, [`HTTP Error! Status code: ${statusCode}, message: "${statusText ? statusText : ''}"`]);
503
- _this.statusCode = void 0;
504
- _this.errorData = void 0;
505
- _this.name = 'HttpError';
506
- _this.statusCode = statusCode;
507
- _this.errorData = errorData;
508
- return _this;
509
- }
510
- _inherits(HttpError, _Error);
511
- return _createClass(HttpError);
512
- }(/*#__PURE__*/_wrapNativeSuper(Error));
513
-
514
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
515
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
516
- let MissingUnpublishProductsProviderError = /*#__PURE__*/function (_Error) {
517
- function MissingUnpublishProductsProviderError() {
518
- var _this;
519
- _classCallCheck(this, MissingUnpublishProductsProviderError);
520
- _this = _callSuper(this, MissingUnpublishProductsProviderError, ['useUnpublishProductsProviderError must be used within MissingUnpublishProductsProviderError']);
521
- _this.name = 'MissingUnpublishProductsProviderError';
522
- return _this;
523
- }
524
- _inherits(MissingUnpublishProductsProviderError, _Error);
525
- return _createClass(MissingUnpublishProductsProviderError);
526
- }(/*#__PURE__*/_wrapNativeSuper(Error));
527
-
528
- const useUnpublishProductsContext = () => {
529
- const context = useContext(UnpublishProductsContext);
530
- if (!context) {
531
- throw new MissingUnpublishProductsProviderError();
532
- }
533
- return context;
534
- };
535
-
536
- var messages$3 = defineMessages({
537
- fileSizeExceededTitle: {
538
- id: 'UnpublishProductsModal.sizeExceededTitle',
539
- defaultMessage: 'File size exceeded'
540
- },
541
- fileSizeExceededDescription: {
542
- id: 'UnpublishProductsModal.sizeExceededDescription',
543
- description: 'Error description when the file size exceeds the allowable limit',
544
- defaultMessage: 'The file exceeds the maximum allowed size of {fileSizeLimit} MB'
545
- },
546
- rowLimitExceededTitle: {
547
- id: 'UnpublishProductsModal.rowLimitExceededTitle',
548
- defaultMessage: 'Row limit exceeded'
549
- },
550
- rowLimitExceededDescription: {
551
- id: 'UnpublishProductsModal.rowLimitExceededDescription',
552
- description: 'Error description when the file contains more rows than the allowable maximum',
553
- defaultMessage: 'The file contains more than the allowable maximum of {rowLimit} rows'
554
- },
555
- dropAreaNotEnoughRowsTitle: {
556
- id: 'UnpublishProductsModal.dropAreaNotEnoughRowsTitle',
557
- description: 'Error title shown when the uploaded CSV file does not contain a header and at least one row of data',
558
- defaultMessage: 'Invalid CSV file'
559
- },
560
- dropAreaNotEnoughRowsDescription: {
561
- id: 'UnpublishProductsModal.dropAreaNotEnoughRowsDescription',
562
- description: 'Error description shown when the uploaded CSV file does not contain a header and at least one row of data',
563
- defaultMessage: 'Make sure the file contains a header and at least one row of data'
564
- },
565
- unexpectedError: {
566
- id: 'UnpublishProductsModal.unexpectedError',
567
- description: 'Generic notification message when file upload fails',
568
- defaultMessage: 'An unexpected error occurred during the file upload. Please try again, or contact support if this error occurs again.'
569
- },
570
- missingRequiredField: {
571
- id: 'UnpublishProductsModal.missingRequiredField',
572
- description: 'Error message displayed when a required field is missing',
573
- defaultMessage: 'Missing required field'
574
- },
575
- missingKeyError: {
576
- id: 'UnpublishProductsModal.missingKeyError',
577
- description: 'Error message displayed when the uploaded file is missing the key field',
578
- defaultMessage: "The 'key' field is missing or incomplete in some rows. Please ensure every row has a 'key' value."
579
- },
580
- csvFormatErrorTitle: {
581
- id: 'UnpublishProductsModal.csvFormatErrorTitle',
582
- description: 'Error title shown when the uploaded CSV file is not formatted correctly',
583
- defaultMessage: 'Invalid CSV file'
584
- },
585
- csvFormatErrorDescription: {
586
- id: 'UnpublishProductsModal.csvFormatErrorDescription',
587
- description: 'Error message displayed when the CSV file is not formatted correctly',
588
- defaultMessage: "Your CSV file is not formatted correctly. Make sure the file contains only one column named 'key', which includes the product keys"
589
- }
590
- });
591
-
592
- const IMPORT_TAG_KEYS = {
593
- source: 'source'
594
- };
595
- const IMPORT_TAG_VALUES = {
596
- fileUpload: 'file-upload'
597
- };
598
- const TAG_KEY_SOURCE_FILE_UPLOAD = `${IMPORT_TAG_KEYS.source}:${IMPORT_TAG_VALUES.fileUpload}`;
599
- const FILE_SIZE_LIMIT_MB = 35;
600
- const ROW_COUNT_LIMIT = 80_000;
601
- const DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/product-list#bulk-unpublish-via-csv-import';
602
- const TEMPLATE_DOWNLOAD_LINK = 'https://docs.commercetools.com/merchant-center/downloads/product_unpublish_import_template.csv';
603
-
604
- function ownKeys$8(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
605
- function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$8(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$8(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
606
- const addProxyPrefixToUrl = (uri, proxy) => {
607
- return proxy ? `/proxy/${proxy}${uri}` : uri;
608
- };
609
- const fetchUsingXhr = _ref2 => {
610
- let url = _ref2.url,
611
- payload = _ref2.payload,
612
- config = _ref2.config,
613
- onProgress = _ref2.onProgress,
614
- onSuccess = _ref2.onSuccess,
615
- onError = _ref2.onError;
616
- const options = createHttpClientOptions({
617
- headers: _objectSpread$8({
618
- 'Content-Type': 'application/json'
619
- }, config?.headers)
620
- });
621
- const xhr = new XMLHttpRequest();
622
- xhr.open(config?.method, buildApiUrl(addProxyPrefixToUrl(url, config?.proxy)), true);
623
- // Include cookies in the request
624
- xhr.withCredentials = true;
625
- if (options.headers) {
626
- var _context;
627
- _forEachInstanceProperty(_context = _Object$keys(options.headers)).call(_context, key => {
628
- xhr.setRequestHeader(key, options.headers[key]);
629
- });
630
- }
631
- xhr.upload.onprogress = function (event) {
632
- if (event.lengthComputable) {
633
- const percentComplete = event.loaded / event.total * 100;
634
- onProgress(percentComplete);
635
- }
636
- };
637
- xhr.onload = function () {
638
- const data = JSON.parse(xhr.responseText);
639
- // Code copied from `executeHttpClientRequest` to replicate the same behavior
640
- const refreshedSessionToken = xhr.getResponseHeader('x-refreshed-session-token');
641
- if (refreshedSessionToken) {
642
- oidcStorage.setActiveSession(refreshedSessionToken);
643
- }
644
- if (xhr.status >= 200 && xhr.status < 300) {
645
- onSuccess(data);
646
- } else {
647
- onError(new HttpError(xhr.status, xhr.statusText, data));
648
- }
649
- };
650
- xhr.onerror = function () {
651
- const errorData = JSON.parse(xhr.responseText);
652
- onError(new HttpError(xhr.status, xhr.statusText, errorData));
653
- };
654
- xhr.onabort = function () {
655
- onError(new DOMException('Aborted', 'AbortError'));
656
- };
657
- xhr.send(payload);
658
- return xhr;
659
- };
660
-
661
- function uploadFileForImport(_ref) {
662
- let projectKey = _ref.projectKey,
663
- containerKey = _ref.containerKey,
664
- file = _ref.file,
665
- abortSignal = _ref.abortSignal,
666
- onSuccess = _ref.onSuccess,
667
- onProgress = _ref.onProgress,
668
- onError = _ref.onError;
669
- const uri = getFileUploadURL(projectKey, containerKey);
670
- const formData = new FormData();
671
- formData.append('file', file, file.name);
672
- return fetchUsingXhr({
673
- url: uri,
674
- payload: formData,
675
- config: {
676
- abortSignal,
677
- proxy: MC_API_PROXY_TARGETS.IMPORT,
678
- method: 'POST',
679
- headers: {
680
- 'Content-Type': null
681
- }
682
- },
683
- onProgress,
684
- onSuccess,
685
- onError
686
- });
687
- }
688
-
689
- const useUpload = () => {
690
- const intl = useIntl();
691
- const projectKey = useApplicationContext(context => context.project?.key);
692
- const _useUnpublishProducts = useUnpublishProductsContext(),
693
- state = _useUnpublishProducts.state,
694
- actions = _useUnpublishProducts.actions;
695
- const asyncDispatch = useAsyncDispatch();
696
- const showNotification = useShowNotification();
697
- React.useEffect(() => {
698
- return () => {
699
- if (state.abortController) state.abortController.abort();
700
- };
701
- }, [state.abortController]);
702
- const isFileValid = async file => {
703
- const errors = [];
704
- const rowCount = await getRowCount(file);
705
- if (rowCount < 1) errors.push({
706
- title: intl.formatMessage(messages$3.dropAreaNotEnoughRowsTitle),
707
- description: intl.formatMessage(messages$3.dropAreaNotEnoughRowsDescription)
708
- });
709
- if (file.size > toBytes(FILE_SIZE_LIMIT_MB)) errors.push({
710
- title: intl.formatMessage(messages$3.fileSizeExceededTitle),
711
- description: intl.formatMessage(messages$3.fileSizeExceededDescription, {
712
- fileSizeLimit: intl.formatNumber(FILE_SIZE_LIMIT_MB)
713
- })
714
- });
715
- if (!(await hasSingleKeyColumn(file))) {
716
- errors.push({
717
- title: intl.formatMessage(messages$3.csvFormatErrorTitle),
718
- description: intl.formatMessage(messages$3.csvFormatErrorDescription)
719
- });
720
- }
721
- if (rowCount > ROW_COUNT_LIMIT) errors.push({
722
- title: intl.formatMessage(messages$3.rowLimitExceededTitle),
723
- description: intl.formatMessage(messages$3.rowLimitExceededDescription, {
724
- rowLimit: intl.formatNumber(ROW_COUNT_LIMIT)
725
- })
726
- });
727
- if (errors.length > 0) {
728
- actions.setFileUploadErrors(errors);
729
- actions.setCurrentStep('upload-error');
730
- return false;
731
- }
732
- return true;
733
- };
734
- const handleUploadError = error => {
735
- if (isAbortError(error)) {
736
- actions.cancelImport();
737
- return;
738
- }
739
- if (error instanceof HttpError) {
740
- if (error.errorData?.code === 'MISSING_KEY_ERROR') {
741
- actions.setFileUploadErrors([{
742
- title: intl.formatMessage(messages$3.missingRequiredField),
743
- description: intl.formatMessage(messages$3.missingKeyError)
744
- }]);
745
- actions.setCurrentStep('upload-error');
746
- } else {
747
- actions.cancelImport();
748
- showNotification({
749
- kind: 'error',
750
- domain: DOMAINS.PAGE,
751
- text: intl.formatMessage(messages$3.unexpectedError)
752
- });
753
- }
754
- } else {
755
- actions.cancelImport();
756
- showNotification({
757
- kind: 'error',
758
- domain: DOMAINS.PAGE,
759
- text: String(error)
760
- });
761
- reportErrorToSentry(new Error('Upload File Error: An unexpected issue occurred while uploading the file'), {
762
- extra: {
763
- error,
764
- projectKey,
765
- containerKey: state.containerKey,
766
- fileSizeInBytes: state.droppedFile?.size
767
- }
768
- });
769
- }
770
- };
771
- const handleUploadAndValidation = async () => {
772
- if (!projectKey || !state.droppedFile) return;
773
- const canUpload = await isFileValid(state.droppedFile);
774
- if (!canUpload) return;
775
- actions.setCurrentStep('uploading');
776
- const containerKey = encodeFileNameWithTimestampToContainerKey(state.droppedFile.name);
777
- actions.setContainerKey(containerKey);
778
- try {
779
- await createImportContainerForFileUpload({
780
- key: containerKey,
781
- tags: [TAG_KEY_SOURCE_FILE_UPLOAD],
782
- resourceType: 'product',
783
- settings: {
784
- resourceType: 'product-draft',
785
- format: 'CSV',
786
- options: {
787
- unpublishAllChanges: true
788
- }
789
- }
790
- }, projectKey, asyncDispatch);
791
- const newAbortController = uploadFileForImport({
792
- projectKey,
793
- containerKey,
794
- file: state.droppedFile,
795
- onSuccess: fileUploadResponse => {
796
- actions.setUploadFileResponse(fileUploadResponse);
797
- actions.setCurrentStep('upload-preview');
798
- },
799
- onProgress: progress => {
800
- actions.setProgress(progress);
801
- },
802
- onError: error => {
803
- deleteImportContainer(projectKey, containerKey, asyncDispatch);
804
- handleUploadError(error);
805
- }
806
- });
807
- actions.setAbortController(newAbortController);
808
- } catch (error) {
809
- deleteImportContainer(projectKey, containerKey, asyncDispatch);
810
- handleUploadError(error);
811
- }
812
- };
813
- return {
814
- handleUploadAndValidation
815
- };
816
- };
817
-
818
- function ownKeys$7(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
819
- function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$7(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$7(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
820
- const FileDropArea = () => {
821
- const intl = useIntl();
822
- const _useUnpublishProducts = useUnpublishProductsContext(),
823
- state = _useUnpublishProducts.state,
824
- actions = _useUnpublishProducts.actions;
825
- const showNotification = useShowNotification();
826
- const onDrop = React.useCallback(_ref => {
827
- let _ref2 = _slicedToArray(_ref, 1),
828
- file = _ref2[0];
829
- if (!file) return;
830
- actions.setDroppedFile(file);
831
- }, [actions]);
832
- const _useDropzone = useDropzone({
833
- onDrop,
834
- multiple: false,
835
- accept: {
836
- 'text/csv': ['.csv']
837
- },
838
- onDropRejected: _ref3 => {
839
- var _context, _context2;
840
- let _ref4 = _slicedToArray(_ref3, 1),
841
- rejectedFile = _ref4[0];
842
- if (_someInstanceProperty(_context = rejectedFile.errors).call(_context, error => error.code === 'too-many-files')) {
843
- showNotification({
844
- kind: 'error',
845
- domain: DOMAINS.PAGE,
846
- text: intl.formatMessage(messages$4.tooManyFilesError)
847
- });
848
- return;
849
- }
850
- if (_someInstanceProperty(_context2 = rejectedFile.errors).call(_context2, error => error.code === 'file-invalid-type')) {
851
- showNotification({
852
- kind: 'error',
853
- domain: DOMAINS.PAGE,
854
- text: intl.formatMessage(messages$4.fileFormatNotSupported)
855
- });
856
- } else {
857
- showNotification({
858
- kind: 'error',
859
- domain: DOMAINS.PAGE,
860
- text: intl.formatMessage(messages$4.genericError)
861
- });
862
- }
863
- }
864
- }),
865
- getRootProps = _useDropzone.getRootProps,
866
- getInputProps = _useDropzone.getInputProps,
867
- isDragActive = _useDropzone.isDragActive;
868
- const dropAreaState = React.useMemo(() => getDropAreaState({
869
- isReady: Boolean(state.droppedFile),
870
- isDragActive
871
- }), [state.droppedFile, isDragActive]);
872
- const dropArea = getDropArea({
873
- dropAreaState,
874
- isFileDropped: Boolean(state.droppedFile)
875
- });
876
- return jsxs(DropWrapper, _objectSpread$7(_objectSpread$7({
877
- role: "presentation"
878
- }, getRootProps()), {}, {
879
- dropAreaState: dropAreaState,
880
- children: [jsx("input", _objectSpread$7({
881
- "data-testid": "file-input"
882
- }, getInputProps())), jsx(Constraints.Horizontal, {
883
- children: dropArea
884
- })]
885
- }));
886
- };
887
-
888
- var sharedMessages = defineMessages({
889
- unpublishModalTitle: {
890
- id: 'UnpublishProductsModal.unpublishModalTitle',
891
- description: 'The title of the modal',
892
- defaultMessage: 'Bulk unpublish via CSV'
893
- },
894
- startBulkUnpublish: {
895
- id: 'UnpublishProductsModal.startBulkUnpublish',
896
- description: 'Start bulk unpublish button',
897
- defaultMessage: 'Start bulk unpublish'
898
- },
899
- cancel: {
900
- id: 'UnpublishProductsModal.cancel',
901
- description: 'The label for the cancel button',
902
- defaultMessage: 'Cancel'
903
- }
904
- });
905
-
906
- var messages$2 = defineMessages({
907
- fileUploadInstructions: {
908
- id: 'UnpublishProductsModal.fileUploadInstructions',
909
- description: 'Instructions for uploading a CSV file with product keys to unpublish',
910
- defaultMessage: "The CSV file must contain the product keys to be unpublished under the header 'key'. Maximum file size is {maxFileSize} MB with a limit of {maxRowCount} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>."
911
- }
912
- });
913
-
914
- function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
915
- 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(_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
916
- const Instructions = () => {
917
- const intl = useIntl();
918
- return jsx(Text.Body, {
919
- intlMessage: _objectSpread$6(_objectSpread$6({}, messages$2.fileUploadInstructions), {}, {
920
- values: {
921
- maxFileSize: intl.formatNumber(FILE_SIZE_LIMIT_MB),
922
- maxRowCount: intl.formatNumber(ROW_COUNT_LIMIT),
923
- csvTemplateLink: msg => jsx(Link, {
924
- tone: "secondary",
925
- isExternal: true,
926
- to: TEMPLATE_DOWNLOAD_LINK,
927
- children: msg
928
- }, "csvTemplateLink"),
929
- documentationLink: msg => jsx(Link, {
930
- tone: "secondary",
931
- isExternal: true,
932
- to: DOCUMENTATION_LINK,
933
- children: msg
934
- }, "documentationLink")
935
- }
936
- })
937
- });
938
- };
939
-
940
- const Upload = () => {
941
- const _useUnpublishProducts = useUnpublishProductsContext(),
942
- state = _useUnpublishProducts.state,
943
- onClose = _useUnpublishProducts.onClose;
944
- const intl = useIntl();
945
- const _useUpload = useUpload(),
946
- handleUploadAndValidation = _useUpload.handleUploadAndValidation;
947
- return jsx(FormDialog, {
948
- size: 16,
949
- isOpen: true,
950
- title: intl.formatMessage(sharedMessages.unpublishModalTitle),
951
- labelPrimary: intl.formatMessage(messages$4.uploadAndPreview),
952
- onPrimaryButtonClick: handleUploadAndValidation,
953
- isPrimaryButtonDisabled: !Boolean(state.droppedFile),
954
- onSecondaryButtonClick: () => onClose({
955
- shouldDeleteImportContainer: true
956
- }),
957
- onClose: () => onClose({
958
- shouldDeleteImportContainer: true
959
- }),
960
- children: jsx(Masking.Unmask, {
961
- children: jsxs(Spacings.Stack, {
962
- scale: "m",
963
- children: [jsx(Instructions, {}), jsx(FileDropArea, {})]
964
- })
965
- })
966
- });
967
- };
968
-
969
- const Uploading = () => {
970
- const intl = useIntl();
971
- const _useUnpublishProducts = useUnpublishProductsContext(),
972
- state = _useUnpublishProducts.state,
973
- actions = _useUnpublishProducts.actions,
974
- onClose = _useUnpublishProducts.onClose;
975
- if (state.droppedFile?.name) return jsx(InfoDialog, {
976
- size: 16,
977
- isOpen: true,
978
- title: intl.formatMessage(sharedMessages.unpublishModalTitle),
979
- onClose: () => onClose({
980
- shouldDeleteImportContainer: true
981
- }),
982
- children: jsxs(Spacings.Stack, {
983
- scale: "m",
984
- children: [jsxs(Spacings.Inline, {
985
- alignItems: "center",
986
- justifyContent: "space-between",
987
- children: [jsxs(Spacings.Inline, {
988
- alignItems: "center",
989
- children: [jsx(FileIcon, {}), jsx(Spacings.Inline, {
990
- children: jsx(Constraints.Horizontal, {
991
- max: 10,
992
- children: jsx(Text.Body, {
993
- truncate: true,
994
- fontWeight: "bold",
995
- children: state.droppedFile.name
996
- })
997
- })
998
- }), jsxs(Text.Body, {
999
- tone: "secondary",
1000
- children: ["(", intl.formatNumber(convertFileSizeToKB(state.droppedFile.size)), ' ', "KB)"]
1001
- })]
1002
- }), jsx(SecondaryButton, {
1003
- tone: "secondary",
1004
- size: "medium",
1005
- label: intl.formatMessage(sharedMessages.cancel),
1006
- onClick: () => {
1007
- actions.setCurrentStep('upload');
1008
- state.abortController.abort();
1009
- }
1010
- })]
1011
- }), jsx(ProgressBar, {
1012
- barWidth: "scale",
1013
- height: "10",
1014
- progress: state.progress
1015
- }), jsx("div", {})]
1016
- })
1017
- });
1018
- return null;
1019
- };
1020
-
1021
- var messages$1 = defineMessages({
1022
- uploadNewFile: {
1023
- id: 'UnpublishProductsModal.uploadNewFile',
1024
- defaultMessage: 'Upload new file'
1025
- },
1026
- uploadErrorDescription: {
1027
- id: 'UnpublishProductsModal.uploadError',
1028
- description: 'Title when errors detected while uploading file',
1029
- defaultMessage: 'There {errorsCount, plural, one {is <b>1</b> error} other {are <b>{errorsCount}</b> errors}} detected while uploading the file "{fileName}".'
1030
- },
1031
- errorType: {
1032
- id: 'UnpublishProductsModal.errorType',
1033
- description: 'Error type" column',
1034
- defaultMessage: 'Error type'
1035
- },
1036
- details: {
1037
- id: 'UnpublishProductsModal.details',
1038
- description: '"Details" column',
1039
- defaultMessage: 'Details'
1040
- }
1041
- });
1042
-
1043
- function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1044
- function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$5(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$5(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1045
- const getColumns = () => [{
1046
- key: 'errorType',
1047
- label: jsx(FormattedMessage, _objectSpread$5({}, messages$1.errorType)),
1048
- width: 'max-content'
1049
- }, {
1050
- key: 'details',
1051
- label: jsx(FormattedMessage, _objectSpread$5({}, messages$1.details))
1052
- }];
1053
- const UploadErrorTable = props => {
1054
- var _context;
1055
- const pagination = usePaginationState({
1056
- perPage: 10
1057
- });
1058
- const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
1059
- const endIndex = startIndex + pagination.perPage.value;
1060
- const currentPageRows = _sliceInstanceProperty(_context = props.rows).call(_context, startIndex, endIndex);
1061
- const shouldShowPagination = props.rows.length > pagination.perPage.value;
1062
- return jsxs(Spacings.Stack, {
1063
- scale: "l",
1064
- children: [jsx(DataTable, {
1065
- verticalCellAlignment: "center",
1066
- isCondensed: true,
1067
- rows: currentPageRows,
1068
- columns: getColumns(),
1069
- itemRenderer: itemRenderer
1070
- }), shouldShowPagination && jsx(PageNavigator, {
1071
- onPageChange: pagination.page.onChange,
1072
- page: pagination.page.value,
1073
- totalPages: Math.ceil(props.rows.length / pagination.perPage.value)
1074
- })]
1075
- });
1076
- };
1077
- function itemRenderer(item, column) {
1078
- switch (column.key) {
1079
- case 'errorType':
1080
- return jsx(Stamp, {
1081
- isCondensed: true,
1082
- label: item.title,
1083
- tone: "critical"
1084
- });
1085
- case 'details':
1086
- return jsx(Text.Body, {
1087
- children: item.description
1088
- });
1089
- default:
1090
- return null;
1091
- }
1092
- }
1093
-
1094
- function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1095
- 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(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1096
- const UploadErrorsModal = () => {
1097
- const intl = useIntl();
1098
- const _useUnpublishProducts = useUnpublishProductsContext(),
1099
- state = _useUnpublishProducts.state,
1100
- actions = _useUnpublishProducts.actions,
1101
- onClose = _useUnpublishProducts.onClose;
1102
- const errorsCount = state.fileUploadErrors.length;
1103
- return jsx(InfoDialog, {
1104
- size: 16,
1105
- isOpen: true,
1106
- title: intl.formatMessage(sharedMessages.unpublishModalTitle),
1107
- onClose: () => onClose(),
1108
- children: jsx(Masking.Unmask, {
1109
- children: jsxs(Spacings.Stack, {
1110
- scale: "l",
1111
- children: [jsx(Masking.Mask, {
1112
- children: jsx(Text.Body, {
1113
- intlMessage: _objectSpread$4(_objectSpread$4({}, messages$1.uploadErrorDescription), {}, {
1114
- values: {
1115
- fileName: state.droppedFile?.name,
1116
- errorsCount: intl.formatNumber(errorsCount),
1117
- b: getBold$2
1118
- }
1119
- })
1120
- })
1121
- }), jsx(UploadErrorTable, {
1122
- rows: mapFileUploadErrorsToUploadFileErrorRows(state.fileUploadErrors)
1123
- }), jsxs(Spacings.Inline, {
1124
- scale: "m",
1125
- justifyContent: "flex-end",
1126
- children: [jsx(SecondaryButton, {
1127
- label: intl.formatMessage(sharedMessages.cancel),
1128
- onClick: () => onClose()
1129
- }), jsx(PrimaryButton, {
1130
- iconLeft: jsx(ImportIcon, {}),
1131
- label: intl.formatMessage(messages$1.uploadNewFile),
1132
- onClick: () => actions.uploadNewFile()
1133
- })]
1134
- })]
1135
- })
1136
- })
1137
- });
1138
- };
1139
- function getBold$2(msg) {
1140
- return jsx(Text.Body, {
1141
- as: "span",
1142
- isBold: true,
1143
- children: msg
1144
- }, crypto.randomUUID());
1145
- }
1146
-
1147
- var messages = defineMessages({
1148
- continue: {
1149
- id: 'UnpublishProductsModal.continue',
1150
- description: 'Continue button',
1151
- defaultMessage: 'Continue'
1152
- },
1153
- heresAPreview: {
1154
- id: 'UnpublishProductsModal.heresAPreview',
1155
- description: 'Here is a preview',
1156
- defaultMessage: "Here's a preview:"
1157
- },
1158
- productsToBeUnpublished: {
1159
- id: 'UnpublishProductsModal.productsToBeUnpublished',
1160
- description: 'Products to be unpublished',
1161
- defaultMessage: '{count, plural, one {<b>{count}</b> product to be unpublished} other {<b>{count}</b> products to be unpublished}}'
1162
- },
1163
- confirmationQuestion: {
1164
- id: 'UnpublishProductsModal.confirmationQuestion',
1165
- description: 'Confirmation question',
1166
- defaultMessage: 'Are you sure you want to unpublish the products? '
1167
- },
1168
- confirmationText: {
1169
- id: 'UnpublishProductsModal.confirmationText',
1170
- description: 'Confirmation text',
1171
- defaultMessage: '{count, plural, one {You are about to unpublish <b>{count}</b> product in the project: <b>{projectName}</b>.} other {You are about to unpublish <b>{count}</b> products in the project: <b>{projectName}</b>.}}'
1172
- },
1173
- importStarted: {
1174
- id: 'UnpublishProductsModal.importStarted',
1175
- description: 'Import started',
1176
- defaultMessage: '<b>Your import for bulk unpublish has started.</b><newline></newline>Go to <logsLink>Import logs</logsLink> to view the progress.'
1177
- },
1178
- preparingImport: {
1179
- id: 'UnpublishProductsModal.preparingImport',
1180
- description: 'Preparing import',
1181
- defaultMessage: '<b>Prepare bulk unpublish.</b><newline></newline>Once preparation is complete, you can track the progress <logsLink>in the Import logs</logsLink>. The data will be unpublished after the import is finalized.'
1182
- }
1183
- });
1184
-
1185
- function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1186
- function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1187
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
1188
- const getNewLine = () => jsx("br", {}, "break");
1189
- const getImportLogsLink = (msg, projectKey) => jsx(Link, {
1190
- to: `/${projectKey}/operations/import/logs`,
1191
- children: msg
1192
- }, "link");
1193
- var _ref2 = process.env.NODE_ENV === "production" ? {
1194
- name: "1vs9i7r",
1195
- styles: "width:360px"
1196
- } : {
1197
- name: "g36yzl-ImportRunningTextNotification",
1198
- styles: "width:360px;label:ImportRunningTextNotification;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVucHVibGlzaC1wcm9kdWN0cy1jb25maXJtYXRpb24tbW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCWSIsImZpbGUiOiJ1bnB1Ymxpc2gtcHJvZHVjdHMtY29uZmlybWF0aW9uLW1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlU2hvd05vdGlmaWNhdGlvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FjdGlvbnMtZ2xvYmFsJ1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uRGlhbG9nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tY29tcG9uZW50cydcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnXG5pbXBvcnQgeyBET01BSU5TIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJ1xuaW1wb3J0IHsgTWFza2luZyBhcyBGdWxsU3RvcnlNYXNraW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvZnVsbHN0b3J5J1xuaW1wb3J0IHsgdXNlQXN5bmNEaXNwYXRjaCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3NkaydcbmltcG9ydCB7IExpbmssIFNwYWNpbmdzLCBUZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcbmltcG9ydCB7IHByb2Nlc3NVcGxvYWRlZEZpbGUgfSBmcm9tICcuLi8uLi9AYXBpJ1xuaW1wb3J0IHsgdXNlVW5wdWJsaXNoUHJvZHVjdHNDb250ZXh0IH0gZnJvbSAnLi4vLi4vQGhvb2tzJ1xuaW1wb3J0IHNoYXJlZE1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuXG5jb25zdCBnZXROZXdMaW5lID0gKCkgPT4gPGJyIGtleT1cImJyZWFrXCIgLz5cbmNvbnN0IGdldEltcG9ydExvZ3NMaW5rID0gKG1zZywgcHJvamVjdEtleSkgPT4gKFxuICA8TGluayB0bz17YC8ke3Byb2plY3RLZXl9L29wZXJhdGlvbnMvaW1wb3J0L2xvZ3NgfSBrZXk9XCJsaW5rXCI+XG4gICAge21zZ31cbiAgPC9MaW5rPlxuKVxuXG5jb25zdCBJbXBvcnRSdW5uaW5nVGV4dE5vdGlmaWNhdGlvbiA9IChwcm9wczogeyBwcm9qZWN0S2V5OiBzdHJpbmcgfSkgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICB3aWR0aDogMzYwcHg7XG4gICAgYH1cbiAgPlxuICAgIDxUZXh0LkJvZHlcbiAgICAgIGludGxNZXNzYWdlPXt7XG4gICAgICAgIC4uLm1lc3NhZ2VzLmltcG9ydFN0YXJ0ZWQsXG4gICAgICAgIHZhbHVlczoge1xuICAgICAgICAgIG5ld2xpbmU6IGdldE5ld0xpbmUsXG4gICAgICAgICAgbG9nc0xpbms6IChtc2cpID0+IGdldEltcG9ydExvZ3NMaW5rKG1zZywgcHJvcHMucHJvamVjdEtleSksXG4gICAgICAgICAgYjogZ2V0Qm9sZCxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgLz5cbiAgPC9kaXY+XG4pXG5cbmNvbnN0IEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gPSAocHJvcHM6IHsgcHJvamVjdEtleTogc3RyaW5nIH0pID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgd2lkdGg6IDM2MHB4O1xuICAgIGB9XG4gID5cbiAgICA8VGV4dC5Cb2R5XG4gICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAuLi5tZXNzYWdlcy5wcmVwYXJpbmdJbXBvcnQsXG4gICAgICAgIHZhbHVlczoge1xuICAgICAgICAgIG5ld2xpbmU6IGdldE5ld0xpbmUsXG4gICAgICAgICAgbG9nc0xpbms6IChtc2cpID0+IGdldEltcG9ydExvZ3NMaW5rKG1zZywgcHJvcHMucHJvamVjdEtleSksXG4gICAgICAgICAgYjogZ2V0Qm9sZCxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgLz5cbiAgPC9kaXY+XG4pXG5cbmV4cG9ydCBjb25zdCBVbnB1Ymxpc2hQcm9kdWN0c0NvbmZpcm1hdGlvbk1vZGFsID0gKCkgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpXG4gIGNvbnN0IHsgc3RhdGUsIG9uQ2xvc2UgfSA9IHVzZVVucHVibGlzaFByb2R1Y3RzQ29udGV4dCgpXG4gIGNvbnN0IHsgcHJvamVjdEtleSwgcHJvamVjdE5hbWUgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgICBwcm9qZWN0TmFtZTogY29udGV4dC5wcm9qZWN0Py5uYW1lLFxuICB9KSlcblxuICBjb25zdCBhc3luY0Rpc3BhdGNoID0gdXNlQXN5bmNEaXNwYXRjaCgpXG5cbiAgY29uc3Qgc2hvd05vdGlmaWNhdGlvbiA9IHVzZVNob3dOb3RpZmljYXRpb24oKVxuXG4gIHJldHVybiAoXG4gICAgPENvbmZpcm1hdGlvbkRpYWxvZ1xuICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShzaGFyZWRNZXNzYWdlcy51bnB1Ymxpc2hNb2RhbFRpdGxlKX1cbiAgICAgIGxhYmVsUHJpbWFyeT17aW50bC5mb3JtYXRNZXNzYWdlKHNoYXJlZE1lc3NhZ2VzLnN0YXJ0QnVsa1VucHVibGlzaCl9XG4gICAgICBpc09wZW49e3RydWV9XG4gICAgICBvbkNsb3NlPXsoKSA9PiBvbkNsb3NlKHsgc2hvdWxkRGVsZXRlSW1wb3J0Q29udGFpbmVyOiB0cnVlIH0pfVxuICAgICAgb25DYW5jZWw9eygpID0+IG9uQ2xvc2UoeyBzaG91bGREZWxldGVJbXBvcnRDb250YWluZXI6IHRydWUgfSl9XG4gICAgICBkYXRhQXR0cmlidXRlc1ByaW1hcnlCdXR0b249e3tcbiAgICAgICAgJ2RhdGEtdGVzdC1pZCc6ICdjb25maXJtYXRpb24tZGlhbG9nLWNvbmZpcm0nLFxuICAgICAgfX1cbiAgICAgIGRhdGFBdHRyaWJ1dGVzU2Vjb25kYXJ5QnV0dG9uPXt7XG4gICAgICAgICdkYXRhLXRlc3QtaWQnOiAnY29uZmlybWF0aW9uLWRpYWxvZy1jYW5jZWwnLFxuICAgICAgfX1cbiAgICAgIG9uQ29uZmlybT17YXN5bmMgKCkgPT4ge1xuICAgICAgICB0cnkge1xuICAgICAgICAgIGNvbnN0IGNhbkNvbmZpcm0gPVxuICAgICAgICAgICAgcHJvamVjdEtleSAmJiBzdGF0ZS5jb250YWluZXJLZXkgJiYgc3RhdGUuZHJvcHBlZEZpbGU/Lm5hbWVcbiAgICAgICAgICBpZiAoIWNhbkNvbmZpcm0pIHJldHVyblxuICAgICAgICAgIG9uQ2xvc2UoKVxuICAgICAgICAgIHNob3dOb3RpZmljYXRpb24oXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGtpbmQ6ICdpbmZvJyxcbiAgICAgICAgICAgICAgZG9tYWluOiBET01BSU5TLlNJREUsXG4gICAgICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICAgICAgdGV4dDogPEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgKVxuICAgICAgICAgIGF3YWl0IHByb2Nlc3NVcGxvYWRlZEZpbGUoe1xuICAgICAgICAgICAgcHJvamVjdEtleSxcbiAgICAgICAgICAgIGNvbnRhaW5lcktleTogc3RhdGUuY29udGFpbmVyS2V5ISxcbiAgICAgICAgICAgIGFzeW5jRGlzcGF0Y2gsXG4gICAgICAgICAgfSlcbiAgICAgICAgICBzaG93Tm90aWZpY2F0aW9uKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBraW5kOiAnaW5mbycsXG4gICAgICAgICAgICAgIGRvbWFpbjogRE9NQUlOUy5TSURFLFxuICAgICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICAgIHRleHQ6IDxJbXBvcnRSdW5uaW5nVGV4dE5vdGlmaWNhdGlvbiBwcm9qZWN0S2V5PXtwcm9qZWN0S2V5fSAvPixcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGRpc21pc3NBZnRlcjogNTAwMCxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICApXG4gICAgICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgb25DbG9zZSh7IHNob3VsZERlbGV0ZUltcG9ydENvbnRhaW5lcjogdHJ1ZSB9KVxuICAgICAgICAgIHNob3dOb3RpZmljYXRpb24oe1xuICAgICAgICAgICAga2luZDogJ2Vycm9yJyxcbiAgICAgICAgICAgIGRvbWFpbjogRE9NQUlOUy5QQUdFLFxuICAgICAgICAgICAgdGV4dDogU3RyaW5nKGVycm9yKSxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgc2l6ZT17MTZ9XG4gICAgPlxuICAgICAgPEZ1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICAgIGludGxNZXNzYWdlPXt7XG4gICAgICAgICAgICAgIC4uLm1lc3NhZ2VzLmNvbmZpcm1hdGlvblRleHQsXG4gICAgICAgICAgICAgIHZhbHVlczoge1xuICAgICAgICAgICAgICAgIHByb2plY3ROYW1lOiBwcm9qZWN0TmFtZSxcbiAgICAgICAgICAgICAgICAvLyBUT0RPOiBSZXBsYWNlIHdpdGggYWN0dWFsIGNvdW50XG4gICAgICAgICAgICAgICAgY291bnQ6IGludGwuZm9ybWF0TnVtYmVyKHN0YXRlLnVwbG9hZEZpbGVSZXNwb25zZT8ucm93c0NvdW50KSxcbiAgICAgICAgICAgICAgICBiOiBnZXRCb2xkLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUZXh0LkJvZHkgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmNvbmZpcm1hdGlvblF1ZXN0aW9ufSAvPlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9GdWxsU3RvcnlNYXNraW5nLlVubWFzaz5cbiAgICA8L0NvbmZpcm1hdGlvbkRpYWxvZz5cbiAgKVxufVxuXG5mdW5jdGlvbiBnZXRCb2xkKG1zZykge1xuICByZXR1cm4gKFxuICAgIDxUZXh0LkJvZHkgYXM9XCJzcGFuXCIgaXNCb2xkIGtleT17Y3J5cHRvLnJhbmRvbVVVSUQoKX0+XG4gICAgICB7bXNnfVxuICAgIDwvVGV4dC5Cb2R5PlxuICApXG59XG4iXX0= */",
1199
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
1200
- };
1201
- const ImportRunningTextNotification = props => jsx("div", {
1202
- css: _ref2,
1203
- children: jsx(Text.Body, {
1204
- intlMessage: _objectSpread$3(_objectSpread$3({}, messages.importStarted), {}, {
1205
- values: {
1206
- newline: getNewLine,
1207
- logsLink: msg => getImportLogsLink(msg, props.projectKey),
1208
- b: getBold$1
1209
- }
1210
- })
1211
- })
1212
- });
1213
- var _ref = process.env.NODE_ENV === "production" ? {
1214
- name: "1vs9i7r",
1215
- styles: "width:360px"
1216
- } : {
1217
- name: "mjwslu-ImportPreparingTextNotification",
1218
- styles: "width:360px;label:ImportPreparingTextNotification;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVucHVibGlzaC1wcm9kdWN0cy1jb25maXJtYXRpb24tbW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDWSIsImZpbGUiOiJ1bnB1Ymxpc2gtcHJvZHVjdHMtY29uZmlybWF0aW9uLW1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlU2hvd05vdGlmaWNhdGlvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FjdGlvbnMtZ2xvYmFsJ1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uRGlhbG9nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tY29tcG9uZW50cydcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnXG5pbXBvcnQgeyBET01BSU5TIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJ1xuaW1wb3J0IHsgTWFza2luZyBhcyBGdWxsU3RvcnlNYXNraW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvZnVsbHN0b3J5J1xuaW1wb3J0IHsgdXNlQXN5bmNEaXNwYXRjaCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3NkaydcbmltcG9ydCB7IExpbmssIFNwYWNpbmdzLCBUZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcbmltcG9ydCB7IHByb2Nlc3NVcGxvYWRlZEZpbGUgfSBmcm9tICcuLi8uLi9AYXBpJ1xuaW1wb3J0IHsgdXNlVW5wdWJsaXNoUHJvZHVjdHNDb250ZXh0IH0gZnJvbSAnLi4vLi4vQGhvb2tzJ1xuaW1wb3J0IHNoYXJlZE1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuXG5jb25zdCBnZXROZXdMaW5lID0gKCkgPT4gPGJyIGtleT1cImJyZWFrXCIgLz5cbmNvbnN0IGdldEltcG9ydExvZ3NMaW5rID0gKG1zZywgcHJvamVjdEtleSkgPT4gKFxuICA8TGluayB0bz17YC8ke3Byb2plY3RLZXl9L29wZXJhdGlvbnMvaW1wb3J0L2xvZ3NgfSBrZXk9XCJsaW5rXCI+XG4gICAge21zZ31cbiAgPC9MaW5rPlxuKVxuXG5jb25zdCBJbXBvcnRSdW5uaW5nVGV4dE5vdGlmaWNhdGlvbiA9IChwcm9wczogeyBwcm9qZWN0S2V5OiBzdHJpbmcgfSkgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICB3aWR0aDogMzYwcHg7XG4gICAgYH1cbiAgPlxuICAgIDxUZXh0LkJvZHlcbiAgICAgIGludGxNZXNzYWdlPXt7XG4gICAgICAgIC4uLm1lc3NhZ2VzLmltcG9ydFN0YXJ0ZWQsXG4gICAgICAgIHZhbHVlczoge1xuICAgICAgICAgIG5ld2xpbmU6IGdldE5ld0xpbmUsXG4gICAgICAgICAgbG9nc0xpbms6IChtc2cpID0+IGdldEltcG9ydExvZ3NMaW5rKG1zZywgcHJvcHMucHJvamVjdEtleSksXG4gICAgICAgICAgYjogZ2V0Qm9sZCxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgLz5cbiAgPC9kaXY+XG4pXG5cbmNvbnN0IEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gPSAocHJvcHM6IHsgcHJvamVjdEtleTogc3RyaW5nIH0pID0+IChcbiAgPGRpdlxuICAgIGNzcz17Y3NzYFxuICAgICAgd2lkdGg6IDM2MHB4O1xuICAgIGB9XG4gID5cbiAgICA8VGV4dC5Cb2R5XG4gICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAuLi5tZXNzYWdlcy5wcmVwYXJpbmdJbXBvcnQsXG4gICAgICAgIHZhbHVlczoge1xuICAgICAgICAgIG5ld2xpbmU6IGdldE5ld0xpbmUsXG4gICAgICAgICAgbG9nc0xpbms6IChtc2cpID0+IGdldEltcG9ydExvZ3NMaW5rKG1zZywgcHJvcHMucHJvamVjdEtleSksXG4gICAgICAgICAgYjogZ2V0Qm9sZCxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgLz5cbiAgPC9kaXY+XG4pXG5cbmV4cG9ydCBjb25zdCBVbnB1Ymxpc2hQcm9kdWN0c0NvbmZpcm1hdGlvbk1vZGFsID0gKCkgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpXG4gIGNvbnN0IHsgc3RhdGUsIG9uQ2xvc2UgfSA9IHVzZVVucHVibGlzaFByb2R1Y3RzQ29udGV4dCgpXG4gIGNvbnN0IHsgcHJvamVjdEtleSwgcHJvamVjdE5hbWUgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgICBwcm9qZWN0TmFtZTogY29udGV4dC5wcm9qZWN0Py5uYW1lLFxuICB9KSlcblxuICBjb25zdCBhc3luY0Rpc3BhdGNoID0gdXNlQXN5bmNEaXNwYXRjaCgpXG5cbiAgY29uc3Qgc2hvd05vdGlmaWNhdGlvbiA9IHVzZVNob3dOb3RpZmljYXRpb24oKVxuXG4gIHJldHVybiAoXG4gICAgPENvbmZpcm1hdGlvbkRpYWxvZ1xuICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShzaGFyZWRNZXNzYWdlcy51bnB1Ymxpc2hNb2RhbFRpdGxlKX1cbiAgICAgIGxhYmVsUHJpbWFyeT17aW50bC5mb3JtYXRNZXNzYWdlKHNoYXJlZE1lc3NhZ2VzLnN0YXJ0QnVsa1VucHVibGlzaCl9XG4gICAgICBpc09wZW49e3RydWV9XG4gICAgICBvbkNsb3NlPXsoKSA9PiBvbkNsb3NlKHsgc2hvdWxkRGVsZXRlSW1wb3J0Q29udGFpbmVyOiB0cnVlIH0pfVxuICAgICAgb25DYW5jZWw9eygpID0+IG9uQ2xvc2UoeyBzaG91bGREZWxldGVJbXBvcnRDb250YWluZXI6IHRydWUgfSl9XG4gICAgICBkYXRhQXR0cmlidXRlc1ByaW1hcnlCdXR0b249e3tcbiAgICAgICAgJ2RhdGEtdGVzdC1pZCc6ICdjb25maXJtYXRpb24tZGlhbG9nLWNvbmZpcm0nLFxuICAgICAgfX1cbiAgICAgIGRhdGFBdHRyaWJ1dGVzU2Vjb25kYXJ5QnV0dG9uPXt7XG4gICAgICAgICdkYXRhLXRlc3QtaWQnOiAnY29uZmlybWF0aW9uLWRpYWxvZy1jYW5jZWwnLFxuICAgICAgfX1cbiAgICAgIG9uQ29uZmlybT17YXN5bmMgKCkgPT4ge1xuICAgICAgICB0cnkge1xuICAgICAgICAgIGNvbnN0IGNhbkNvbmZpcm0gPVxuICAgICAgICAgICAgcHJvamVjdEtleSAmJiBzdGF0ZS5jb250YWluZXJLZXkgJiYgc3RhdGUuZHJvcHBlZEZpbGU/Lm5hbWVcbiAgICAgICAgICBpZiAoIWNhbkNvbmZpcm0pIHJldHVyblxuICAgICAgICAgIG9uQ2xvc2UoKVxuICAgICAgICAgIHNob3dOb3RpZmljYXRpb24oXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGtpbmQ6ICdpbmZvJyxcbiAgICAgICAgICAgICAgZG9tYWluOiBET01BSU5TLlNJREUsXG4gICAgICAgICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgICAgICAgdGV4dDogPEltcG9ydFByZXBhcmluZ1RleHROb3RpZmljYXRpb24gcHJvamVjdEtleT17cHJvamVjdEtleX0gLz4sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBkaXNtaXNzQWZ0ZXI6IDUwMDAsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgKVxuICAgICAgICAgIGF3YWl0IHByb2Nlc3NVcGxvYWRlZEZpbGUoe1xuICAgICAgICAgICAgcHJvamVjdEtleSxcbiAgICAgICAgICAgIGNvbnRhaW5lcktleTogc3RhdGUuY29udGFpbmVyS2V5ISxcbiAgICAgICAgICAgIGFzeW5jRGlzcGF0Y2gsXG4gICAgICAgICAgfSlcbiAgICAgICAgICBzaG93Tm90aWZpY2F0aW9uKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBraW5kOiAnaW5mbycsXG4gICAgICAgICAgICAgIGRvbWFpbjogRE9NQUlOUy5TSURFLFxuICAgICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICAgIHRleHQ6IDxJbXBvcnRSdW5uaW5nVGV4dE5vdGlmaWNhdGlvbiBwcm9qZWN0S2V5PXtwcm9qZWN0S2V5fSAvPixcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGRpc21pc3NBZnRlcjogNTAwMCxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICApXG4gICAgICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICAgICAgb25DbG9zZSh7IHNob3VsZERlbGV0ZUltcG9ydENvbnRhaW5lcjogdHJ1ZSB9KVxuICAgICAgICAgIHNob3dOb3RpZmljYXRpb24oe1xuICAgICAgICAgICAga2luZDogJ2Vycm9yJyxcbiAgICAgICAgICAgIGRvbWFpbjogRE9NQUlOUy5QQUdFLFxuICAgICAgICAgICAgdGV4dDogU3RyaW5nKGVycm9yKSxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgc2l6ZT17MTZ9XG4gICAgPlxuICAgICAgPEZ1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICAgIGludGxNZXNzYWdlPXt7XG4gICAgICAgICAgICAgIC4uLm1lc3NhZ2VzLmNvbmZpcm1hdGlvblRleHQsXG4gICAgICAgICAgICAgIHZhbHVlczoge1xuICAgICAgICAgICAgICAgIHByb2plY3ROYW1lOiBwcm9qZWN0TmFtZSxcbiAgICAgICAgICAgICAgICAvLyBUT0RPOiBSZXBsYWNlIHdpdGggYWN0dWFsIGNvdW50XG4gICAgICAgICAgICAgICAgY291bnQ6IGludGwuZm9ybWF0TnVtYmVyKHN0YXRlLnVwbG9hZEZpbGVSZXNwb25zZT8ucm93c0NvdW50KSxcbiAgICAgICAgICAgICAgICBiOiBnZXRCb2xkLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUZXh0LkJvZHkgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmNvbmZpcm1hdGlvblF1ZXN0aW9ufSAvPlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9GdWxsU3RvcnlNYXNraW5nLlVubWFzaz5cbiAgICA8L0NvbmZpcm1hdGlvbkRpYWxvZz5cbiAgKVxufVxuXG5mdW5jdGlvbiBnZXRCb2xkKG1zZykge1xuICByZXR1cm4gKFxuICAgIDxUZXh0LkJvZHkgYXM9XCJzcGFuXCIgaXNCb2xkIGtleT17Y3J5cHRvLnJhbmRvbVVVSUQoKX0+XG4gICAgICB7bXNnfVxuICAgIDwvVGV4dC5Cb2R5PlxuICApXG59XG4iXX0= */",
1219
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
1220
- };
1221
- const ImportPreparingTextNotification = props => jsx("div", {
1222
- css: _ref,
1223
- children: jsx(Text.Body, {
1224
- intlMessage: _objectSpread$3(_objectSpread$3({}, messages.preparingImport), {}, {
1225
- values: {
1226
- newline: getNewLine,
1227
- logsLink: msg => getImportLogsLink(msg, props.projectKey),
1228
- b: getBold$1
1229
- }
1230
- })
1231
- })
1232
- });
1233
- const UnpublishProductsConfirmationModal = () => {
1234
- const intl = useIntl();
1235
- const _useUnpublishProducts = useUnpublishProductsContext(),
1236
- state = _useUnpublishProducts.state,
1237
- onClose = _useUnpublishProducts.onClose;
1238
- const _useApplicationContex = useApplicationContext(context => ({
1239
- projectKey: context.project?.key,
1240
- projectName: context.project?.name
1241
- })),
1242
- projectKey = _useApplicationContex.projectKey,
1243
- projectName = _useApplicationContex.projectName;
1244
- const asyncDispatch = useAsyncDispatch();
1245
- const showNotification = useShowNotification();
1246
- return jsx(ConfirmationDialog, {
1247
- title: intl.formatMessage(sharedMessages.unpublishModalTitle),
1248
- labelPrimary: intl.formatMessage(sharedMessages.startBulkUnpublish),
1249
- isOpen: true,
1250
- onClose: () => onClose({
1251
- shouldDeleteImportContainer: true
1252
- }),
1253
- onCancel: () => onClose({
1254
- shouldDeleteImportContainer: true
1255
- }),
1256
- dataAttributesPrimaryButton: {
1257
- 'data-test-id': 'confirmation-dialog-confirm'
1258
- },
1259
- dataAttributesSecondaryButton: {
1260
- 'data-test-id': 'confirmation-dialog-cancel'
1261
- },
1262
- onConfirm: async () => {
1263
- try {
1264
- const canConfirm = projectKey && state.containerKey && state.droppedFile?.name;
1265
- if (!canConfirm) return;
1266
- onClose();
1267
- showNotification({
1268
- kind: 'info',
1269
- domain: DOMAINS.SIDE,
1270
- // @ts-ignore
1271
- text: jsx(ImportPreparingTextNotification, {
1272
- projectKey: projectKey
1273
- })
1274
- }, {
1275
- dismissAfter: 5000
1276
- });
1277
- await processUploadedFile({
1278
- projectKey,
1279
- containerKey: state.containerKey,
1280
- asyncDispatch
1281
- });
1282
- showNotification({
1283
- kind: 'info',
1284
- domain: DOMAINS.SIDE,
1285
- // @ts-ignore
1286
- text: jsx(ImportRunningTextNotification, {
1287
- projectKey: projectKey
1288
- })
1289
- }, {
1290
- dismissAfter: 5000
1291
- });
1292
- } catch (error) {
1293
- onClose({
1294
- shouldDeleteImportContainer: true
1295
- });
1296
- showNotification({
1297
- kind: 'error',
1298
- domain: DOMAINS.PAGE,
1299
- text: String(error)
1300
- });
1301
- }
1302
- },
1303
- size: 16,
1304
- children: jsx(Masking.Unmask, {
1305
- children: jsxs(Spacings.Stack, {
1306
- scale: "xl",
1307
- children: [jsx(Text.Body, {
1308
- intlMessage: _objectSpread$3(_objectSpread$3({}, messages.confirmationText), {}, {
1309
- values: {
1310
- projectName: projectName,
1311
- // TODO: Replace with actual count
1312
- count: intl.formatNumber(state.uploadFileResponse?.rowsCount),
1313
- b: getBold$1
1314
- }
1315
- })
1316
- }), jsx(Text.Body, {
1317
- intlMessage: messages.confirmationQuestion
1318
- })]
1319
- })
1320
- })
1321
- });
1322
- };
1323
- function getBold$1(msg) {
1324
- return jsx(Text.Body, {
1325
- as: "span",
1326
- isBold: true,
1327
- children: msg
1328
- }, crypto.randomUUID());
1329
- }
1330
-
1331
- function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1332
- function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1333
- function UploadPreviewModal() {
1334
- const _useUnpublishProducts = useUnpublishProductsContext(),
1335
- state = _useUnpublishProducts.state,
1336
- onClose = _useUnpublishProducts.onClose,
1337
- actions = _useUnpublishProducts.actions;
1338
- const intl = useIntl();
1339
- return jsx(FormDialog, {
1340
- size: 16,
1341
- isOpen: true,
1342
- title: intl.formatMessage(sharedMessages.unpublishModalTitle),
1343
- labelPrimary: intl.formatMessage(messages.continue),
1344
- onSecondaryButtonClick: () => onClose({
1345
- shouldDeleteImportContainer: true
1346
- }),
1347
- onPrimaryButtonClick: () => {
1348
- actions.setCurrentStep('unpublish-confirmation');
1349
- },
1350
- onClose: () => onClose({
1351
- shouldDeleteImportContainer: true
1352
- }),
1353
- children: jsxs(Spacings.Stack, {
1354
- scale: "m",
1355
- children: [jsx(Text.Body, {
1356
- intlMessage: messages.heresAPreview
1357
- }), jsx(Card, {
1358
- insetScale: "xl",
1359
- children: jsxs(Spacings.Inline, {
1360
- scale: "m",
1361
- alignItems: "center",
1362
- children: [jsx(CloseBoldIcon, {
1363
- size: "40",
1364
- color: "neutral60"
1365
- }), jsx(Text.Body, {
1366
- intlMessage: _objectSpread$2(_objectSpread$2({}, messages.productsToBeUnpublished), {}, {
1367
- values: {
1368
- count: intl.formatNumber(state.uploadFileResponse?.rowsCount),
1369
- b: getBold
1370
- }
1371
- })
1372
- })]
1373
- })
1374
- })]
1375
- })
1376
- });
1377
- }
1378
- function getBold(msg) {
1379
- return jsx(Text.Body, {
1380
- as: "span",
1381
- isBold: true,
1382
- children: msg
1383
- }, crypto.randomUUID());
1384
- }
1385
-
1386
- const steps = {
1387
- upload: jsx(Upload, {}),
1388
- uploading: jsx(Uploading, {}),
1389
- 'upload-preview': jsx(UploadPreviewModal, {}),
1390
- 'upload-error': jsx(UploadErrorsModal, {}),
1391
- 'unpublish-confirmation': jsx(UnpublishProductsConfirmationModal, {})
1392
- };
1393
- const CurrentStep = () => {
1394
- const _useUnpublishProducts = useUnpublishProductsContext(),
1395
- state = _useUnpublishProducts.state;
1396
- return steps[state.currentStep] || null;
1397
- };
1398
-
1399
- function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1400
- function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1401
- const FileIcon = props => jsxs("svg", _objectSpread$1(_objectSpread$1({
1402
- width: "32",
1403
- height: "32",
1404
- viewBox: "0 0 32 32",
1405
- fill: "none",
1406
- xmlns: "http://www.w3.org/2000/svg"
1407
- }, props), {}, {
1408
- children: [jsx("mask", {
1409
- id: "mask0_17_6643",
1410
- style: {
1411
- maskType: 'alpha'
1412
- },
1413
- maskUnits: "userSpaceOnUse",
1414
- x: "0",
1415
- y: "0",
1416
- width: "32",
1417
- height: "32",
1418
- children: jsx("rect", {
1419
- width: "32",
1420
- height: "32",
1421
- fill: "#D9D9D9"
1422
- })
1423
- }), jsx("g", {
1424
- mask: "url(#mask0_17_6643)",
1425
- children: jsx("path", {
1426
- d: "M14.6667 25.3333H17.3333V19.7667L19.4667 21.9L21.3333 20L16 14.6667L10.6667 20L12.5667 21.8667L14.6667 19.7667V25.3333ZM8 29.3333C7.26667 29.3333 6.63889 29.0722 6.11667 28.55C5.59444 28.0278 5.33333 27.4 5.33333 26.6667V5.33332C5.33333 4.59999 5.59444 3.97221 6.11667 3.44999C6.63889 2.92777 7.26667 2.66666 8 2.66666H18.6667L26.6667 10.6667V26.6667C26.6667 27.4 26.4056 28.0278 25.8833 28.55C25.3611 29.0722 24.7333 29.3333 24 29.3333H8ZM17.3333 12H24L17.3333 5.33332V12Z",
1427
- fill: "#B1ACFF"
1428
- })
1429
- })]
1430
- }));
1431
-
1432
- const getChunkImport = locale => {
1433
- const intlLocale = mapLocaleToIntlLocale(locale);
1434
- switch (intlLocale) {
1435
- case 'de':
1436
- return import('./de-985804ff.esm.js');
1437
- case 'es':
1438
- return import('./es-ddb13dad.esm.js');
1439
- case 'fr-FR':
1440
- return import('./fr-FR-ef84bd8b.esm.js');
1441
- case 'ja':
1442
- return import('./ja-73c088a7.esm.js');
1443
- case 'pt-BR':
1444
- return import('./pt-BR-f693f646.esm.js');
1445
- default:
1446
- return import('./en-5727e1f9.esm.js');
1447
- }
1448
- };
1449
- const loadMessages = async locale => {
1450
- try {
1451
- const chunkImport = await getChunkImport(locale);
1452
- return parseChunkImport(chunkImport);
1453
- } catch (error) {
1454
- // eslint-disable-next-line no-console
1455
- console.warn(`Something went wrong while loading the unpublish-products-modal messages for ${locale}`, error);
1456
- reportErrorToSentry(new Error(`Something went wrong while loading the unpublish-products-modal messages for ${locale}`), {
1457
- extra: error
1458
- });
1459
- return {};
1460
- }
1461
- };
1462
-
1463
- const useAsyncIntlMessages = (locale, loader) => {
1464
- const _useState = useState({
1465
- isLoading: true,
1466
- messages: undefined,
1467
- error: undefined
1468
- }),
1469
- _useState2 = _slicedToArray(_useState, 2),
1470
- state = _useState2[0],
1471
- setState = _useState2[1];
1472
- useEffect(() => {
1473
- let _isUnmounting = false;
1474
- async function load() {
1475
- try {
1476
- if (!_isUnmounting) {
1477
- const messages = await loader(locale);
1478
- setState({
1479
- isLoading: false,
1480
- messages
1481
- });
1482
- }
1483
- } catch (error) {
1484
- setState({
1485
- isLoading: false,
1486
- error
1487
- });
1488
- }
1489
- }
1490
- if (locale) load();
1491
- return () => {
1492
- _isUnmounting = true;
1493
- };
1494
- }, [locale, loader]);
1495
- return state;
1496
- };
1497
-
1498
- function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1499
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1500
- const UnpublishProductsModal = props => {
1501
- const _useApplicationContex = useApplicationContext(context => ({
1502
- locale: context.user && context.user.locale
1503
- })),
1504
- locale = _useApplicationContex.locale;
1505
- const messages = useAsyncIntlMessages(locale, loadMessages);
1506
- if (!props.isOpen || messages.isLoading) return null;
1507
- return jsx(IntlProvider, {
1508
- locale: locale,
1509
- messages: messages.messages,
1510
- children: jsx(UnpublishProductsProvider, _objectSpread(_objectSpread({}, props), {}, {
1511
- children: jsx(CurrentStep, {})
1512
- }))
1513
- });
1514
- };
1515
- UnpublishProductsModal.displayName = 'UnpublishProductsModal';
1516
-
1517
- export { EnabledDropArea as E, FileDropped as F, UnpublishProductsModal as U, FileIcon as a, messages$4 as m, useUnpublishProductsContext as u };