@wix/patterns 1.425.0 → 1.427.0

package/dist/cjs/components/ImportButton/CAIRO-4118-tasks.md

@@ -9,7 +9,7 @@ This tracker turns the ticket's task spec into individually-trackable items. All
 
 | # | Task | Desired behavior | Status | Resolution / Notes |
 |---|---|---|---|---|
-| G1 | Success toast | On successful import, show a success toast | open | — |
+| G1 | Success toast | On successful import, show a success toast | dismiss | Superseded by [CAIRO-4442](https://wix.atlassian.net/browse/CAIRO-4442): completion is now reported by a summary modal (created/updated/failed counts) shown on **every** finished import, not a toast. |
 
 ## Step 1 — Upload: File-Level Failures
 
@@ -34,13 +34,13 @@ This tracker turns the ticket's task spec into individually-trackable items. All
 |---|---|---|---|---|
 | 3.1 | Backup fails (pre-upload backup throws) | Put modal into **error state**; replace progress label with error message; footer CTA → **"Try again"** (re-runs import). [Design](https://www.figma.com/design/RpB9iQ6a43xcvKiovmJaA1/Import?node-id=145-12691) | done | When `_runBackup` rejects, `ImportState.importStatus` goes to `queryStatus.error` (existing). The progress step now renders the error state: `ImportStepProgress.tsx` replaces the `import-progress-label` with an `import-error-message` Text and sets `error` on the `LinearProgressBar` whenever `importStatus.isError` (message = `errorHandler.getResolvedError(...)?.message ?? cairo.import.genericError`). The progress-step footer in `getImportModalStepProps.tsx` swaps the disabled **Importing** primary button for an enabled **Try again** (`cairo.import.tryAgain`, re-runs `state.startImport`) and changes the title to `cairo.import.failedTitle` when `importStatus.isError`. `startImport` now resets `importStatus` → `idle` and `result` → zero at the start of each attempt so a retry begins from a clean slate. Tests in `Table.importButton.spec.tsx`: *"puts the modal into error state and replaces the progress label with an error message when backup fails"*, *"re-runs the import when the 'Try again' CTA is clicked after a backup failure"*. All keys (`tryAgain`, `genericError`, `failedTitle`) already registered in the Translation Center. |
 | 3.2 | Full batch failure (network/server error on first batch) | Modal in **error state** with message and **try again** action | done | `ImportState._uploadBatches` now distinguishes a *thrown* batch error before anything was imported (`result.succeeded === 0`) from a partial failure: in that case it re-throws so `startImport`'s catch sets `importStatus` → `queryStatus.error`. This reuses the same error-state UI shipped for 3.1 (error message replacing the progress label, error `LinearProgressBar`, `cairo.import.failedTitle`, enabled **Try again** primary button re-running `startImport`). A thrown error *after* some batches succeeded keeps the existing partial-success inline message (that path becomes the 3.3 toast later). Tests in `Table.importButton.spec.tsx`: *"puts the modal into error state with a 'Try again' CTA when the first batch fails"* and *"re-runs the import when 'Try again' is clicked after a full batch failure"*. |
-| 3.3 | Partial success — some rows don't make it in, whether a batch *returns* row `errors` or *throws* after some succeeded | Close modal; show toast with how many failed / succeeded + action to **download the CSV** | done | `ImportState._uploadBatches` accumulates a single `_failedRowIndices` (global indices into `csvRows`) across the whole run: (a) rows the server rejects inside an OK response are read from each batch's returned `errors[].rowIndex`, offset by the batch's start index; (b) when a batch *throws* after at least one OK response, every row from the throwing batch onward (the throwing batch + all un-attempted batches) is added on top of any already-rejected rows. If *no* OK response arrived before a throw, it re-throws → full batch failure (3.2). `startImport`'s success branch closes the modal, refreshes the collection, and — whenever `_failedRowIndices` is non-empty — fires a `WARNING` toast: message `cairo.import.partialSuccessToast` ("{failed} rows failed, {imported} rows imported", `failed = _failedRowIndices.length`, `imported = totalCount - failed`) with a `cairo.import.downloadFailedRows` ("Download failed rows") action. The action serializes `csvHeaders` + the failed rows via the `unparseCsv` helper (`parseCsv.ts`, `Papa.unparse`) and downloads through the `downloadCsv` prop, wired in `useImport.ts` from `container.window.download` as a `data:text/csv` URI (filename `failed-<original>`). `BulkUploadResults` was **not** changed — failed-row tracking lives entirely in `ImportState` (it owns `csvRows` + batching). The previous behavior, where a returned-`errors` batch left the modal open on an inline partial-success message, was the bug fixed here. Tests in `Table.importButton.spec.tsx`: throw path — *"closes the modal and shows a toast when a batch fails after some succeed"*, *"downloads only the failed rows when the toast download action is clicked"*; returned-errors path — *"closes the modal and shows a toast when a batch returns row errors"*, *"downloads the rejected rows when a batch returns row errors"*. New keys `partialSuccessToast` / `downloadFailedRows` must be registered in the Translation Center (core `messages_en.json` + generated `translations.ts` are gitignored). |
+| 3.3 | Partial success — some rows don't make it in, whether a batch *returns* row `errors` or *throws* after some succeeded | Close modal; show toast with how many failed / succeeded + action to **download the CSV** | dismiss | Toast behavior superseded by [CAIRO-4442](https://wix.atlassian.net/browse/CAIRO-4442): the modal stays open and shows a summary step (created/updated/failed) with a **Download CSV** button for the failed rows; the CSV gains a leading ".Why it failed to import" reason column. The failed-row tracking described below still applies — only the toast + auto-close is replaced. Original implementation notes retained for reference: `ImportState._uploadBatches` accumulates a single `_failedRowIndices` (global indices into `csvRows`) across the whole run: (a) rows the server rejects inside an OK response are read from each batch's returned `errors[].rowIndex`, offset by the batch's start index; (b) when a batch *throws* after at least one OK response, every row from the throwing batch onward (the throwing batch + all un-attempted batches) is added on top of any already-rejected rows. If *no* OK response arrived before a throw, it re-throws → full batch failure (3.2). `startImport`'s success branch closes the modal, refreshes the collection, and — whenever `_failedRowIndices` is non-empty — fires a `WARNING` toast: message `cairo.import.partialSuccessToast` ("{failed} rows failed, {imported} rows imported", `failed = _failedRowIndices.length`, `imported = totalCount - failed`) with a `cairo.import.downloadFailedRows` ("Download failed rows") action. The action serializes `csvHeaders` + the failed rows via the `unparseCsv` helper (`parseCsv.ts`, `Papa.unparse`) and downloads through the `downloadCsv` prop, wired in `useImport.ts` from `container.window.download` as a `data:text/csv` URI (filename `failed-<original>`). `BulkUploadResults` was **not** changed — failed-row tracking lives entirely in `ImportState` (it owns `csvRows` + batching). The previous behavior, where a returned-`errors` batch left the modal open on an inline partial-success message, was the bug fixed here. Tests in `Table.importButton.spec.tsx`: throw path — *"closes the modal and shows a toast when a batch fails after some succeed"*, *"downloads only the failed rows when the toast download action is clicked"*; returned-errors path — *"closes the modal and shows a toast when a batch returns row errors"*, *"downloads the rejected rows when a batch returns row errors"*. New keys `partialSuccessToast` / `downloadFailedRows` must be registered in the Translation Center (core `messages_en.json` + generated `translations.ts` are gitignored). |
 
 ## Status summary
 
 | # | Topic | Status |
 |---|---|---|
-| G1 | Success toast | open |
+| G1 | Success toast | dismiss (superseded by CAIRO-4442) |
 | 1.1 | File can't be read | done |
 | 1.2 | Malformed CSV | done |
 | 1.3 | Non-UTF-8 encoding | done |
@@ -50,4 +50,4 @@ This tracker turns the ticket's task spec into individually-trackable items. All
 | 2.3 | Field/data mismatch | open |
 | 3.1 | Backup fails | done |
 | 3.2 | Full batch failure | done |
-| 3.3 | Partial success | done |
+| 3.3 | Partial success | dismiss (toast superseded by CAIRO-4442) |

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

@@ -0,0 +1,66 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CmsImportFieldEditor = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _mobx = require("mobx");
+var _FieldEditorModal = require("../CmsFieldManagement/FieldEditorModal");
+var _FieldEditorModalState = require("../CmsFieldManagement/FieldEditorModalState");
+var _importFieldEditor = require("./importFieldEditor");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/CmsImportFieldEditor.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); }
+/**
+ * The CMS create/edit-field modal for the import flow, returned by
+ * `useSchemaImport` as `renderFieldEditor`. Self-contained: it opens and
+ * pre-fills from `state.editingMapping` when a column starts editing, writes the
+ * result back via `state.applyFieldEdit`, and clears `state.editingHeader` on
+ * close so re-editing the same column re-opens it.
+ */
+const _CmsImportFieldEditor = ({
+  state
+}) => {
+  const t = state.translate;
+  const [editorState] = (0, _react.useState)(() => new _FieldEditorModalState.FieldEditorModalState({
+    onSubmit: state.applyFieldEdit
+  }));
+  (0, _react.useEffect)(() => {
+    const disposeOpen = (0, _mobx.reaction)(() => state.editingMapping, mapping => {
+      const header = state.editingHeader;
+      if (mapping && header && !editorState.modal.isOpen) {
+        editorState.open((0, _importFieldEditor.buildFieldDraft)(header, mapping));
+      }
+    }, {
+      fireImmediately: true
+    });
+    const disposeClose = (0, _mobx.reaction)(() => editorState.modal.isOpen, isOpen => {
+      if (!isOpen && state.editingHeader != null) {
+        state.endFieldEdit();
+      }
+    });
+    return () => {
+      disposeOpen();
+      disposeClose();
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_FieldEditorModal.FieldEditorModal, {
+    state: editorState,
+    title: t('cairo.import.editField'),
+    primaryButtonText: t('cairo.import.save'),
+    secondaryButtonText: t('cairo.import.cancel')
+    // The mapping dropdown's popover renders at z-index 5001. Opening the editor
+    // from the "+ Create New Field" footer doesn't synchronously close that
+    // popover, so the editor must stack above it — below the field-type dropdown
+    // inside the editor (10000) and toasts (5500).
+    ,
+    zIndex: 5100,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 48,
+      columnNumber: 5
+    }
+  });
+};
+const CmsImportFieldEditor = exports.CmsImportFieldEditor = (0, _mobxReactLite.observer)(_CmsImportFieldEditor);
+//# sourceMappingURL=CmsImportFieldEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_mobx","_FieldEditorModal","_FieldEditorModalState","_importFieldEditor","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CmsImportFieldEditor","state","translate","editorState","useState","FieldEditorModalState","onSubmit","applyFieldEdit","useEffect","disposeOpen","reaction","editingMapping","mapping","header","editingHeader","modal","isOpen","open","buildFieldDraft","fireImmediately","disposeClose","endFieldEdit","createElement","FieldEditorModal","title","primaryButtonText","secondaryButtonText","zIndex","__self","__source","fileName","lineNumber","columnNumber","CmsImportFieldEditor","exports","observer"],"sources":["../../../../src/components/ImportButton/CmsImportFieldEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { reaction } from 'mobx';\nimport type { ImportState } from '@wix/bex-core';\nimport { FieldEditorModal } from '../CmsFieldManagement/FieldEditorModal';\nimport { FieldEditorModalState } from '../CmsFieldManagement/FieldEditorModalState';\nimport { buildFieldDraft } from './importFieldEditor';\n\n/**\n * The CMS create/edit-field modal for the import flow, returned by\n * `useSchemaImport` as `renderFieldEditor`. Self-contained: it opens and\n * pre-fills from `state.editingMapping` when a column starts editing, writes the\n * result back via `state.applyFieldEdit`, and clears `state.editingHeader` on\n * close so re-editing the same column re-opens it.\n */\nconst _CmsImportFieldEditor = ({ state }: { state: ImportState }) => {\n  const t = state.translate;\n  const [editorState] = useState(\n    () => new FieldEditorModalState({ onSubmit: state.applyFieldEdit }),\n  );\n\n  useEffect(() => {\n    const disposeOpen = reaction(\n      () => state.editingMapping,\n      (mapping) => {\n        const header = state.editingHeader;\n        if (mapping && header && !editorState.modal.isOpen) {\n          editorState.open(buildFieldDraft(header, mapping));\n        }\n      },\n      { fireImmediately: true },\n    );\n    const disposeClose = reaction(\n      () => editorState.modal.isOpen,\n      (isOpen) => {\n        if (!isOpen && state.editingHeader != null) {\n          state.endFieldEdit();\n        }\n      },\n    );\n    return () => {\n      disposeOpen();\n      disposeClose();\n    };\n  }, []);\n\n  return (\n    <FieldEditorModal\n      state={editorState}\n      title={t('cairo.import.editField')}\n      primaryButtonText={t('cairo.import.save')}\n      secondaryButtonText={t('cairo.import.cancel')}\n      // The mapping dropdown's popover renders at z-index 5001. Opening the editor\n      // from the \"+ Create New Field\" footer doesn't synchronously close that\n      // popover, so the editor must stack above it — below the field-type dropdown\n      // inside the editor (10000) and toasts (5500).\n      zIndex={5100}\n    />\n  );\n};\n\nexport const CmsImportFieldEditor = observer(_CmsImportFieldEditor);\n"],"mappings":"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","ignoreList":[]}

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

@@ -17,12 +17,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _ImportButton(props) {
   const {
     toolbarType = 'default',
-    fields,
-    collectionId,
-    destination,
-    backup,
-    updateSchema,
-    onJobError
+    config,
+    renderFieldEditor
   } = props;
   const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
@@ -40,22 +36,18 @@ function _ImportButton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 35,
+        lineNumber: 27,
         columnNumber: 7
       }
     }, () => {
       const child = /*#__PURE__*/_react.default.createElement(_ImportButtonModalLayout.ImportButtonModalLayout, {
         importModalState: state,
-        fields: fields,
-        collectionId: collectionId,
-        destination: destination,
-        backup: backup,
-        updateSchema: updateSchema,
-        onJobError: onJobError,
+        config: config,
+        renderFieldEditor: renderFieldEditor,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 38,
+          lineNumber: 30,
           columnNumber: 13
         }
       });
