@wix/patterns 1.490.0 → 1.492.0

package/dist/cjs/components/ImportButton/ImportButtonModalLayout.js

@@ -48,12 +48,16 @@ function _ImportButtonModalLayout(props) {
   // The create/edit-field editor follows the destination and is loaded on demand,
   // so neither the CMS nor the DataExtension editor is bundled until an import
   // that can create fields actually opens. A `renderFieldEditor` prop overrides.
-  const isPlatformized = Boolean(config == null ? void 0 : config.destination);
-  const FieldEditor = (0, _react.useMemo)(() => /*#__PURE__*/(0, _react.lazy)(() => isPlatformized ? Promise.resolve().then(() => _interopRequireWildcard(require('../DataExtension/DataExtensionImportFieldEditor'))).then(m => ({
+  // `fieldManagement` is read live, so the schema editor is picked once the
+  // source has loaded.
+  const editorKind = config != null && config.destination ? 'dataExtension' : state.fieldManagement ? 'schema' : 'cms';
+  const FieldEditor = (0, _react.useMemo)(() => /*#__PURE__*/(0, _react.lazy)(() => editorKind === 'dataExtension' ? Promise.resolve().then(() => _interopRequireWildcard(require('../DataExtension/DataExtensionImportFieldEditor'))).then(m => ({
     default: m.DataExtensionImportFieldEditor
+  })) : editorKind === 'schema' ? Promise.resolve().then(() => _interopRequireWildcard(require('./SchemaImportFieldEditor'))).then(m => ({
+    default: m.SchemaImportFieldEditor
   })) : Promise.resolve().then(() => _interopRequireWildcard(require('./CmsImportFieldEditor'))).then(m => ({
     default: m.CmsImportFieldEditor
-  }))), [isPlatformized]);
+  }))), [editorKind]);
   const {
     onRequestClose,
     children,
@@ -71,7 +75,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 86,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_ImportStepper.ImportStepper, {
@@ -80,7 +84,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 87,
       columnNumber: 9
     }
   }), children) : children;
@@ -93,7 +97,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 102,
       columnNumber: 5
     }
   }, wrappedChildren) : wrappedChildren;
@@ -121,7 +125,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 122,
+        lineNumber: 132,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_CollectionModal.ModalWrapper, {
@@ -130,7 +134,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 129,
+        lineNumber: 139,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.ModalMobileLayout, {
@@ -140,7 +144,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 136,
+          lineNumber: 146,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.title')),
@@ -148,7 +152,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 141,
+          lineNumber: 151,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.description')),
@@ -160,7 +164,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 146,
+          lineNumber: 156,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -171,7 +175,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 147,
+          lineNumber: 157,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.confirm')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -182,14 +186,14 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 155,
+          lineNumber: 165,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.cancel'))),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133,
+        lineNumber: 143,
         columnNumber: 11
       }
     })));
@@ -204,7 +208,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 172,
+        lineNumber: 182,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, {
@@ -218,7 +222,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 181,
+        lineNumber: 191,
         columnNumber: 9
       }
     }));
@@ -230,7 +234,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 201,
+      lineNumber: 211,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(FieldEditor, {
@@ -238,7 +242,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 212,
       columnNumber: 13
     }
   })) : null);

