@wix/patterns 1.419.0 → 1.421.0

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

@@ -9,12 +9,14 @@ var _getImportModalStepProps = require("./getImportModalStepProps");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _bexCore = require("@wix/bex-core");
+var _detectFieldType = require("@wix/patterns-fields/detect-field-type");
 var _util = require("@wix/bex-core/util");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _CustomDrawerLayout = require("../CustomDrawerLayout");
 var _ImportStepper = require("./ImportStepper");
 var _ActionModal = require("../ActionModal");
 var _CollectionModal = require("../CollectionModal");
+var _providers = require("../../providers");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportButtonModalLayout.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ImportButtonModalLayout(props) {
@@ -22,6 +24,7 @@ function _ImportButtonModalLayout(props) {
     fields,
     bulkUploadItems,
     backup,
+    updateSchema,
     batchSize,
     importModalState,
     ...rest
@@ -31,6 +34,10 @@ function _ImportButtonModalLayout(props) {
     fields,
     bulkUploadItems,
     backup,
+    updateSchema,
+    // Media-aware detection (image/video/document/audio) lives in
+    // patterns-fields; core defaults to primitive detection without it.
+    detectColumnType: _detectFieldType.detectFieldType,
     batchSize,
     importModalState
   });
@@ -52,7 +59,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 62,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_ImportStepper.ImportStepper, {
@@ -61,10 +68,23 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 63,
       columnNumber: 9
     }
   }), children) : children;