@@ -67,7 +59,7 @@ function _ImportButton(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 51,
+            lineNumber: 39,
             columnNumber: 15
           }
         }, child);
@@ -79,7 +71,7 @@ function _ImportButton(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 62,
+          lineNumber: 50,
           columnNumber: 13
         }
       }, child);
@@ -93,7 +85,7 @@ function _ImportButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 68,
       columnNumber: 5
     }
   }, toolbarType === 'default' ? /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
@@ -104,14 +96,14 @@ function _ImportButton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 74,
         columnNumber: 17
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 70,
       columnNumber: 9
     }
   }, t('cairo.import.import')) : /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -123,7 +115,7 @@ function _ImportButton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 96,
+        lineNumber: 84,
         columnNumber: 23
       }
     }),
@@ -132,7 +124,7 @@ function _ImportButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 79,
       columnNumber: 9
     }
   }, t('cairo.import.import')));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","fields","collectionId","destination","backup","updateSchema","onJobError","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","importModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","DownloadImport","Button","skin","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { DownloadImport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const {\n    toolbarType = 'default',\n    fields,\n    collectionId,\n    destination,\n    backup,\n    updateSchema,\n    onJobError,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              fields={fields}\n              collectionId={collectionId}\n              destination={destination}\n              backup={backup}\n              updateSchema={updateSchema}\n              onJobError={onJobError}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={<DownloadImport />}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<DownloadImport />}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","config","renderFieldEditor","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","importModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","DownloadImport","Button","skin","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { DownloadImport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const { toolbarType = 'default', config, renderFieldEditor } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              config={config}\n              renderFieldEditor={renderFieldEditor}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={<DownloadImport />}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<DownloadImport />}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}

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

