@commercetools-frontend-extensions/import-resources-modal 1.6.1 → 1.6.3

package/dist/{active-drag-drop-area-81383abf.cjs.prod.js → active-drag-drop-area-373d643b.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-24058519.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-8cca2fab.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');

package/dist/{active-drag-drop-area-d7f9205f.esm.js → active-drag-drop-area-4dc1357c.esm.js}

@@ -1,4 +1,4 @@
-import { F as FileDropped, E as EnabledDropArea } from './index-a9f2ddb0.esm.js';
+import { F as FileDropped, E as EnabledDropArea } from './index-e6460364.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';

package/dist/{active-drag-drop-area-33d25be1.cjs.dev.js → active-drag-drop-area-89acd82d.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-e6077cb6.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-ca3e541b.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');

package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-e6077cb6.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-ca3e541b.cjs.dev.js');
 require('react');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');

package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-24058519.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-8cca2fab.cjs.prod.js');
 require('react');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');

package/dist/commercetools-frontend-extensions-import-resources-modal.esm.js

@@ -1,4 +1,4 @@
-export { I as default, a as useImportPermission } from './index-a9f2ddb0.esm.js';
+export { I as default, a as useImportPermission } from './index-e6460364.esm.js';
 import 'react';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';

package/dist/{enabled-drop-area-2004cb35.cjs.prod.js → enabled-drop-area-86d22a1c.cjs.prod.js}

@@ -11,7 +11,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('react');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-24058519.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-8cca2fab.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/every');
 require('react-intl');

package/dist/{enabled-drop-area-d535c30f.cjs.dev.js → enabled-drop-area-a65a870a.cjs.dev.js}

@@ -11,7 +11,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('react');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-e6077cb6.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-ca3e541b.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/every');
 require('react-intl');

package/dist/{enabled-drop-area-6a3efcc3.esm.js → enabled-drop-area-dd70e62e.esm.js}

@@ -9,7 +9,7 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import 'react';
 import { Spacings, Text, Link } from '@commercetools-frontend/ui-kit';
-import { m as messages } from './index-a9f2ddb0.esm.js';
+import { m as messages } from './index-e6460364.esm.js';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/instance/every';
 import 'react-intl';

package/dist/{file-dropped-area-c8d4da40.cjs.dev.js → file-dropped-area-741b7c1f.cjs.dev.js}

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-e6077cb6.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-ca3e541b.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');

package/dist/{file-dropped-area-8ebacffb.esm.js → file-dropped-area-967a82f7.esm.js}

@@ -1,6 +1,6 @@
 import { useIntl } from 'react-intl';
 import { Spacings, PaperclipIcon, Constraints, Text, SecondaryButton } from '@commercetools-frontend/ui-kit';
-import { u as useImportResourcesContext, m as messages } from './index-a9f2ddb0.esm.js';
+import { u as useImportResourcesContext, m as messages } from './index-e6460364.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';

package/dist/{file-dropped-area-f4c105e1.cjs.prod.js → file-dropped-area-a5e8e576.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-24058519.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-8cca2fab.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');

package/dist/{index-24058519.cjs.prod.js → index-8cca2fab.cjs.prod.js}

@@ -754,13 +754,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-81383abf.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-373d643b.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
 var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-99c1fa0b.cjs.prod.js' /* webpackChunkName: "disabled-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-2004cb35.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-86d22a1c.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-f4c105e1.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-a5e8e576.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -800,58 +800,48 @@ function getDropAreaState(flags) {
 
 var messages$7 = reactIntl.defineMessages({
   dragAndDropCSV: {
-    id: 'ImportResourcesModal.dragAndDropCSV',
-    description: 'The message telling the user to drag and drop CSV file in the file drop area',
-    defaultMessage: 'Drag and drop CSV'
+    id: "ImportResourcesModal.dragAndDropCSV",
+    defaultMessage: "Drag and drop CSV"
   },
   or: {
-    id: 'ImportResourcesModal.or',
-    description: 'The word "or" in the drag and drop message',
-    defaultMessage: 'or'
+    id: "ImportResourcesModal.or",
+    defaultMessage: "or"
   },
   browseButton: {
-    id: 'ImportResourcesModal.browseFile',
-    defaultMessage: 'Browse file'
+    id: "ImportResourcesModal.browseFile",
+    defaultMessage: "Browse file"
   },
   uploadFile: {
-    id: 'ImportResourcesModal.uploadFile',
-    description: 'Label for a button on the file upload page, shown on active drop area state',
-    defaultMessage: 'Upload file'
+    id: "ImportResourcesModal.uploadFile",
+    defaultMessage: "Upload file"
   },
   chooseFile: {
-    id: 'ImportResourcesModal.chooseFile',
-    description: 'Label for a button on the file upload page, shown on ready to upload state',
-    defaultMessage: 'Choose file'
+    id: "ImportResourcesModal.chooseFile",
+    defaultMessage: "Choose file"
   },
   fileUploadFailed: {
-    id: 'ImportResourcesModal.fileUploadFailed',
-    description: 'A title on the file upload page, shown on file upload error state',
-    defaultMessage: 'File upload failed'
+    id: "ImportResourcesModal.fileUploadFailed",
+    defaultMessage: "File upload failed"
   },
   fileFormatNotSupported: {
-    id: 'ImportResourcesModal.fileFormatNotSupported',
-    description: 'Error message displayed when a user drags and drops a non-CSV file',
-    defaultMessage: 'Invalid file format: The file is not in CSV format and cannot be processed.'
+    id: "ImportResourcesModal.fileFormatNotSupported",
+    defaultMessage: "Invalid file format: The file is not in CSV format and cannot be processed."
   },
   tooManyFilesError: {
-    id: 'ImportResourcesModal.tooManyFilesError',
-    description: 'Error message displayed when a user drags and drops multiple files at once',
-    defaultMessage: 'Multiple files detected: You can only drag and drop one file at a time.'
+    id: "ImportResourcesModal.tooManyFilesError",
+    defaultMessage: "Multiple files detected: You can only drag and drop one file at a time."
   },
   genericError: {
-    id: 'ImportResourcesModal.genericError',
-    description: 'Default error message for unexpected file upload issues (for unhandled cases)',
-    defaultMessage: 'Error occurred: Please try uploading the file again or contact our support team for assistance.'
+    id: "ImportResourcesModal.genericError",
+    defaultMessage: "Error occurred: Please try uploading the file again or contact our support team for assistance."
   },
   dataType: {
-    id: 'ImportResourcesModal.dataType',
-    description: 'Label for the data type selection dropdown',
-    defaultMessage: 'Data type'
+    id: "ImportResourcesModal.dataType",
+    defaultMessage: "Data type"
   },
   instructions: {
-    id: 'ImportResourcesModal.instructions',
-    description: 'Label for the instructions section',
-    defaultMessage: 'Instructions'
+    id: "ImportResourcesModal.instructions",
+    defaultMessage: "Instructions"
   }
 });
 
@@ -865,61 +855,52 @@ function useImportResourcesContext() {
 
 var messages$6 = reactIntl.defineMessages({
   fileSizeExceededTitle: {
-    id: 'ImportResourcesModal.sizeExceededTitle',
-    defaultMessage: 'File size exceeded'
+    id: "ImportResourcesModal.sizeExceededTitle",
+    defaultMessage: "File size exceeded"
   },
   fileSizeExceededDescription: {
-    id: 'ImportResourcesModal.sizeExceededDescription',
-    description: 'Error description when the file size exceeds the allowable limit',
-    defaultMessage: 'The file exceeds the maximum allowed size of {fileSizeLimit} MB'
+    id: "ImportResourcesModal.sizeExceededDescription",
+    defaultMessage: "The file exceeds the maximum allowed size of {fileSizeLimit} MB"
   },
   rowLimitExceededTitle: {
-    id: 'ImportResourcesModal.rowLimitExceededTitle',
-    defaultMessage: 'Row limit exceeded'
+    id: "ImportResourcesModal.rowLimitExceededTitle",
+    defaultMessage: "Row limit exceeded"
   },
   rowLimitExceededDescription: {
-    id: 'ImportResourcesModal.rowLimitExceededDescription',
-    description: 'Error description when the file contains more rows than the allowable maximum',
-    defaultMessage: 'The file contains more than the allowable maximum of {rowLimit} rows'
+    id: "ImportResourcesModal.rowLimitExceededDescription",
+    defaultMessage: "The file contains more than the allowable maximum of {rowLimit} rows"
   },
   dropAreaWrongDelimiterTitle: {
-    id: 'ImportResourcesModal.wrongDelimiterTitle',
-    defaultMessage: 'Wrong delimiter'
+    id: "ImportResourcesModal.wrongDelimiterTitle",
+    defaultMessage: "Wrong delimiter"
   },
   dropAreaWrongDelimiterDescription: {
-    id: 'ImportResourcesModal.wrongDelimiterDescription',
-    description: 'Message within the drop area when a CSV file uses an unexpected delimiter',
-    defaultMessage: 'The file is using an incorrect delimiter. Please use comma (,) instead.'
+    id: "ImportResourcesModal.wrongDelimiterDescription",
+    defaultMessage: "The file is using an incorrect delimiter. Please use comma (,) instead."
   },
   dropAreaNotEnoughRowsTitle: {
-    id: 'ImportResourcesModal.dropAreaNotEnoughRowsTitle',
-    description: 'Error title shown when the uploaded CSV file does not contain a header and at least one row of data',
-    defaultMessage: 'Invalid CSV file'
+    id: "ImportResourcesModal.dropAreaNotEnoughRowsTitle",
+    defaultMessage: "Invalid CSV file"
   },
   dropAreaNotEnoughRowsDescription: {
-    id: 'ImportResourcesModal.dropAreaNotEnoughRowsDescription',
-    description: 'Error description shown when the uploaded CSV file does not contain a header and at least one row of data',
-    defaultMessage: 'Make sure the file contains a header and at least one row of data'
+    id: "ImportResourcesModal.dropAreaNotEnoughRowsDescription",
+    defaultMessage: "Make sure the file contains a header and at least one row of data"
   },
   unexpectedError: {
-    id: 'ImportResourcesModal.unexpectedError',
-    description: 'Generic notification message when file upload fails',
-    defaultMessage: 'An unexpected error occurred during the file upload. Please try again, or contact support if this error occurs again.'
+    id: "ImportResourcesModal.unexpectedError",
+    defaultMessage: "An unexpected error occurred during the file upload. Please try again, or contact support if this error occurs again."
   },
   missingRequiredField: {
-    id: 'ImportResourcesModal.missingRequiredField',
-    description: 'Error message displayed when a required field is missing',
-    defaultMessage: 'Missing required field'
+    id: "ImportResourcesModal.missingRequiredField",
+    defaultMessage: "Missing required field"
   },
   missingKeyError: {
-    id: 'ImportResourcesModal.missingKeyError',
-    description: 'Error message displayed when the uploaded file is missing the key field',
+    id: "ImportResourcesModal.missingKeyError",
     defaultMessage: "The 'key' field is missing or incomplete in some rows. Please ensure every row has a 'key' value."
   },
   missingRequiredKeys: {
-    id: 'ImportResourcesModal.missingRequiredKeys',
-    description: 'Error message displayed when the uploaded file is missing required keys',
-    defaultMessage: 'Make sure the file contains required keys for the elements including {fieldNames}'
+    id: "ImportResourcesModal.missingRequiredKeys",
+    defaultMessage: "Make sure the file contains required keys for the elements including {fieldNames}"
   }
 });
 
@@ -1180,9 +1161,8 @@ const FileDropArea = () => {
 
 var messages$5 = reactIntl.defineMessages({
   publishProducts: {
-    id: 'ImportResourcesModal.settings.publishProducts',
-    description: 'Label for the publish products checkbox',
-    defaultMessage: 'Publish all products in the file'
+    id: "ImportResourcesModal.settings.publishProducts",
+    defaultMessage: "Publish all products in the file"
   }
 });
 
@@ -1216,54 +1196,44 @@ const UploadSettings = () => {
 
 var sharedMessages = reactIntl.defineMessages({
   [`modalTitle.${IMPORTABLE_RESOURCES.CATEGORY}`]: {
-    id: 'ImportResourcesModal.modalTitle.category',
-    description: 'Label for the categories modal title',
-    defaultMessage: 'Import categories by CSV'
+    id: "ImportResourcesModal.modalTitle.category",
+    defaultMessage: "Import categories by CSV"
   },
   [`modalTitle.${IMPORTABLE_RESOURCES.PRODUCT}`]: {
-    id: 'ImportResourcesModal.modalTitle.product',
-    description: 'Label for the products modal title',
-    defaultMessage: 'Import products by CSV'
+    id: "ImportResourcesModal.modalTitle.product",
+    defaultMessage: "Import products by CSV"
   },
   [`modalTitle.${IMPORTABLE_RESOURCES.INVENTORY}`]: {
-    id: 'ImportResourcesModal.modalTitle.inventoryEntry',
-    description: 'Label for the inventories modal title',
-    defaultMessage: 'Import inventories by CSV'
+    id: "ImportResourcesModal.modalTitle.inventoryEntry",
+    defaultMessage: "Import inventories by CSV"
   },
   [`modalTitle.${IMPORTABLE_RESOURCES.DISCOUNT_CODE}`]: {
-    id: 'ImportResourcesModal.modalTitle.discountCode',
-    description: 'Label for the inventories modal title',
-    defaultMessage: 'Import discount codes by CSV'
+    id: "ImportResourcesModal.modalTitle.discountCode",
+    defaultMessage: "Import discount codes by CSV"
   },
   [`modalTitle.${IMPORTABLE_RESOURCES.CUSTOMER}`]: {
-    id: 'ImportResourcesModal.modalTitle.customer',
-    description: 'Label for the customers modal title',
-    defaultMessage: 'Import customers by CSV'
+    id: "ImportResourcesModal.modalTitle.customer",
+    defaultMessage: "Import customers by CSV"
   },
   [`modalTitle.${IMPORTABLE_RESOURCES.ORDER}`]: {
-    id: 'ImportResourcesModal.modalTitle.order',
-    description: 'Label for the order modal title',
-    defaultMessage: 'Import orders by CSV'
+    id: "ImportResourcesModal.modalTitle.order",
+    defaultMessage: "Import orders by CSV"
   },
   [`modalTitle.${IMPORTABLE_RESOURCES.PRODUCT_TYPE}`]: {
-    id: 'ImportResourcesModal.modalTitle.productType',
-    description: 'Label for the product type modal title',
-    defaultMessage: 'Import product types by CSV'
+    id: "ImportResourcesModal.modalTitle.productType",
+    defaultMessage: "Import product types by CSV"
   },
   uploadButton: {
-    id: 'ImportResourcesModal.uploadButton',
-    description: 'Label for the upload button',
-    defaultMessage: 'Upload and preview'
+    id: "ImportResourcesModal.uploadButton",
+    defaultMessage: "Upload and preview"
   },
   cancel: {
-    id: 'ImportResourcesModal.cancel',
-    description: 'Label for the cancel button',
-    defaultMessage: 'Cancel'
+    id: "ImportResourcesModal.cancel",
+    defaultMessage: "Cancel"
   },
   close: {
-    id: 'ImportResourcesModal.close',
-    description: 'Label for the close button',
-    defaultMessage: 'Close'
+    id: "ImportResourcesModal.close",
+    defaultMessage: "Close"
   }
 });
 
@@ -1289,6 +1259,9 @@ const Upload = () => {
     onClose: () => onClose({
       shouldDeleteImportContainer: true
     }),
+    dataAttributesPrimaryButton: {
+      'data-tracking-target': `${state.resourceType}_import-upload_and_preview_button`
+    },
     children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
       children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
         scale: "m",
@@ -1322,34 +1295,28 @@ const Upload = () => {
 
 var messages$4 = reactIntl.defineMessages({
   row: {
-    id: 'ImportResourcesModal.row',
-    description: 'In Upload file error modal - "Row" column',
-    defaultMessage: 'Row'
+    id: "ImportResourcesModal.row",
+    defaultMessage: "Row"
   },
   errorType: {
-    id: 'ImportResourcesModal.errorType',
-    description: 'In Upload file error modal - "Error type" column',
-    defaultMessage: 'Error type'
+    id: "ImportResourcesModal.errorType",
+    defaultMessage: "Error type"
   },
   details: {
-    id: 'ImportResourcesModal.details',
-    description: 'In Upload file error modal - "Details" column',
-    defaultMessage: 'Details'
+    id: "ImportResourcesModal.details",
+    defaultMessage: "Details"
   },
   uploadErrorDescription: {
-    id: 'ImportResourcesModal.uploadErrorDescription',
-    description: 'Title when errors detected while uploading file',
-    defaultMessage: 'There {errorsCount, plural, one {is <b>{errorsCount}</b> error} other {are <b>{errorsCount}</b> errors}} detected while uploading the file <b>{fileName}</b>.'
+    id: "ImportResourcesModal.uploadErrorDescription",
+    defaultMessage: "There {errorsCount, plural, one {is <b>{errorsCount}</b> error} other {are <b>{errorsCount}</b> errors}} detected while uploading the file <b>{fileName}</b>."
   },
   supportedValuesDocumentation: {
-    id: 'ImportResourcesModal.supportedValuesDocumentation',
-    description: 'Link to the documentation for supported values',
-    defaultMessage: '<documentationLink>View the documentation</documentationLink> for supported values.'
+    id: "ImportResourcesModal.supportedValuesDocumentation",
+    defaultMessage: "<documentationLink>View the documentation</documentationLink> for supported values."
   },
   uploadNewFile: {
-    id: 'ImportResourcesModal.uploadNewFile',
-    description: 'Upload new file button',
-    defaultMessage: 'Upload new file'
+    id: "ImportResourcesModal.uploadNewFile",
+    defaultMessage: "Upload new file"
   }
 });
 
@@ -1590,69 +1557,56 @@ function getBold$2(msg) {
 
 var messages$3 = reactIntl.defineMessages({
   startImportButton: {
-    id: 'ImportResourcesModal.startImportButton',
-    description: 'Label for the modal Start import button',
-    defaultMessage: 'Start import'
+    id: "ImportResourcesModal.startImportButton",
+    defaultMessage: "Start import"
   },
   importNotificationSuccessMessage: {
-    id: 'ImportResourcesModal.successMessage',
-    description: 'Notification success message',
-    defaultMessage: '<b>Your import has started.</b><newline></newline> <logsLink>Go to Import logs</logsLink> to view the progress.'
+    id: "ImportResourcesModal.successMessage",
+    defaultMessage: "<b>Your import has started.</b><newline></newline> <logsLink>Go to Import logs</logsLink> to view the progress."
   },
   importNotificationPrepareMessage: {
-    id: 'ImportResourcesModal.prepareMessage',
-    description: 'Notification for preparing import',
-    defaultMessage: '<b>Prepare import</b><newline></newline>Once preparation is complete, you can track the import progress <logsLink>in the Import logs</logsLink>.'
+    id: "ImportResourcesModal.prepareMessage",
+    defaultMessage: "<b>Prepare import</b><newline></newline>Once preparation is complete, you can track the import progress <logsLink>in the Import logs</logsLink>."
   },
   previewOfYourImport: {
-    id: 'ImportResourcesModal.previewOfYourImport',
-    description: 'Label for modal path',
+    id: "ImportResourcesModal.previewOfYourImport",
     defaultMessage: "Here's a preview of your import"
   },
   rowsToBeImported: {
-    id: 'ImportResourcesModal.rowsToBeImported',
-    description: 'This message indicates the number of rows that are ready to be imported into the system.',
-    defaultMessage: '{rowCount, plural, one {<b>1</b> row to be imported} other {<b>{rowCount}</b> rows to be imported}}{publish, select, true { and published} other {}}'
+    id: "ImportResourcesModal.rowsToBeImported",
+    defaultMessage: "{rowCount, plural, one {<b>1</b> row to be imported} other {<b>{rowCount}</b> rows to be imported}}{publish, select, true { and published} other {}}"
   },
   columnsToBeImported: {
-    id: 'ImportResourcesModal.columnsToBeImported',
-    description: 'This message indicates the number of columns that are ready to be imported into the system.',
-    defaultMessage: '<b>{columnCount}</b> columns to be imported'
+    id: "ImportResourcesModal.columnsToBeImported",
+    defaultMessage: "<b>{columnCount}</b> columns to be imported"
   },
   columnsToBeIgnored: {
-    id: 'ImportResourcesModal.columnsToBeIgnored',
-    description: "This message indicates the number of columns that will be deliberately skipped during the import because they can't be imported",
+    id: "ImportResourcesModal.columnsToBeIgnored",
     defaultMessage: "We will intentionally ignore <b>{columnCount}</b> columns as they can't be imported"
   },
   showMore: {
-    id: 'ImportResourcesModal.showMore',
-    description: 'A button label for expanding the import preview to show more details.',
-    defaultMessage: 'Show more'
+    id: "ImportResourcesModal.showMore",
+    defaultMessage: "Show more"
   },
   showLess: {
-    id: 'ImportResourcesModal.showLess',
-    description: 'A button label for collapsing the import preview to show fewer details.',
-    defaultMessage: 'Show less'
+    id: "ImportResourcesModal.showLess",
+    defaultMessage: "Show less"
   },
   continue: {
-    id: 'ImportResourcesModal.continue',
-    description: 'Confirmation dialog continue button',
-    defaultMessage: 'Continue'
+    id: "ImportResourcesModal.continue",
+    defaultMessage: "Continue"
   },
   confirmationBodyText: {
-    id: 'ImportResourcesModal.confirmationBodyText',
-    description: 'Confirmation dialog text',
-    defaultMessage: 'You are about to import {count, plural, one {<bold>1</bold> row} other {<bold>{count}</bold> rows}} in the project: <bold>{projectName}</bold>.'
+    id: "ImportResourcesModal.confirmationBodyText",
+    defaultMessage: "You are about to import {count, plural, one {<bold>1</bold> row} other {<bold>{count}</bold> rows}} in the project: <bold>{projectName}</bold>."
   },
   confirmationBodyNote: {
-    id: 'ImportResourcesModal.confirmationBodyNote',
-    description: 'Confirmation dialog text',
-    defaultMessage: 'Please be aware that existing values with the same keys will be overwritten by the data included in the CSV.'
+    id: "ImportResourcesModal.confirmationBodyNote",
+    defaultMessage: "Please be aware that existing values with the same keys will be overwritten by the data included in the CSV."
   },
   confirmationBodyQuestion: {
-    id: 'ImportResourcesModal.confirmationBodyQuestion',
-    description: 'Confirmation question',
-    defaultMessage: 'Proceed with the import?'
+    id: "ImportResourcesModal.confirmationBodyQuestion",
+    defaultMessage: "Proceed with the import?"
   }
 });
 
@@ -1871,7 +1825,8 @@ const ImportConfirmationModal = () => {
       'data-test-id': 'confirmation-dialog-confirm'
     },
     dataAttributesSecondaryButton: {
-      'data-test-id': 'confirmation-dialog-cancel'
+      'data-test-id': 'confirmation-dialog-cancel',
+      'data-tracking-target': `${state.resourceType}_import-start_import_button`
     },
     onConfirm: async () => {
       try {
@@ -2054,19 +2009,16 @@ const CurrentStep = () => {
 
 var messages$2 = reactIntl.defineMessages({
   products: {
-    id: 'ImportResourcesModal.radio.products',
-    description: 'Label for the products radio button',
-    defaultMessage: 'Products (including variants, assets, prices and images)'
+    id: "ImportResourcesModal.radio.products",
+    defaultMessage: "Products (including variants, assets, prices and images)"
   },
   inventories: {
-    id: 'ImportResourcesModal.radio.inventories',
-    description: 'Label for the inventories radio button',
-    defaultMessage: 'Inventories'
+    id: "ImportResourcesModal.radio.inventories",
+    defaultMessage: "Inventories"
   },
   categories: {
-    id: 'ImportResourcesModal.radio.categories',
-    description: 'Label for the categories radio button',
-    defaultMessage: 'Categories'
+    id: "ImportResourcesModal.radio.categories",
+    defaultMessage: "Categories"
   }
 });
 
@@ -2107,9 +2059,8 @@ const ResourceTypeSelection = () => {
 
 var messages$1 = reactIntl.defineMessages({
   fileUploadInstructions: {
-    id: 'ImportResourcesModal.fileUploadInstructions',
-    description: 'Label for the modal category description',
-    defaultMessage: 'Maximum file size is {fileSize} MB with a limit of {rowLimit} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>.'
+    id: "ImportResourcesModal.fileUploadInstructions",
+    defaultMessage: "Maximum file size is {fileSize} MB with a limit of {rowLimit} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>."
   }
 });
 
@@ -2145,14 +2096,12 @@ const Instructions = () => {
 
 var messages = reactIntl.defineMessages({
   prerequisitesOfImportingData: {
-    id: 'ImportResourcesModal.infoBox.prerequisitesOfImportingData',
-    description: 'A message to guide users to check the prerequisites of importing data',
-    defaultMessage: 'Prerequisites of importing data'
+    id: "ImportResourcesModal.infoBox.prerequisitesOfImportingData",
+    defaultMessage: "Prerequisites of importing data"
   },
   keysForEveryResource: {
-    id: 'ImportResourcesModal.infoBox.keysForEveryResource',
-    description: 'A message to guide users to provide keys for every resource they import',
-    defaultMessage: 'You must provide keys for every resource you import, including embedded resources such as Prices and Assets. Please consult with your admins to assign keys through <link>the HTTP API</link>.'
+    id: "ImportResourcesModal.infoBox.keysForEveryResource",
+    defaultMessage: "You must provide keys for every resource you import, including embedded resources such as Prices and Assets. Please consult with your admins to assign keys through <link>the HTTP API</link>."
   }
 });