package/dist/cjs/components/ImportButton/ImportButtonModalLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_patternsFields","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_ToolbarCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","_toolbar$collectionFi","config","importModalState","renderFieldEditor","rest","isMobile","useIsMobile","toolbar","useToolbarCollectionContext","createImport","useCreateImport","importInputs","fieldsSource","collectionFieldsSource","detectColumnType","detectFieldType","state","useState","isPlatformized","Boolean","destination","FieldEditor","useMemo","lazy","Promise","resolve","then","m","DataExtensionImportFieldEditor","CmsImportFieldEditor","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","content","canCreateNewField","PatternsFieldsProvider","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","child","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","Suspense","fallback","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  CustomModalLayout,\n  Heading,\n  ModalMobileLayout,\n  Text,\n} from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { Suspense, lazy, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { detectFieldType } from '@wix/patterns-fields';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\nimport { MessageActionModal } from '../ActionModal';\nimport { ModalWrapper } from '../CollectionModal';\nimport { PatternsFieldsProvider } from '../../providers';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const { config, importModalState, renderFieldEditor, ...rest } = props;\n\n  const isMobile = useIsMobile();\n  // The config is read live off the table's source, which is in context here (the\n  // consumer builds `config` above the collection provider, so it can't be). Pass\n  // the toolbar's fields source to ImportState, which builds the effective config.\n  const toolbar = useToolbarCollectionContext();\n\n  const createImport = useCreateImport({\n    importInputs: config,\n    fieldsSource: toolbar.collectionFieldsSource?.fieldsSource,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    // ImportState wires the schema-backed `mergeFields` from the source, so\n    // created columns refresh with no wiring here (CAIRO-4400).\n    detectColumnType: detectFieldType,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  // The create/edit-field editor follows the destination and is loaded on demand,\n  // so neither the CMS nor the DataExtension editor is bundled until an import\n  // that can create fields actually opens. A `renderFieldEditor` prop overrides.\n  const isPlatformized = Boolean(config?.destination);\n  const FieldEditor = useMemo(\n    () =>\n      lazy(() =>\n        isPlatformized\n          ? import('../DataExtension/DataExtensionImportFieldEditor').then(\n              (m) => ({ default: m.DataExtensionImportFieldEditor }),\n            )\n          : import('./CmsImportFieldEditor').then((m) => ({\n              default: m.CmsImportFieldEditor,\n            })),\n      ),\n    [isPlatformized],\n  );\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n    isMobile,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' && state.currentStep !== 'summary' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\" height=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  // The configuration step's \"new field\" helper reads field-type names from the\n  // patterns-fields translations, which require this provider. Only mounted when\n  // field creation is enabled (the only case a \"new\" mapping can exist), so the\n  // fields container isn't initialized for plain imports.\n  const content = state.canCreateNewField ? (\n    <PatternsFieldsProvider>{wrappedChildren}</PatternsFieldsProvider>\n  ) : (\n    wrappedChildren\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  const t = state.translate;\n\n  const { modal: discardModal } = state.discardChangesModal;\n\n  // The main layout + its discard-changes modal differ per device; everything\n  // common (the field editor) is stacked alongside `child` in the single return.\n  let child: React.ReactNode;\n\n  if (isMobile) {\n    child = (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <ModalWrapper\n          state={discardModal}\n          onAfterClose={() => state.discardChangesModal.afterClose()}\n        >\n          <ModalMobileLayout\n            dataHook=\"import-discard-changes-modal\"\n            title={\n              <Heading size=\"small\">\n                {t('cairo.import.discardChanges.title')}\n              </Heading>\n            }\n            content={\n              <Text>{t('cairo.import.discardChanges.description')}</Text>\n            }\n            onCloseButtonClick={() => discardModal.close()}\n            stickyFooter\n            footer={\n              <Box direction=\"vertical\" gap=\"SP3\">\n                <Button\n                  dataHook=\"import-discard-confirm\"\n                  fullWidth\n                  skin=\"destructive\"\n                  onClick={() => discardModal.confirm()}\n                >\n                  {t('cairo.import.discardChanges.confirm')}\n                </Button>\n                <Button\n                  dataHook=\"import-discard-cancel\"\n                  fullWidth\n                  priority=\"secondary\"\n                  onClick={() => discardModal.decline()}\n                >\n                  {t('cairo.import.discardChanges.cancel')}\n                </Button>\n              </Box>\n            }\n          />\n        </ModalWrapper>\n      </>\n    );\n  } else {\n    child = (\n      <>\n        <CustomModalLayout\n          width=\"600px\"\n          maxHeight=\"80vh\"\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <MessageActionModal\n          dataHook=\"import-discard-changes-modal\"\n          state={state.discardChangesModal}\n          title={t('cairo.import.discardChanges.title')}\n          content={t('cairo.import.discardChanges.description')}\n          primaryButtonText={t('cairo.import.discardChanges.confirm')}\n          secondaryButtonText={t('cairo.import.discardChanges.cancel')}\n          theme=\"destructive\"\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      {state.canCreateNewField ? (\n        renderFieldEditor ? (\n          renderFieldEditor({ state })\n        ) : (\n          <Suspense fallback={null}>\n            <FieldEditor state={state} />\n          </Suspense>\n        )\n      ) : null}\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_patternsFields","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_ToolbarCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","_toolbar$collectionFi","config","importModalState","renderFieldEditor","rest","isMobile","useIsMobile","toolbar","useToolbarCollectionContext","createImport","useCreateImport","importInputs","fieldsSource","collectionFieldsSource","detectColumnType","detectFieldType","state","useState","editorKind","destination","fieldManagement","FieldEditor","useMemo","lazy","Promise","resolve","then","m","DataExtensionImportFieldEditor","SchemaImportFieldEditor","CmsImportFieldEditor","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","content","canCreateNewField","PatternsFieldsProvider","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","child","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","Suspense","fallback","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  CustomModalLayout,\n  Heading,\n  ModalMobileLayout,\n  Text,\n} from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { Suspense, lazy, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { detectFieldType } from '@wix/patterns-fields';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\nimport { MessageActionModal } from '../ActionModal';\nimport { ModalWrapper } from '../CollectionModal';\nimport { PatternsFieldsProvider } from '../../providers';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const { config, importModalState, renderFieldEditor, ...rest } = props;\n\n  const isMobile = useIsMobile();\n  // The config is read live off the table's source, which is in context here (the\n  // consumer builds `config` above the collection provider, so it can't be). Pass\n  // the toolbar's fields source to ImportState, which builds the effective config.\n  const toolbar = useToolbarCollectionContext();\n\n  const createImport = useCreateImport({\n    importInputs: config,\n    fieldsSource: toolbar.collectionFieldsSource?.fieldsSource,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    // ImportState wires the schema-backed `mergeFields` from the source, so\n    // created columns refresh with no wiring here (CAIRO-4400).\n    detectColumnType: detectFieldType,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  // The create/edit-field editor follows the destination and is loaded on demand,\n  // so neither the CMS nor the DataExtension editor is bundled until an import\n  // that can create fields actually opens. A `renderFieldEditor` prop overrides.\n  // `fieldManagement` is read live, so the schema editor is picked once the\n  // source has loaded.\n  const editorKind = config?.destination\n    ? 'dataExtension'\n    : state.fieldManagement\n    ? 'schema'\n    : 'cms';\n  const FieldEditor = useMemo(\n    () =>\n      lazy(() =>\n        editorKind === 'dataExtension'\n          ? import('../DataExtension/DataExtensionImportFieldEditor').then(\n              (m) => ({ default: m.DataExtensionImportFieldEditor }),\n            )\n          : editorKind === 'schema'\n          ? import('./SchemaImportFieldEditor').then((m) => ({\n              default: m.SchemaImportFieldEditor,\n            }))\n          : import('./CmsImportFieldEditor').then((m) => ({\n              default: m.CmsImportFieldEditor,\n            })),\n      ),\n    [editorKind],\n  );\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n    isMobile,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' && state.currentStep !== 'summary' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\" height=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  // The configuration step's \"new field\" helper reads field-type names from the\n  // patterns-fields translations, which require this provider. Only mounted when\n  // field creation is enabled (the only case a \"new\" mapping can exist), so the\n  // fields container isn't initialized for plain imports.\n  const content = state.canCreateNewField ? (\n    <PatternsFieldsProvider>{wrappedChildren}</PatternsFieldsProvider>\n  ) : (\n    wrappedChildren\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  const t = state.translate;\n\n  const { modal: discardModal } = state.discardChangesModal;\n\n  // The main layout + its discard-changes modal differ per device; everything\n  // common (the field editor) is stacked alongside `child` in the single return.\n  let child: React.ReactNode;\n\n  if (isMobile) {\n    child = (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <ModalWrapper\n          state={discardModal}\n          onAfterClose={() => state.discardChangesModal.afterClose()}\n        >\n          <ModalMobileLayout\n            dataHook=\"import-discard-changes-modal\"\n            title={\n              <Heading size=\"small\">\n                {t('cairo.import.discardChanges.title')}\n              </Heading>\n            }\n            content={\n              <Text>{t('cairo.import.discardChanges.description')}</Text>\n            }\n            onCloseButtonClick={() => discardModal.close()}\n            stickyFooter\n            footer={\n              <Box direction=\"vertical\" gap=\"SP3\">\n                <Button\n                  dataHook=\"import-discard-confirm\"\n                  fullWidth\n                  skin=\"destructive\"\n                  onClick={() => discardModal.confirm()}\n                >\n                  {t('cairo.import.discardChanges.confirm')}\n                </Button>\n                <Button\n                  dataHook=\"import-discard-cancel\"\n                  fullWidth\n                  priority=\"secondary\"\n                  onClick={() => discardModal.decline()}\n                >\n                  {t('cairo.import.discardChanges.cancel')}\n                </Button>\n              </Box>\n            }\n          />\n        </ModalWrapper>\n      </>\n    );\n  } else {\n    child = (\n      <>\n        <CustomModalLayout\n          width=\"600px\"\n          maxHeight=\"80vh\"\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <MessageActionModal\n          dataHook=\"import-discard-changes-modal\"\n          state={state.discardChangesModal}\n          title={t('cairo.import.discardChanges.title')}\n          content={t('cairo.import.discardChanges.description')}\n          primaryButtonText={t('cairo.import.discardChanges.confirm')}\n          secondaryButtonText={t('cairo.import.discardChanges.cancel')}\n          theme=\"destructive\"\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      {state.canCreateNewField ? (\n        renderFieldEditor ? (\n          renderFieldEditor({ state })\n        ) : (\n          <Suspense fallback={null}>\n            <FieldEditor state={state} />\n          </Suspense>\n        )\n      ) : null}\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportModal.uni.driver.js

@@ -5,6 +5,7 @@ exports.ImportModalUniDriver = ImportModalUniDriver;
 exports.default = void 0;
 var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
 var _unidriver2 = require("../../unidriver");
+var _CustomFieldModalUni = require("../CustomFieldModal/CustomFieldModal.uni.driver");
 var _unidriver3 = require("@wix/design-system/dist/testkit/unidriver");
 function ImportModalUniDriver(base, body) {
   const modalBase = () => body.$('.portal-import-modal');
@@ -111,6 +112,8 @@ function ImportModalUniDriver(base, body) {
     getFieldEditorNameInput: () => (0, _unidriver3.InputUniDriver)(body.$('[data-hook="cms-field-name-input"]'), body),
     /** Confirm (Save) the field editor */
     confirmFieldEditor: async () => (await (0, _unidriver3.CustomModalLayoutUniDriver)(body.$('[data-hook="field-editor-modal"]'), body).getPrimaryButtonDriver()).click(),
+    /** The "Add field" modal, opened by a source with `fieldManagement` */
+    getCustomFieldModal: () => (0, _CustomFieldModalUni.CustomFieldModalUniDriver)(body.$('[data-hook="custom-field-modal"]'), body),
     /** Get the discard changes confirmation modal driver */
     getDiscardChangesModal: () => (0, _unidriver3.MessageModalLayoutUniDriver)(body.$('[data-hook="import-discard-changes-modal"]'), body)
   };

package/dist/cjs/components/ImportButton/ImportModal.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","summaryCreatedExists","getSummaryCreatedText","text","summaryUpdatedExists","getSummaryUpdatedText","summaryFailedExists","getSummaryFailedText","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","noRowsWarningExists","getProgressLabel","progressLabelExists","getErrorMessageText","errorMessageExists","getErrorMessageWrapStyle","native","overflowWrap","style","wordBreak","getColumnsFoundCounter","CounterBadgeUniDriver","getNewFieldHelperText","header","newFieldHelperExists","getMappingDropdown","DropdownUniDriver","getMappingHeadersInOrder","$$","idCollisionControlExists","getIdCollisionActionText","openIdCollisionMenu","clickIdCollisionUpdate","clickIdCollisionSkip","editFieldLinkExists","clickEditField","createFieldFooterExists","clickCreateField","fieldEditorIsOpen","getFieldEditorModal","getFieldEditorNameInput","InputUniDriver","confirmFieldEditor","getDiscardChangesModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CounterBadgeUniDriver,\n  CustomModalLayoutUniDriver,\n  DropdownUniDriver,\n  InputUniDriver,\n  MessageModalLayoutUniDriver,\n  ModalUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n  const modalBase = () => body.$('.portal-import-modal');\n  const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n  const footerBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n  const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n  const getModalLayout = () =>\n    CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n  const getFooterText = async () =>\n    (await TextUniDriver(footerBase(), body)).getText();\n\n  const footerExists = () => footerBase().exists();\n\n  const fileInputBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n  const configurationStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n  const summaryStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n  const progressLabelBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n  return {\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    getModal,\n    getModalLayout,\n    waitModalClosed: (timeout?: number) =>\n      waitFor(async () => !(await getModalLayout().exists()), timeout),\n    clickPrimaryAction: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).click(),\n    getPrimaryActionText: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n    isPrimaryButtonDisabled: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n    getSecondaryButtonText: async () =>\n      (\n        await getModalLayout().getSecondaryButtonDriver()\n      ).getButtonTextContent(),\n    clickSecondaryAction: async () =>\n      (await getModalLayout().getSecondaryButtonDriver()).click(),\n    clickCloseButton: () => getModalLayout().clickCloseButton(),\n    getModalTitle: () => getModalLayout().getTitleText(),\n    getSubtitleText: () => getModalLayout().getSubtitleText(),\n    getFooterText,\n    footerExists,\n\n    isUploadStepVisible: () => fileInputBase().exists(),\n    isConfigurationStepVisible: () => configurationStepBase().exists(),\n    isSummaryStepVisible: () => summaryStepBase().exists(),\n\n    // Summary step count rows (created / updated / failed). Each row's text is\n    // the translated count line; `*Exists` reflects whether that row rendered\n    // (a count row is shown only when its count is > 0).\n    summaryCreatedExists: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-created\"]').exists(),\n    getSummaryCreatedText: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-created\"]').text(),\n    summaryUpdatedExists: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-updated\"]').exists(),\n    getSummaryUpdatedText: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-updated\"]').text(),\n    summaryFailedExists: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-failed\"]').exists(),\n    getSummaryFailedText: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-failed\"]').text(),\n\n    /** Simulates selecting a file in the upload step */\n    uploadFile: async (file: File) => {\n      const nativeInput: HTMLInputElement = await fileInputBase()\n        .$('input[type=\"file\"]')\n        .getNative();\n      Object.defineProperty(nativeInput, 'files', { value: [file] });\n      nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n    },\n\n    noRowsWarningExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n    getProgressLabel: () => progressLabelBase().text(),\n    progressLabelExists: () => progressLabelBase().exists(),\n\n    getErrorMessageText: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n    errorMessageExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n    // Inline wrap style on the error message's container — asserts a long,\n    // unbroken message is forced to wrap inside the modal instead of overflowing.\n    getErrorMessageWrapStyle: async () => {\n      const native: HTMLElement = await modalLayoutBase()\n        .$('[data-hook=\"import-error-message-wrap\"]')\n        .getNative();\n      return {\n        overflowWrap: native.style.overflowWrap,\n        wordBreak: native.style.wordBreak,\n      };\n    },\n\n    /** Get the CounterBadge driver for the columns found counter */\n    getColumnsFoundCounter: () =>\n      CounterBadgeUniDriver(\n        modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n        body,\n      ),\n\n    /** Text of the \"new field\" helper line under a column's mapping dropdown */\n    getNewFieldHelperText: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .text(),\n    newFieldHelperExists: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .exists(),\n\n    /** Get the Dropdown driver for a specific CSV header mapping */\n    getMappingDropdown: (header: string) =>\n      DropdownUniDriver(\n        modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n        body,\n      ),\n\n    /**\n     * CSV headers in the order their mapping rows are rendered (ID row first).\n     * Reads the per-row column-title cells in DOM order — `.text()` on the\n     * multi-element query returns their text as an ordered array.\n     */\n    getMappingHeadersInOrder: () =>\n      modalLayoutBase().$$('[data-hook=\"import-column-title\"]').text(),\n\n    /** Whether the \"When items share the same ID\" sentence + action are shown */\n    idCollisionControlExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').exists(),\n\n    /** Current label of the id-collision inline action (reflects the choice) */\n    getIdCollisionActionText: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').text(),\n\n    /** Open the id-collision popover menu */\n    openIdCollisionMenu: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').click(),\n\n    // The popover menu renders at `window` (appendTo), so its items live on\n    // `body`, not under the modal layout.\n    clickIdCollisionUpdate: () =>\n      body.$('[data-hook=\"import-id-collision-update\"]').click(),\n    clickIdCollisionSkip: () =>\n      body.$('[data-hook=\"import-id-collision-skip\"]').click(),\n\n    /** Whether the \"Edit field\" link under a column's new-field mapping exists */\n    editFieldLinkExists: (header: string) =>\n      modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).exists(),\n\n    /** Click the \"Edit field\" link to open the field editor for a column */\n    clickEditField: (header: string) =>\n      modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).click(),\n\n    // The mapping dropdown's popover appends to `window`, so its \"+ Create New\n    // Field\" footer renders on `body`, not under the modal layout.\n    /** Whether the dropdown's \"+ Create New Field\" footer is shown for a column */\n    createFieldFooterExists: (header: string) =>\n      body.$(`[data-hook=\"import-create-field-${header}\"]`).exists(),\n\n    /** Click the \"+ Create New Field\" dropdown footer for a column */\n    clickCreateField: (header: string) =>\n      body.$(`[data-hook=\"import-create-field-${header}\"]`).click(),\n\n    /** Whether the CMS field-editor modal is open */\n    fieldEditorIsOpen: () =>\n      body.$('[data-hook=\"field-editor-modal\"]').exists(),\n\n    /** Field-editor modal layout driver (Save/Cancel, title, ...) */\n    getFieldEditorModal: () =>\n      CustomModalLayoutUniDriver(\n        body.$('[data-hook=\"field-editor-modal\"]'),\n        body,\n      ),\n\n    /** Field-editor \"Field name\" input driver */\n    getFieldEditorNameInput: () =>\n      InputUniDriver(body.$('[data-hook=\"cms-field-name-input\"]'), body),\n\n    /** Confirm (Save) the field editor */\n    confirmFieldEditor: async () =>\n      (\n        await CustomModalLayoutUniDriver(\n          body.$('[data-hook=\"field-editor-modal\"]'),\n          body,\n        ).getPrimaryButtonDriver()\n      ).click(),\n\n    /** Get the discard changes confirmation modal driver */\n    getDiscardChangesModal: () =>\n      MessageModalLayoutUniDriver(\n        body.$('[data-hook=\"import-discard-changes-modal\"]'),\n        body,\n      ),\n  };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_CustomFieldModalUni","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","summaryCreatedExists","getSummaryCreatedText","text","summaryUpdatedExists","getSummaryUpdatedText","summaryFailedExists","getSummaryFailedText","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","noRowsWarningExists","getProgressLabel","progressLabelExists","getErrorMessageText","errorMessageExists","getErrorMessageWrapStyle","native","overflowWrap","style","wordBreak","getColumnsFoundCounter","CounterBadgeUniDriver","getNewFieldHelperText","header","newFieldHelperExists","getMappingDropdown","DropdownUniDriver","getMappingHeadersInOrder","$$","idCollisionControlExists","getIdCollisionActionText","openIdCollisionMenu","clickIdCollisionUpdate","clickIdCollisionSkip","editFieldLinkExists","clickEditField","createFieldFooterExists","clickCreateField","fieldEditorIsOpen","getFieldEditorModal","getFieldEditorNameInput","InputUniDriver","confirmFieldEditor","getCustomFieldModal","CustomFieldModalUniDriver","getDiscardChangesModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { CustomFieldModalUniDriver } from '../CustomFieldModal/CustomFieldModal.uni.driver';\nimport {\n  CounterBadgeUniDriver,\n  CustomModalLayoutUniDriver,\n  DropdownUniDriver,\n  InputUniDriver,\n  MessageModalLayoutUniDriver,\n  ModalUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n  const modalBase = () => body.$('.portal-import-modal');\n  const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n  const footerBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n  const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n  const getModalLayout = () =>\n    CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n  const getFooterText = async () =>\n    (await TextUniDriver(footerBase(), body)).getText();\n\n  const footerExists = () => footerBase().exists();\n\n  const fileInputBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n  const configurationStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n  const summaryStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n  const progressLabelBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n  return {\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    getModal,\n    getModalLayout,\n    waitModalClosed: (timeout?: number) =>\n      waitFor(async () => !(await getModalLayout().exists()), timeout),\n    clickPrimaryAction: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).click(),\n    getPrimaryActionText: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n    isPrimaryButtonDisabled: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n    getSecondaryButtonText: async () =>\n      (\n        await getModalLayout().getSecondaryButtonDriver()\n      ).getButtonTextContent(),\n    clickSecondaryAction: async () =>\n      (await getModalLayout().getSecondaryButtonDriver()).click(),\n    clickCloseButton: () => getModalLayout().clickCloseButton(),\n    getModalTitle: () => getModalLayout().getTitleText(),\n    getSubtitleText: () => getModalLayout().getSubtitleText(),\n    getFooterText,\n    footerExists,\n\n    isUploadStepVisible: () => fileInputBase().exists(),\n    isConfigurationStepVisible: () => configurationStepBase().exists(),\n    isSummaryStepVisible: () => summaryStepBase().exists(),\n\n    // Summary step count rows (created / updated / failed). Each row's text is\n    // the translated count line; `*Exists` reflects whether that row rendered\n    // (a count row is shown only when its count is > 0).\n    summaryCreatedExists: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-created\"]').exists(),\n    getSummaryCreatedText: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-created\"]').text(),\n    summaryUpdatedExists: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-updated\"]').exists(),\n    getSummaryUpdatedText: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-updated\"]').text(),\n    summaryFailedExists: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-failed\"]').exists(),\n    getSummaryFailedText: () =>\n      summaryStepBase().$('[data-hook=\"import-summary-failed\"]').text(),\n\n    /** Simulates selecting a file in the upload step */\n    uploadFile: async (file: File) => {\n      const nativeInput: HTMLInputElement = await fileInputBase()\n        .$('input[type=\"file\"]')\n        .getNative();\n      Object.defineProperty(nativeInput, 'files', { value: [file] });\n      nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n    },\n\n    noRowsWarningExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n    getProgressLabel: () => progressLabelBase().text(),\n    progressLabelExists: () => progressLabelBase().exists(),\n\n    getErrorMessageText: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n    errorMessageExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n    // Inline wrap style on the error message's container — asserts a long,\n    // unbroken message is forced to wrap inside the modal instead of overflowing.\n    getErrorMessageWrapStyle: async () => {\n      const native: HTMLElement = await modalLayoutBase()\n        .$('[data-hook=\"import-error-message-wrap\"]')\n        .getNative();\n      return {\n        overflowWrap: native.style.overflowWrap,\n        wordBreak: native.style.wordBreak,\n      };\n    },\n\n    /** Get the CounterBadge driver for the columns found counter */\n    getColumnsFoundCounter: () =>\n      CounterBadgeUniDriver(\n        modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n        body,\n      ),\n\n    /** Text of the \"new field\" helper line under a column's mapping dropdown */\n    getNewFieldHelperText: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .text(),\n    newFieldHelperExists: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .exists(),\n\n    /** Get the Dropdown driver for a specific CSV header mapping */\n    getMappingDropdown: (header: string) =>\n      DropdownUniDriver(\n        modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n        body,\n      ),\n\n    /**\n     * CSV headers in the order their mapping rows are rendered (ID row first).\n     * Reads the per-row column-title cells in DOM order — `.text()` on the\n     * multi-element query returns their text as an ordered array.\n     */\n    getMappingHeadersInOrder: () =>\n      modalLayoutBase().$$('[data-hook=\"import-column-title\"]').text(),\n\n    /** Whether the \"When items share the same ID\" sentence + action are shown */\n    idCollisionControlExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').exists(),\n\n    /** Current label of the id-collision inline action (reflects the choice) */\n    getIdCollisionActionText: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').text(),\n\n    /** Open the id-collision popover menu */\n    openIdCollisionMenu: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').click(),\n\n    // The popover menu renders at `window` (appendTo), so its items live on\n    // `body`, not under the modal layout.\n    clickIdCollisionUpdate: () =>\n      body.$('[data-hook=\"import-id-collision-update\"]').click(),\n    clickIdCollisionSkip: () =>\n      body.$('[data-hook=\"import-id-collision-skip\"]').click(),\n\n    /** Whether the \"Edit field\" link under a column's new-field mapping exists */\n    editFieldLinkExists: (header: string) =>\n      modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).exists(),\n\n    /** Click the \"Edit field\" link to open the field editor for a column */\n    clickEditField: (header: string) =>\n      modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).click(),\n\n    // The mapping dropdown's popover appends to `window`, so its \"+ Create New\n    // Field\" footer renders on `body`, not under the modal layout.\n    /** Whether the dropdown's \"+ Create New Field\" footer is shown for a column */\n    createFieldFooterExists: (header: string) =>\n      body.$(`[data-hook=\"import-create-field-${header}\"]`).exists(),\n\n    /** Click the \"+ Create New Field\" dropdown footer for a column */\n    clickCreateField: (header: string) =>\n      body.$(`[data-hook=\"import-create-field-${header}\"]`).click(),\n\n    /** Whether the CMS field-editor modal is open */\n    fieldEditorIsOpen: () =>\n      body.$('[data-hook=\"field-editor-modal\"]').exists(),\n\n    /** Field-editor modal layout driver (Save/Cancel, title, ...) */\n    getFieldEditorModal: () =>\n      CustomModalLayoutUniDriver(\n        body.$('[data-hook=\"field-editor-modal\"]'),\n        body,\n      ),\n\n    /** Field-editor \"Field name\" input driver */\n    getFieldEditorNameInput: () =>\n      InputUniDriver(body.$('[data-hook=\"cms-field-name-input\"]'), body),\n\n    /** Confirm (Save) the field editor */\n    confirmFieldEditor: async () =>\n      (\n        await CustomModalLayoutUniDriver(\n          body.$('[data-hook=\"field-editor-modal\"]'),\n          body,\n        ).getPrimaryButtonDriver()\n      ).click(),\n\n    /** The \"Add field\" modal, opened by a source with `fieldManagement` */\n    getCustomFieldModal: () =>\n      CustomFieldModalUniDriver(\n        body.$('[data-hook=\"custom-field-modal\"]'),\n        body,\n      ),\n\n    /** Get the discard changes confirmation modal driver */\n    getDiscardChangesModal: () =>\n      MessageModalLayoutUniDriver(\n        body.$('[data-hook=\"import-discard-changes-modal\"]'),\n        body,\n      ),\n  };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAUO,SAASI,oBAAoBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACrE,MAAMC,SAAS,GAAGA,CAAA,KAAMD,IAAI,CAACE,CAAC,CAAC,sBAAsB,CAAC;EACtD,MAAMC,eAAe,GAAGA,CAAA,KAAMH,IAAI,CAACE,CAAC,CAAC,mCAAmC,CAAC;EACzE,MAAME,UAAU,GAAGA,CAAA,KACjBD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,wCAAwC,CAAC;EAE/D,MAAMG,QAAQ,GAAGA,CAAA,KAAM,IAAAC,0BAAc,EAACL,SAAS,CAAC,CAAC,EAAEA,SAAS,CAAC,CAAC,CAAC;EAE/D,MAAMM,cAAc,GAAGA,CAAA,KACrB,IAAAC,sCAA0B,EAACL,eAAe,CAAC,CAAC,EAAEH,IAAI,CAAC;EAErD,MAAMS,aAAa,GAAG,MAAAA,CAAA,KACpB,CAAC,MAAM,IAAAC,yBAAa,EAACN,UAAU,CAAC,CAAC,EAAEJ,IAAI,CAAC,EAAEW,OAAO,CAAC,CAAC;EAErD,MAAMC,YAAY,GAAGA,CAAA,KAAMR,UAAU,CAAC,CAAC,CAACS,MAAM,CAAC,CAAC;EAEhD,MAAMC,aAAa,GAAGA,CAAA,KACpBX,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,iCAAiC,CAAC;EACxD,MAAMa,qBAAqB,GAAGA,CAAA,KAC5BZ,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,mCAAmC,CAAC;EAC1D,MAAMc,eAAe,GAAGA,CAAA,KACtBb,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,mCAAmC,CAAC;EAC1D,MAAMe,iBAAiB,GAAGA,CAAA,KACxBd,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,qCAAqC,CAAC;EAE5D,OAAO;IACLgB,IAAI,EAAGC,OAAgB,IAAKpB,IAAI,CAACmB,IAAI,CAACC,OAAO,CAAC;IAC9C,GAAG,IAAAC,gCAAoB,EAACrB,IAAI,CAAC;IAC7BM,QAAQ;IACRE,cAAc;IACdc,eAAe,EAAGF,OAAgB,IAChC,IAAAG,kBAAO,EAAC,YAAY,EAAE,MAAMf,cAAc,CAAC,CAAC,CAACM,MAAM,CAAC,CAAC,CAAC,EAAEM,OAAO,CAAC;IAClEI,kBAAkB,EAAE,MAAAA,CAAA,KAClB,CAAC,MAAMhB,cAAc,CAAC,CAAC,CAACiB,sBAAsB,CAAC,CAAC,EAAEC,KAAK,CAAC,CAAC;IAC3DC,oBAAoB,EAAE,MAAAA,CAAA,KACpB,CAAC,MAAMnB,cAAc,CAAC,CAAC,CAACiB,sBAAsB,CAAC,CAAC,EAAEG,oBAAoB,CAAC,CAAC;IAC1EC,uBAAuB,EAAE,MAAAA,CAAA,KACvB,CAAC,MAAMrB,cAAc,CAAC,CAAC,CAACiB,sBAAsB,CAAC,CAAC,EAAEK,gBAAgB,CAAC,CAAC;IACtEC,sBAAsB,EAAE,MAAAA,CAAA,KACtB,CACE,MAAMvB,cAAc,CAAC,CAAC,CAACwB,wBAAwB,CAAC,CAAC,EACjDJ,oBAAoB,CAAC,CAAC;IAC1BK,oBAAoB,EAAE,MAAAA,CAAA,KACpB,CAAC,MAAMzB,cAAc,CAAC,CAAC,CAACwB,wBAAwB,CAAC,CAAC,EAAEN,KAAK,CAAC,CAAC;IAC7DQ,gBAAgB,EAAEA,CAAA,KAAM1B,cAAc,CAAC,CAAC,CAAC0B,gBAAgB,CAAC,CAAC;IAC3DC,aAAa,EAAEA,CAAA,KAAM3B,cAAc,CAAC,CAAC,CAAC4B,YAAY,CAAC,CAAC;IACpDC,eAAe,EAAEA,CAAA,KAAM7B,cAAc,CAAC,CAAC,CAAC6B,eAAe,CAAC,CAAC;IACzD3B,aAAa;IACbG,YAAY;IAEZyB,mBAAmB,EAAEA,CAAA,KAAMvB,aAAa,CAAC,CAAC,CAACD,MAAM,CAAC,CAAC;IACnDyB,0BAA0B,EAAEA,CAAA,KAAMvB,qBAAqB,CAAC,CAAC,CAACF,MAAM,CAAC,CAAC;IAClE0B,oBAAoB,EAAEA,CAAA,KAAMvB,eAAe,CAAC,CAAC,CAACH,MAAM,CAAC,CAAC;IAEtD;IACA;IACA;IACA2B,oBAAoB,EAAEA,CAAA,KACpBxB,eAAe,CAAC,CAAC,CAACd,CAAC,CAAC,sCAAsC,CAAC,CAACW,MAAM,CAAC,CAAC;IACtE4B,qBAAqB,EAAEA,CAAA,KACrBzB,eAAe,CAAC,CAAC,CAACd,CAAC,CAAC,sCAAsC,CAAC,CAACwC,IAAI,CAAC,CAAC;IACpEC,oBAAoB,EAAEA,CAAA,KACpB3B,eAAe,CAAC,CAAC,CAACd,CAAC,CAAC,sCAAsC,CAAC,CAACW,MAAM,CAAC,CAAC;IACtE+B,qBAAqB,EAAEA,CAAA,KACrB5B,eAAe,CAAC,CAAC,CAACd,CAAC,CAAC,sCAAsC,CAAC,CAACwC,IAAI,CAAC,CAAC;IACpEG,mBAAmB,EAAEA,CAAA,KACnB7B,eAAe,CAAC,CAAC,CAACd,CAAC,CAAC,qCAAqC,CAAC,CAACW,MAAM,CAAC,CAAC;IACrEiC,oBAAoB,EAAEA,CAAA,KACpB9B,eAAe,CAAC,CAAC,CAACd,CAAC,CAAC,qCAAqC,CAAC,CAACwC,IAAI,CAAC,CAAC;IAEnE;IACAK,UAAU,EAAE,MAAOC,IAAU,IAAK;MAChC,MAAMC,WAA6B,GAAG,MAAMnC,aAAa,CAAC,CAAC,CACxDZ,CAAC,CAAC,oBAAoB,CAAC,CACvBgD,SAAS,CAAC,CAAC;MACdC,MAAM,CAACC,cAAc,CAACH,WAAW,EAAE,OAAO,EAAE;QAAEI,KAAK,EAAE,CAACL,IAAI;MAAE,CAAC,CAAC;MAC9DC,WAAW,CAACK,aAAa,CAAC,IAAIC,KAAK,CAAC,QAAQ,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC,CAAC;IACnE,CAAC;IAEDC,mBAAmB,EAAEA,CAAA,KACnBtD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,sCAAsC,CAAC,CAACW,MAAM,CAAC,CAAC;IAEtE6C,gBAAgB,EAAEA,CAAA,KAAMzC,iBAAiB,CAAC,CAAC,CAACyB,IAAI,CAAC,CAAC;IAClDiB,mBAAmB,EAAEA,CAAA,KAAM1C,iBAAiB,CAAC,CAAC,CAACJ,MAAM,CAAC,CAAC;IAEvD+C,mBAAmB,EAAEA,CAAA,KACnBzD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACwC,IAAI,CAAC,CAAC;IAClEmB,kBAAkB,EAAEA,CAAA,KAClB1D,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACW,MAAM,CAAC,CAAC;IACpE;IACA;IACAiD,wBAAwB,EAAE,MAAAA,CAAA,KAAY;MACpC,MAAMC,MAAmB,GAAG,MAAM5D,eAAe,CAAC,CAAC,CAChDD,CAAC,CAAC,yCAAyC,CAAC,CAC5CgD,SAAS,CAAC,CAAC;MACd,OAAO;QACLc,YAAY,EAAED,MAAM,CAACE,KAAK,CAACD,YAAY;QACvCE,SAAS,EAAEH,MAAM,CAACE,KAAK,CAACC;MAC1B,CAAC;IACH,CAAC;IAED;IACAC,sBAAsB,EAAEA,CAAA,KACtB,IAAAC,iCAAqB,EACnBjE,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,4CAA4C,CAAC,EACjEF,IACF,CAAC;IAEH;IACAqE,qBAAqB,EAAGC,MAAc,IACpCnE,eAAe,CAAC,CAAC,CACdD,CAAC,CAAC,uCAAuCoE,MAAM,IAAI,CAAC,CACpD5B,IAAI,CAAC,CAAC;IACX6B,oBAAoB,EAAGD,MAAc,IACnCnE,eAAe,CAAC,CAAC,CACdD,CAAC,CAAC,uCAAuCoE,MAAM,IAAI,CAAC,CACpDzD,MAAM,CAAC,CAAC;IAEb;IACA2D,kBAAkB,EAAGF,MAAc,IACjC,IAAAG,6BAAiB,EACftE,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,8BAA8BoE,MAAM,IAAI,CAAC,EAC7DtE,IACF,CAAC;IAEH;AACJ;AACA;AACA;AACA;IACI0E,wBAAwB,EAAEA,CAAA,KACxBvE,eAAe,CAAC,CAAC,CAACwE,EAAE,CAAC,mCAAmC,CAAC,CAACjC,IAAI,CAAC,CAAC;IAElE;IACAkC,wBAAwB,EAAEA,CAAA,KACxBzE,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,0CAA0C,CAAC,CAACW,MAAM,CAAC,CAAC;IAE1E;IACAgE,wBAAwB,EAAEA,CAAA,KACxB1E,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,0CAA0C,CAAC,CAACwC,IAAI,CAAC,CAAC;IAExE;IACAoC,mBAAmB,EAAEA,CAAA,KACnB3E,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,0CAA0C,CAAC,CAACuB,KAAK,CAAC,CAAC;IAEzE;IACA;IACAsD,sBAAsB,EAAEA,CAAA,KACtB/E,IAAI,CAACE,CAAC,CAAC,0CAA0C,CAAC,CAACuB,KAAK,CAAC,CAAC;IAC5DuD,oBAAoB,EAAEA,CAAA,KACpBhF,IAAI,CAACE,CAAC,CAAC,wCAAwC,CAAC,CAACuB,KAAK,CAAC,CAAC;IAE1D;IACAwD,mBAAmB,EAAGX,MAAc,IAClCnE,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,iCAAiCoE,MAAM,IAAI,CAAC,CAACzD,MAAM,CAAC,CAAC;IAE3E;IACAqE,cAAc,EAAGZ,MAAc,IAC7BnE,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,iCAAiCoE,MAAM,IAAI,CAAC,CAAC7C,KAAK,CAAC,CAAC;IAE1E;IACA;IACA;IACA0D,uBAAuB,EAAGb,MAAc,IACtCtE,IAAI,CAACE,CAAC,CAAC,mCAAmCoE,MAAM,IAAI,CAAC,CAACzD,MAAM,CAAC,CAAC;IAEhE;IACAuE,gBAAgB,EAAGd,MAAc,IAC/BtE,IAAI,CAACE,CAAC,CAAC,mCAAmCoE,MAAM,IAAI,CAAC,CAAC7C,KAAK,CAAC,CAAC;IAE/D;IACA4D,iBAAiB,EAAEA,CAAA,KACjBrF,IAAI,CAACE,CAAC,CAAC,kCAAkC,CAAC,CAACW,MAAM,CAAC,CAAC;IAErD;IACAyE,mBAAmB,EAAEA,CAAA,KACnB,IAAA9E,sCAA0B,EACxBR,IAAI,CAACE,CAAC,CAAC,kCAAkC,CAAC,EAC1CF,IACF,CAAC;IAEH;IACAuF,uBAAuB,EAAEA,CAAA,KACvB,IAAAC,0BAAc,EAACxF,IAAI,CAACE,CAAC,CAAC,oCAAoC,CAAC,EAAEF,IAAI,CAAC;IAEpE;IACAyF,kBAAkB,EAAE,MAAAA,CAAA,KAClB,CACE,MAAM,IAAAjF,sCAA0B,EAC9BR,IAAI,CAACE,CAAC,CAAC,kCAAkC,CAAC,EAC1CF,IACF,CAAC,CAACwB,sBAAsB,CAAC,CAAC,EAC1BC,KAAK,CAAC,CAAC;IAEX;IACAiE,mBAAmB,EAAEA,CAAA,KACnB,IAAAC,8CAAyB,EACvB3F,IAAI,CAACE,CAAC,CAAC,kCAAkC,CAAC,EAC1CF,IACF,CAAC;IAEH;IACA4F,sBAAsB,EAAEA,CAAA,KACtB,IAAAC,uCAA2B,EACzB7F,IAAI,CAACE,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF;EACJ,CAAC;AACH;AAAC,IAAA8F,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEclG,oBAAoB","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepConfiguration.js

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.ImportStepConfiguration = void 0;
 var _designSystem = require("@wix/design-system");
 var _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _bexCore = require("@wix/bex-core");
 var _patternsFields = require("@wix/patterns-fields");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
@@ -55,7 +56,11 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
   const {
     t: ft
   } = (0, _patternsFields.useTranslations)();
-  const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();
+  const mapping = state.mappingByHeader[header];
+  const fieldManagement = state.fieldManagement;
+  const pickedType = fieldManagement && (mapping == null ? void 0 : mapping.kind) === 'new' ? (0, _bexCore.toNewFieldDraft)(mapping, '', header, fieldManagement).type : undefined;
+  const pickedOption = fieldManagement == null ? void 0 : fieldManagement.fieldModal.types.find(option => option.id === pickedType);
+  const typeName = ((pickedOption == null ? void 0 : pickedOption.label) ?? ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType])).toLocaleLowerCase();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "horizontal",
     gap: "SP1",