@@ -17,47 +17,26 @@ var _ImportStepper = require("./ImportStepper");
 var _ActionModal = require("../ActionModal");
 var _CollectionModal = require("../CollectionModal");
 var _providers = require("../../providers");
-var _FieldEditorModal = require("../CmsFieldManagement/FieldEditorModal");
-var _FieldEditorModalState = require("../CmsFieldManagement/FieldEditorModalState");
-var _importFieldEditor = require("./importFieldEditor");
 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) {
   const {
-    fields,
-    collectionId,
-    destination,
-    backup,
-    updateSchema,
-    onJobError,
+    config,
     importModalState,
+    renderFieldEditor,
     ...rest
   } = props;
   const isMobile = (0, _useIsMobile.useIsMobile)();
   const createImport = (0, _bexCore.useCreateImport)({
-    fields,
-    collectionId,
-    destination,
-    backup,
-    updateSchema,
-    onJobError,
+    config,
     // Media-aware detection (image/video/document/audio) lives in
-    // patterns-fields; core defaults to primitive detection without it.
+    // patterns-fields; core defaults to primitive detection without it. A
+    // schema-backed config carries its own `mergeFields` (via useSchemaImport),
+    // so created columns refresh with no wiring here (CAIRO-4400).
     detectColumnType: _patternsFields.detectFieldType,
     importModalState
   });
   const [state] = (0, _react.useState)(() => createImport());
-  const [fieldEditorState] = (0, _react.useState)(() => new _FieldEditorModalState.FieldEditorModalState({
-    onSubmit: state.applyFieldEdit
-  }));
-  const openFieldEditor = header => {
-    const mapping = state.mappingByHeader[header];
-    if ((mapping == null ? void 0 : mapping.kind) !== 'new') {
-      return;
-    }
-    state.beginFieldEdit(header);
-    fieldEditorState.open((0, _importFieldEditor.buildFieldDraft)(header, mapping));
-  };
   const {
     onRequestClose,
     children,
@@ -65,10 +44,9 @@ function _ImportButtonModalLayout(props) {
     ...customModalLayoutProps
   } = (0, _getImportModalStepProps.getImportModalStepProps)({
     state,
-    isMobile,
-    onEditField: openFieldEditor
+    isMobile
   });
-  const wrappedChildren = state.currentStep !== 'progress' ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  const wrappedChildren = state.currentStep !== 'progress' && state.currentStep !== 'summary' ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     gap: "SP3",
     width: "100%",
@@ -76,7 +54,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 52,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_ImportStepper.ImportStepper, {
@@ -85,7 +63,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 53,
       columnNumber: 9
     }
   }), children) : children;