+
+  // The configuration step's "new field" helper reads field-type names from the
+  // patterns-fields translations, which require this provider. Only mounted when
+  // field creation is enabled (the only case a "new" mapping can exist), so the
+  // fields container isn't initialized for plain imports.
+  const content = state.canCreateNewField ? /*#__PURE__*/_react.default.createElement(_providers.PatternsFieldsProvider, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 5
+    }
+  }, wrappedChildren) : wrappedChildren;
   (0, _react.useEffect)(() => {
     if (onRequestClose) {
       return (0, _util.addEventListener)(importModalState.events, 'requestClose', onRequestClose);
@@ -81,11 +101,11 @@ function _ImportButtonModalLayout(props) {
       dataHook: "import-modal-layout",
       removeContentPadding: removeContentPadding
     }, rest, customModalLayoutProps, {
-      children: wrappedChildren,
+      children: content,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 87,
+        lineNumber: 104,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_CollectionModal.ModalWrapper, {
@@ -94,7 +114,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 94,
+        lineNumber: 111,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.ModalMobileLayout, {
@@ -104,7 +124,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 101,
+          lineNumber: 118,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.title')),
@@ -112,7 +132,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 106,
+          lineNumber: 123,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.description')),
@@ -124,7 +144,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 111,
+          lineNumber: 128,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -135,7 +155,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 112,
+          lineNumber: 129,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.confirm')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -146,14 +166,14 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 120,
+          lineNumber: 137,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.cancel'))),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 115,
         columnNumber: 11
       }
     })));
@@ -164,11 +184,11 @@ function _ImportButtonModalLayout(props) {
     dataHook: "import-modal-layout",
     removeContentPadding: removeContentPadding
   }, rest, customModalLayoutProps, {
-    children: wrappedChildren,
+    children: content,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 155,
       columnNumber: 7
     }
   })), /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, {
@@ -182,7 +202,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 164,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","fields","bulkUploadItems","backup","batchSize","importModalState","rest","isMobile","useIsMobile","createImport","useCreateImport","state","useState","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","content","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","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, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\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';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const {\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n    importModalState,\n    ...rest\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\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' ? (\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  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  if (isMobile) {\n    return (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={wrappedChildren}\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  }\n\n  return (\n    <>\n      <CustomModalLayout\n        width=\"600px\"\n        maxHeight=\"80vh\"\n        dataHook=\"import-modal-layout\"\n        removeContentPadding={removeContentPadding}\n        {...rest}\n        {...customModalLayoutProps}\n        children={wrappedChildren}\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\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_detectFieldType","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","fields","bulkUploadItems","backup","updateSchema","batchSize","importModalState","rest","isMobile","useIsMobile","createImport","useCreateImport","detectColumnType","detectFieldType","state","useState","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","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","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, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { detectFieldType } from '@wix/patterns-fields/detect-field-type';\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';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const {\n    fields,\n    bulkUploadItems,\n    backup,\n    updateSchema,\n    batchSize,\n    importModalState,\n    ...rest\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    fields,\n    bulkUploadItems,\n    backup,\n    updateSchema,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    detectColumnType: detectFieldType,\n    batchSize,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\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' ? (\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  if (isMobile) {\n    return (\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  }\n\n  return (\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\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}

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

@@ -54,6 +54,9 @@ function ImportModalUniDriver(base, body) {
     errorMessageExists: () => modalLayoutBase().$('[data-hook="import-error-message"]').exists(),
     /** Get the CounterBadge driver for the columns found counter */
     getColumnsFoundCounter: () => (0, _unidriver3.CounterBadgeUniDriver)(modalLayoutBase().$('[data-hook="import-columns-found-counter"]'), body),
+    /** Text of the "new field" helper line under a column's mapping dropdown */
+    getNewFieldHelperText: header => modalLayoutBase().$(`[data-hook="import-new-field-helper-${header}"]`).text(),
+    newFieldHelperExists: header => modalLayoutBase().$(`[data-hook="import-new-field-helper-${header}"]`).exists(),
     /** Get the Dropdown driver for a specific CSV header mapping */
     getMappingDropdown: header => (0, _unidriver3.DropdownUniDriver)(modalLayoutBase().$(`[data-hook="import-mapping-${header}"]`), body),
     /** Get the discard changes confirmation modal driver */

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","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","noRowsWarningExists","getProgressLabel","text","progressLabelExists","getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getMappingDropdown","header","DropdownUniDriver","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  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    /** 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\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    /** 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    /** 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","_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","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","noRowsWarningExists","getProgressLabel","text","progressLabelExists","getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getNewFieldHelperText","header","newFieldHelperExists","getMappingDropdown","DropdownUniDriver","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  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    /** 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\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    /** 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":[]}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import { BackupFn, BulkUploadItemsFn, ModalState } from '@wix/bex-core';\nimport { CreateExportAsyncJobRequest } from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';\n\ntype ImportButtonToolbarType = 'default' | 'bulkActionToolbar';\n\nexport interface ImportButtonParams\n  extends Pick<CreateExportAsyncJobRequest, 'fields'> {\n  bulkUploadItems: BulkUploadItemsFn;\n  backup?: BackupFn;\n  batchSize?: number;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n  toolbarType?: ImportButtonToolbarType;\n};\n\nexport type ImportModalProps = ImportButtonParams;\n\nexport type ImportButtonModalLayoutProps = ImportModalProps & {\n  importModalState: ModalState;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import {\n  BackupFn,\n  BulkUploadItemsFn,\n  UpdateSchemaFn,\n  ModalState,\n} from '@wix/bex-core';\nimport { CreateExportAsyncJobRequest } from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';\n\ntype ImportButtonToolbarType = 'default' | 'bulkActionToolbar';\n\nexport interface ImportButtonParams\n  extends Pick<CreateExportAsyncJobRequest, 'fields'> {\n  bulkUploadItems: BulkUploadItemsFn;\n  backup?: BackupFn;\n  /**\n   * Adds new collection fields during import, in a single call, before the rows\n   * upload. When provided, unmapped CSV columns default to creating a new (text)\n   * field instead of \"don't import\". When omitted, behavior is unchanged\n   * (unmapped columns default to skip).\n   */\n  updateSchema?: UpdateSchemaFn;\n  batchSize?: number;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n  toolbarType?: ImportButtonToolbarType;\n};\n\nexport type ImportModalProps = ImportButtonParams;\n\nexport type ImportButtonModalLayoutProps = ImportModalProps & {\n  importModalState: ModalState;\n};\n"],"mappings":"","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 _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _patternsFields = require("@wix/patterns-fields");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportStepConfiguration.tsx";
@@ -16,6 +17,137 @@ const COLUMN_WIDTHS = {
 const SCROLLBAR_GUTTER = {
   scrollbarGutter: 'stable'
 };
+
+// Synthetic dropdown option id representing "create a new field from this
+// column". Distinct from any real field id (which never starts with `$`).
+const CREATE_NEW_FIELD_OPTION_ID = '$createNewField';
+
+// Translation key for each new-field type's name, injected (lowercased) into the
+// helper text ("This will be a new {typeName} field."). Reuses the shared
+// patterns-fields field-type names. Keyed by `NewFieldType` so adding a detected
+// type makes the missing entry a compile error here — the single place to extend.
+
+const NEW_FIELD_TYPE_TITLE_KEY = {
+  text: 'auto-patterns.fields.field_type_text_title',
+  number: 'auto-patterns.fields.field_type_number_title',
+  date: 'auto-patterns.fields.field_type_date_title',
+  boolean: 'auto-patterns.fields.field_type_boolean_title',
+  url: 'auto-patterns.fields.field_type_url_title',
+  image: 'auto-patterns.fields.field_type_image_title',
+  video: 'auto-patterns.fields.field_type_video_title',
+  document: 'auto-patterns.fields.field_type_document_title',
+  audio: 'auto-patterns.fields.field_type_audio_title'
+};
+/**
+ * Helper line under a "create new field" mapping (e.g. "This will be a new text
+ * field."). The type name comes from the shared patterns-fields translations via
+ * `useTranslations`, so this is only rendered when the import modal is wrapped in
+ * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field
+ * creation is enabled (the only case a `new` mapping exists).
+ */
+const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelperText({
+  state,
+  header,
+  fieldType
+}) {
+  const {
+    t: ft
+  } = (0, _patternsFields.useTranslations)();
+  const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "tiny",
+    secondary: true,
+    dataHook: `import-new-field-helper-${header}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 81,
+      columnNumber: 5
+    }
+  }, state.translate('cairo.import.newFieldHelper', {
+    typeName
+  }));
+});
+const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell({
+  state,
+  header,
+  fieldOptions
+}) {
+  const {
+    translate: t,
+    selectedFieldIds,
+    canCreateNewField
+  } = state;
+  const mapping = state.mappingByHeader[header];
+  const selectedId = (mapping == null ? void 0 : mapping.kind) === 'existing' ? mapping.fieldId : (mapping == null ? void 0 : mapping.kind) === 'new' ? CREATE_NEW_FIELD_OPTION_ID : undefined;
+  const options = [...fieldOptions.map(option => ({
+    ...option,
+    disabled: selectedFieldIds.has(String(option.id)) && !((mapping == null ? void 0 : mapping.kind) === 'existing' && mapping.fieldId === String(option.id))
+  })), ...(canCreateNewField ? [
+  // The option is the CSV column header itself (the new field is named
+  // after it) followed by a translated "(New)" marker. The header is
+  // built in code rather than via an interpolated key so it always
+  // shows, regardless of which translation bundle the consumer loads.
+  (() => {
+    const label = `${header} ${t('cairo.import.newFieldSuffix')}`;
+    return (0, _designSystem.listItemSelectBuilder)({
+      id: CREATE_NEW_FIELD_OPTION_ID,
+      label,
+      title: label
+    });
+  })()] : [])];
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP1",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 134,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
+    dataHook: `import-mapping-${header}`,
+    clearButton: true,
+    onClear: () => {
+      state.setMapping(header, null);
+    },
+    placeholder: t('cairo.import.skipColumn'),
+    selectedId: selectedId,
+    onSelect: ({
+      id
+    }) => {
+      if (id === CREATE_NEW_FIELD_OPTION_ID) {
+        state.setNewFieldMapping(header);
+      } else {
+        state.setMapping(header, id);
+      }
+    },
+    popoverProps: {
+      appendTo: 'window',
+      zIndex: 5001,
+      flip: true,
+      fixed: false
+    },
+    options: options,
+    size: "small",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 135,
+      columnNumber: 7
+    }
+  }), (mapping == null ? void 0 : mapping.kind) === 'new' && /*#__PURE__*/_react.default.createElement(NewFieldHelperText, {
+    state: state,
+    header: header,
+    fieldType: mapping.fieldType,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 160,
+      columnNumber: 9
+    }
+  }));
+});
 function _ImportStepConfiguration({
   state
 }) {
@@ -29,9 +161,6 @@ function _ImportStepConfiguration({
     label: field.header,
     title: field.header
   }));
-  const {
-    selectedFieldIds
-  } = state;
   const hasNoRows = state.hasNoMappedData;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -40,7 +169,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 186,
       columnNumber: 5
     }
   }, hasNoRows && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -48,7 +177,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 188,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
@@ -58,7 +187,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 189,
       columnNumber: 11
     }
   }, t('cairo.import.noRowsWarningDescription'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -68,7 +197,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 199,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -84,7 +213,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 200,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -93,7 +222,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 211,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -103,7 +232,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 212,
       columnNumber: 13
     }
   }, t('cairo.import.columnTitle'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -112,7 +241,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 217,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -121,7 +250,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 219,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -131,7 +260,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 220,
       columnNumber: 13
     }
   }, t('cairo.import.collectionField')))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -142,7 +271,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 226,
       columnNumber: 9
     }
   }, csvHeaders.map((header, index) => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
@@ -155,7 +284,7 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 96,
+          lineNumber: 239,
           columnNumber: 21
         }
       }, header),
@@ -166,47 +295,27 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 104,
+          lineNumber: 247,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 105,
+          lineNumber: 248,
           columnNumber: 23
         }
       })),
       width: COLUMN_WIDTHS.arrow
     }, {
-      value: /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
-        dataHook: `import-mapping-${header}`,
-        clearButton: true,
-        onClear: () => {
-          state.setMapping(header, null);
-        },
-        placeholder: t('cairo.import.skipColumn'),
-        selectedId: state.mappingByHeader[header] ?? undefined,
-        onSelect: ({
-          id
-        }) => {
-          state.setMapping(header, id);
-        },
-        popoverProps: {
-          appendTo: 'window',
-          zIndex: 5001,
-          flip: true,
-          fixed: false
-        },
-        options: baseDropdownOptions.map(option => ({
-          ...option,
-          disabled: selectedFieldIds.has(String(option.id)) && state.mappingByHeader[header] !== String(option.id)
-        })),
-        size: "small",
+      value: /*#__PURE__*/_react.default.createElement(FieldMappingCell, {
+        state: state,
+        header: header,
+        fieldOptions: baseDropdownOptions,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 112,
+          lineNumber: 255,
           columnNumber: 21
         }
       }),
@@ -215,7 +324,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 233,
       columnNumber: 13
     }
   })))));