@@ -63,7 +68,7 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 97,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -73,7 +78,7 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 98,
       columnNumber: 7
     }
   }, state.translate('cairo.import.newFieldHelper', {
@@ -85,7 +90,7 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 105,
       columnNumber: 7
     }
   }, state.translate('cairo.import.editField')));
@@ -95,6 +100,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
   header,
   fieldOptions
 }) {
+  const dropdownRef = _react.default.useRef(null);
   const {
     translate: t,
     selectedFieldIds,
@@ -127,10 +133,11 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 172,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
+    ref: dropdownRef,
     dataHook: `import-mapping-${header}`,
     clearButton: true,
     onClear: () => {
@@ -158,14 +165,14 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 185,
+        lineNumber: 198,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 188,
+        lineNumber: 201,
         columnNumber: 15
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
@@ -175,23 +182,32 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 192,
+          lineNumber: 205,
           columnNumber: 29
         }
       }),
       dataHook: `import-create-field-${header}`,
       title: t('cairo.import.createNewField')
+      // The dropdown input otherwise consumes Enter/Space before the button activates.
+      ,
+      onKeyDown: event => {
+        if (event.key === 'Enter' || event.key === ' ') {
+          event.stopPropagation();
+        }
+      }
       // Map the column to a new field, then open the editor on it — the
       // editor component (renderFieldEditor) reacts to `editingHeader`.
       ,
       onClick: () => {
+        var _dropdownRef$current;
+        (_dropdownRef$current = dropdownRef.current) == null || _dropdownRef$current.hideOptions();
         state.setNewFieldMapping(header);
         state.beginFieldEdit(header);
       },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 189,