@@ -98,7 +76,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 68,
       columnNumber: 5
     }
   }, wrappedChildren) : wrappedChildren;
@@ -126,7 +104,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127,
+        lineNumber: 98,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_CollectionModal.ModalWrapper, {
@@ -135,7 +113,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 105,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.ModalMobileLayout, {
@@ -145,7 +123,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 141,
+          lineNumber: 112,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.title')),
@@ -153,7 +131,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 146,
+          lineNumber: 117,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.description')),
@@ -165,7 +143,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 151,
+          lineNumber: 122,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -176,7 +154,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 152,
+          lineNumber: 123,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.confirm')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -187,14 +165,14 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 160,
+          lineNumber: 131,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.cancel'))),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 138,
+        lineNumber: 109,
         columnNumber: 11
       }
     })));
@@ -209,7 +187,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 177,
+        lineNumber: 148,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, {
@@ -223,23 +201,14 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 186,
+        lineNumber: 157,
         columnNumber: 9
       }
     }));
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, /*#__PURE__*/_react.default.createElement(_FieldEditorModal.FieldEditorModal, {
-    state: fieldEditorState,
-    title: t('cairo.import.editField'),
-    primaryButtonText: t('cairo.import.save'),
-    secondaryButtonText: t('cairo.import.cancel'),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 202,
-      columnNumber: 7
-    }
-  }));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, state.canCreateNewField ? renderFieldEditor == null ? void 0 : renderFieldEditor({
+    state
+  }) : null);
 }
 const ImportButtonModalLayout = exports.ImportButtonModalLayout = (0, _mobxReactLite.observer)(_ImportButtonModalLayout);
 //# sourceMappingURL=ImportButtonModalLayout.js.map

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","_FieldEditorModal","_FieldEditorModalState","_importFieldEditor","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","fields","collectionId","destination","backup","updateSchema","onJobError","importModalState","rest","isMobile","useIsMobile","createImport","useCreateImport","detectColumnType","detectFieldType","state","useState","fieldEditorState","FieldEditorModalState","onSubmit","applyFieldEdit","openFieldEditor","header","mapping","mappingByHeader","kind","beginFieldEdit","open","buildFieldDraft","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","onEditField","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","FieldEditorModal","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';\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 { FieldEditorModal } from '../CmsFieldManagement/FieldEditorModal';\nimport { FieldEditorModalState } from '../CmsFieldManagement/FieldEditorModalState';\nimport { buildFieldDraft } from './importFieldEditor';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const {\n    fields,\n    collectionId,\n    destination,\n    backup,\n    updateSchema,\n    onJobError,\n    importModalState,\n    ...rest\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    fields,\n    collectionId,\n    destination,\n    backup,\n    updateSchema,\n    onJobError,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    detectColumnType: detectFieldType,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  const [fieldEditorState] = useState(\n    () => new FieldEditorModalState({ onSubmit: state.applyFieldEdit }),\n  );\n\n  const openFieldEditor = (header: string) => {\n    const mapping = state.mappingByHeader[header];\n    if (mapping?.kind !== 'new') {\n      return;\n    }\n    state.beginFieldEdit(header);\n    fieldEditorState.open(buildFieldDraft(header, mapping));\n  };\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n    isMobile,\n    onEditField: openFieldEditor,\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  // 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      <FieldEditorModal\n        state={fieldEditorState}\n        title={t('cairo.import.editField')}\n        primaryButtonText={t('cairo.import.save')}\n        secondaryButtonText={t('cairo.import.cancel')}\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","_patternsFields","_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","config","importModalState","renderFieldEditor","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","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","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';\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 { config, importModalState, renderFieldEditor, ...rest } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    config,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it. A\n    // schema-backed config carries its own `mergeFields` (via useSchemaImport),\n    // so created columns refresh with no wiring here (CAIRO-4400).\n    detectColumnType: detectFieldType,\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' && 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 ? renderFieldEditor?.({ state }) : null}\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}

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

@@ -33,7 +33,7 @@ const IdCollisionControl = exports.IdCollisionControl = (0, _mobxReactLite.obser
   const actionLabel = isSkip ? t('cairo.import.skipImportedItems') : t('cairo.import.updateExistingItems');
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
-    gap: "SP1",
+    gap: "0",
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_bexCore","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","MENU_MAX_WIDTH","IdCollisionControl","exports","observer","_IdCollisionControl","state","translate","t","writePolicy","isSkip","WritePolicy","SKIP_EXISTING","actionLabel","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","PopoverMenu","appendTo","zIndex","maxWidth","textSize","placement","triggerElement","TextButton","as","suffixIcon","ChevronDown","MenuItem","text","onClick","setWritePolicy","OVERWRITE"],"sources":["../../../../src/components/ImportButton/ImportIdCollisionControl.tsx"],"sourcesContent":["import { Box, Text, TextButton, PopoverMenu } from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ImportState, WritePolicy } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\n// Width of the policy popover. The default WDS `maxWidth` (204) is too narrow\n// for \"Update the existing items\" at the medium menu font, so the label wraps\n// to two lines; this matches the field-column width so each option fits on one\n// line (per the Figma).\nconst MENU_MAX_WIDTH = 250;\n\n/**\n * Shown under the row whose CSV column is mapped to the collection `_id` field.\n * Lets the user pick how rows that collide on an existing `_id` are written:\n * update the existing item (`OVERWRITE`) or skip it, keeping the existing data\n * intact (`SKIP_EXISTING`). The inline action label reflects the current choice\n * and opens a popover to switch.\n */\nexport const IdCollisionControl = observer(function _IdCollisionControl({\n  state,\n}: {\n  state: ImportState;\n}) {\n  const { translate: t, writePolicy } = state;\n  const isSkip = writePolicy === WritePolicy.SKIP_EXISTING;\n  const actionLabel = isSkip\n    ? t('cairo.import.skipImportedItems')\n    : t('cairo.import.updateExistingItems');\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\">\n      <Text size=\"tiny\" secondary dataHook=\"import-id-collision-label\">\n        {t('cairo.import.idCollisionLabel')}\n      </Text>\n      <PopoverMenu\n        appendTo=\"window\"\n        zIndex={5001}\n        maxWidth={MENU_MAX_WIDTH}\n        textSize=\"small\"\n        placement=\"bottom-start\"\n        dataHook=\"import-id-collision-menu\"\n        triggerElement={\n          <TextButton\n            size=\"tiny\"\n            as=\"button\"\n            dataHook=\"import-id-collision-action\"\n            suffixIcon={<ChevronDown />}\n          >\n            {actionLabel}\n          </TextButton>\n        }\n      >\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-update\"\n          text={t('cairo.import.updateExistingItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.OVERWRITE)}\n        />\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-skip\"\n          text={t('cairo.import.skipImportedItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.SKIP_EXISTING)}\n        />\n      </PopoverMenu>\n    </Box>\n  );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_bexCore","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","MENU_MAX_WIDTH","IdCollisionControl","exports","observer","_IdCollisionControl","state","translate","t","writePolicy","isSkip","WritePolicy","SKIP_EXISTING","actionLabel","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","PopoverMenu","appendTo","zIndex","maxWidth","textSize","placement","triggerElement","TextButton","as","suffixIcon","ChevronDown","MenuItem","text","onClick","setWritePolicy","OVERWRITE"],"sources":["../../../../src/components/ImportButton/ImportIdCollisionControl.tsx"],"sourcesContent":["import { Box, Text, TextButton, PopoverMenu } from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ImportState, WritePolicy } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\n// Width of the policy popover. The default WDS `maxWidth` (204) is too narrow\n// for \"Update the existing items\" at the medium menu font, so the label wraps\n// to two lines; this matches the field-column width so each option fits on one\n// line (per the Figma).\nconst MENU_MAX_WIDTH = 250;\n\n/**\n * Shown under the row whose CSV column is mapped to the collection `_id` field.\n * Lets the user pick how rows that collide on an existing `_id` are written:\n * update the existing item (`OVERWRITE`) or skip it, keeping the existing data\n * intact (`SKIP_EXISTING`). The inline action label reflects the current choice\n * and opens a popover to switch.\n */\nexport const IdCollisionControl = observer(function _IdCollisionControl({\n  state,\n}: {\n  state: ImportState;\n}) {\n  const { translate: t, writePolicy } = state;\n  const isSkip = writePolicy === WritePolicy.SKIP_EXISTING;\n  const actionLabel = isSkip\n    ? t('cairo.import.skipImportedItems')\n    : t('cairo.import.updateExistingItems');\n\n  return (\n    <Box direction=\"vertical\" gap=\"0\">\n      <Text size=\"tiny\" secondary dataHook=\"import-id-collision-label\">\n        {t('cairo.import.idCollisionLabel')}\n      </Text>\n      <PopoverMenu\n        appendTo=\"window\"\n        zIndex={5001}\n        maxWidth={MENU_MAX_WIDTH}\n        textSize=\"small\"\n        placement=\"bottom-start\"\n        dataHook=\"import-id-collision-menu\"\n        triggerElement={\n          <TextButton\n            size=\"tiny\"\n            as=\"button\"\n            dataHook=\"import-id-collision-action\"\n            suffixIcon={<ChevronDown />}\n          >\n            {actionLabel}\n          </TextButton>\n        }\n      >\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-update\"\n          text={t('cairo.import.updateExistingItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.OVERWRITE)}\n        />\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-skip\"\n          text={t('cairo.import.skipImportedItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.SKIP_EXISTING)}\n        />\n      </PopoverMenu>\n    </Box>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -37,6 +37,15 @@ function ImportModalUniDriver(base, body) {
     isUploadStepVisible: () => fileInputBase().exists(),
     isConfigurationStepVisible: () => configurationStepBase().exists(),
     isSummaryStepVisible: () => summaryStepBase().exists(),