+        lineNumber: 202,
         columnNumber: 15
       }
     })) : undefined,
@@ -199,7 +215,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
+      lineNumber: 173,
       columnNumber: 7
     }
   }), (mapping == null ? void 0 : mapping.kind) === 'new' && /*#__PURE__*/_react.default.createElement(NewFieldHelperText, {
@@ -209,7 +225,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 208,
+      lineNumber: 228,
       columnNumber: 9
     }
   }), state.canConfigureWritePolicy && state.idMappedHeader === header && /*#__PURE__*/_react.default.createElement(_ImportIdCollisionControl.IdCollisionControl, {
@@ -217,7 +233,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 235,
       columnNumber: 9
     }
   }));
@@ -249,7 +265,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 244,
+      lineNumber: 264,
       columnNumber: 5
     }
   }, hasNoRows && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -257,7 +273,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 246,
+      lineNumber: 266,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
@@ -267,7 +283,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 247,
+      lineNumber: 267,
       columnNumber: 11
     }
   }, t('cairo.import.noRowsWarningDescription'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -277,7 +293,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 257,
+      lineNumber: 277,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -293,7 +309,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 258,
+      lineNumber: 278,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -302,7 +318,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 269,
+      lineNumber: 289,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -312,7 +328,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 270,
+      lineNumber: 290,
       columnNumber: 13
     }
   }, t('cairo.import.columnTitle'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -321,7 +337,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 275,
+      lineNumber: 295,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -330,7 +346,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 277,
+      lineNumber: 297,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -340,7 +356,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 278,
+      lineNumber: 298,
       columnNumber: 13
     }
   }, t('cairo.import.collectionField')))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -351,7 +367,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 284,
+      lineNumber: 304,
       columnNumber: 9
     }
   }, orderedHeaders.map((header, index) => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
@@ -365,7 +381,7 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 297,
+          lineNumber: 317,
           columnNumber: 21
         }
       }, header),
@@ -376,14 +392,14 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 305,
+          lineNumber: 325,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.ArrowRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 306,
+          lineNumber: 326,
           columnNumber: 23
         }
       })),
@@ -396,7 +412,7 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 313,
+          lineNumber: 333,
           columnNumber: 21
         }
       }),
@@ -405,7 +421,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 291,
+      lineNumber: 311,
       columnNumber: 13
     }
   })))));