+    // Summary step count rows (created / updated / failed). Each row's text is
+    // the translated count line; `*Exists` reflects whether that row rendered
+    // (a count row is shown only when its count is > 0).
+    summaryCreatedExists: () => summaryStepBase().$('[data-hook="import-summary-created"]').exists(),
+    getSummaryCreatedText: () => summaryStepBase().$('[data-hook="import-summary-created"]').text(),
+    summaryUpdatedExists: () => summaryStepBase().$('[data-hook="import-summary-updated"]').exists(),
+    getSummaryUpdatedText: () => summaryStepBase().$('[data-hook="import-summary-updated"]').text(),
+    summaryFailedExists: () => summaryStepBase().$('[data-hook="import-summary-failed"]').exists(),
+    getSummaryFailedText: () => summaryStepBase().$('[data-hook="import-summary-failed"]').text(),
     /** Simulates selecting a file in the upload step */
     uploadFile: async file => {
       const nativeInput = await fileInputBase().$('input[type="file"]').getNative();
@@ -88,6 +97,12 @@ function ImportModalUniDriver(base, body) {
     editFieldLinkExists: header => modalLayoutBase().$(`[data-hook="import-edit-field-${header}"]`).exists(),
     /** Click the "Edit field" link to open the field editor for a column */
     clickEditField: header => modalLayoutBase().$(`[data-hook="import-edit-field-${header}"]`).click(),
+    // The mapping dropdown's popover appends to `window`, so its "+ Create New
+    // Field" footer renders on `body`, not under the modal layout.
+    /** Whether the dropdown's "+ Create New Field" footer is shown for a column */
+    createFieldFooterExists: header => body.$(`[data-hook="import-create-field-${header}"]`).exists(),
+    /** Click the "+ Create New Field" dropdown footer for a column */
+    clickCreateField: header => body.$(`[data-hook="import-create-field-${header}"]`).click(),
     /** Whether the CMS field-editor modal is open */
     fieldEditorIsOpen: () => body.$('[data-hook="field-editor-modal"]').exists(),
     /** Field-editor modal layout driver (Save/Cancel, title, ...) */