npm - @wix/patterns - Versions diffs - 1.426.0 → 1.430.0 - Mend

@wix/patterns 1.426.0 → 1.430.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (891) hide show

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

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

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

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAE3C;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,GAAG;;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASC,mBAAmBA,CAAC;EACtEC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAC3C,MAAMI,MAAM,GAAGD,WAAW,KAAKE,oBAAW,CAACC,aAAa;EACxD,MAAMC,WAAW,GAAGH,MAAM,GACtBF,CAAC,CAAC,gCAAgC,CAAC,GACnCA,CAAC,CAAC,kCAAkC,CAAC;EAEzC,oBACEX,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,~~KAAK~~;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACjC1B~~,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA+B,IAAI;IAACC,IAAI,EAAC,MAAM;IAACC,SAAS;IAACC,QAAQ,EAAC,2BAA2B;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7Df,CAAC,CAAC,+BAA+B,CAC9B,CAAC,eACPX,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAmC,WAAW;IACVC,QAAQ,EAAC,QAAQ;IACjBC,MAAM,EAAE,IAAK;IACbC,QAAQ,EAAE9B,cAAe;IACzB+B,QAAQ,EAAC,OAAO;IAChBC,SAAS,EAAC,cAAc;IACxBN,QAAQ,EAAC,0BAA0B;IACnCO,cAAc,eACZrC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA0C,UAAU;MACTV,IAAI,EAAC,MAAM;MACXW,EAAE,EAAC,QAAQ;MACXT,QAAQ,EAAC,4BAA4B;MACrCU,UAAU,eAAExC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACpB,iBAAA,CAAA2C,WAAW;QAAAnB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE3BV,WACS,CACb;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAED1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAmC,WAAW,CAACW,QAAQ;IACnBZ,QAAQ,EAAC,4BAA4B;IACrCa,IAAI,EAAEhC,CAAC,CAAC,kCAAkC,CAAE;IAC5CiC,OAAO,EAAEA,CAAA,KAAMnC,KAAK,CAACoC,cAAc,CAAC/B,oBAAW,CAACgC,SAAS,CAAE;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5D,CAAC,eACF1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAmC,WAAW,CAACW,QAAQ;IACnBZ,QAAQ,EAAC,0BAA0B;IACnCa,IAAI,EAAEhC,CAAC,CAAC,gCAAgC,CAAE;IAC1CiC,OAAO,EAAEA,CAAA,KAAMnC,KAAK,CAACoC,cAAc,CAAC/B,oBAAW,CAACC,aAAa,CAAE;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChE,CACU,CACV,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
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=\"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":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAE3C;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,GAAG;;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASC,mBAAmBA,CAAC;EACtEC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAC3C,MAAMI,MAAM,GAAGD,WAAW,KAAKE,oBAAW,CAACC,aAAa;EACxD,MAAMC,WAAW,GAAGH,MAAM,GACtBF,CAAC,CAAC,gCAAgC,CAAC,GACnCA,CAAC,CAAC,kCAAkC,CAAC;EAEzC,oBACEX,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/B1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA+B,IAAI;IAACC,IAAI,EAAC,MAAM;IAACC,SAAS;IAACC,QAAQ,EAAC,2BAA2B;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7Df,CAAC,CAAC,+BAA+B,CAC9B,CAAC,eACPX,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAmC,WAAW;IACVC,QAAQ,EAAC,QAAQ;IACjBC,MAAM,EAAE,IAAK;IACbC,QAAQ,EAAE9B,cAAe;IACzB+B,QAAQ,EAAC,OAAO;IAChBC,SAAS,EAAC,cAAc;IACxBN,QAAQ,EAAC,0BAA0B;IACnCO,cAAc,eACZrC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA0C,UAAU;MACTV,IAAI,EAAC,MAAM;MACXW,EAAE,EAAC,QAAQ;MACXT,QAAQ,EAAC,4BAA4B;MACrCU,UAAU,eAAExC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACpB,iBAAA,CAAA2C,WAAW;QAAAnB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE3BV,WACS,CACb;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAED1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAmC,WAAW,CAACW,QAAQ;IACnBZ,QAAQ,EAAC,4BAA4B;IACrCa,IAAI,EAAEhC,CAAC,CAAC,kCAAkC,CAAE;IAC5CiC,OAAO,EAAEA,CAAA,KAAMnC,KAAK,CAACoC,cAAc,CAAC/B,oBAAW,CAACgC,SAAS,CAAE;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5D,CAAC,eACF1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAmC,WAAW,CAACW,QAAQ;IACnBZ,QAAQ,EAAC,0BAA0B;IACnCa,IAAI,EAAEhC,CAAC,CAAC,gCAAgC,CAAE;IAC1CiC,OAAO,EAAEA,CAAA,KAAMnC,KAAK,CAACoC,cAAc,CAAC/B,oBAAW,CAACC,aAAa,CAAE;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChE,CACU,CACV,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

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

@@ -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, ...) */

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

	@@ -1 +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","getErrorMessageWrapStyle","native","overflowWrap","style","wordBreak","getColumnsFoundCounter","CounterBadgeUniDriver","getNewFieldHelperText","header","newFieldHelperExists","getMappingDropdown","DropdownUniDriver","getMappingHeadersInOrder","$$","idCollisionControlExists","getIdCollisionActionText","openIdCollisionMenu","clickIdCollisionUpdate","clickIdCollisionSkip","editFieldLinkExists","clickEditField","fieldEditorIsOpen","getFieldEditorModal","getFieldEditorNameInput","InputUniDriver","confirmFieldEditor","getDiscardChangesModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n CounterBadgeUniDriver,\n CustomModalLayoutUniDriver,\n DropdownUniDriver,\n InputUniDriver,\n MessageModalLayoutUniDriver,\n ModalUniDriver,\n TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n const modalBase = () => body.$('.portal-import-modal');\n const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n const footerBase = () =>\n modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n const getModalLayout = () =>\n CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n const getFooterText = async () =>\n (await TextUniDriver(footerBase(), body)).getText();\n\n const footerExists = () => footerBase().exists();\n\n const fileInputBase = () =>\n modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n const configurationStepBase = () =>\n modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n const summaryStepBase = () =>\n modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n const progressLabelBase = () =>\n modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n return {\n wait: (timeout?: number) => base.wait(timeout),\n ...baseUniDriverFactory(base),\n getModal,\n getModalLayout,\n waitModalClosed: (timeout?: number) =>\n waitFor(async () => !(await getModalLayout().exists()), timeout),\n clickPrimaryAction: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).click(),\n getPrimaryActionText: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n isPrimaryButtonDisabled: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n getSecondaryButtonText: async () =>\n (\n await getModalLayout().getSecondaryButtonDriver()\n ).getButtonTextContent(),\n clickSecondaryAction: async () =>\n (await getModalLayout().getSecondaryButtonDriver()).click(),\n clickCloseButton: () => getModalLayout().clickCloseButton(),\n getModalTitle: () => getModalLayout().getTitleText(),\n getSubtitleText: () => getModalLayout().getSubtitleText(),\n getFooterText,\n footerExists,\n\n isUploadStepVisible: () => fileInputBase().exists(),\n isConfigurationStepVisible: () => configurationStepBase().exists(),\n isSummaryStepVisible: () => summaryStepBase().exists(),\n\n /** Simulates selecting a file in the upload step /\n uploadFile: async (file: File) => {\n const nativeInput: HTMLInputElement = await fileInputBase()\n .$('input[type=\"file\"]')\n .getNative();\n Object.defineProperty(nativeInput, 'files', { value: [file] });\n nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n },\n\n noRowsWarningExists: () =>\n modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n getProgressLabel: () => progressLabelBase().text(),\n progressLabelExists: () => progressLabelBase().exists(),\n\n getErrorMessageText: () =>\n modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n errorMessageExists: () =>\n modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n // Inline wrap style on the error message's container — asserts a long,\n // unbroken message is forced to wrap inside the modal instead of overflowing.\n getErrorMessageWrapStyle: async () => {\n const native: HTMLElement = await modalLayoutBase()\n .$('[data-hook=\"import-error-message-wrap\"]')\n .getNative();\n return {\n overflowWrap: native.style.overflowWrap,\n wordBreak: native.style.wordBreak,\n };\n },\n\n /* Get the CounterBadge driver for the columns found counter /\n getColumnsFoundCounter: () =>\n CounterBadgeUniDriver(\n modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n body,\n ),\n\n /* Text of the \"new field\" helper line under a column's mapping dropdown /\n getNewFieldHelperText: (header: string) =>\n modalLayoutBase()\n .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n .text(),\n newFieldHelperExists: (header: string) =>\n modalLayoutBase()\n .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n .exists(),\n\n /* Get the Dropdown driver for a specific CSV header mapping /\n getMappingDropdown: (header: string) =>\n DropdownUniDriver(\n modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n body,\n ),\n\n /\n CSV headers in the order their mapping rows are rendered (ID row first).\n * Reads the per-row column-title cells in DOM order — `.text()` on the\n * multi-element query returns their text as an ordered array.\n /\n getMappingHeadersInOrder: () =>\n modalLayoutBase().$$('[data-hook=\"import-column-title\"]').text(),\n\n /* Whether the \"When items share the same ID\" sentence + action are shown /\n idCollisionControlExists: () =>\n modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').exists(),\n\n /* Current label of the id-collision inline action (reflects the choice) /\n getIdCollisionActionText: () =>\n modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').text(),\n\n /* Open the id-collision popover menu /\n openIdCollisionMenu: () =>\n modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').click(),\n\n // The popover menu renders at `window` (appendTo), so its items live on\n // `body`, not under the modal layout.\n clickIdCollisionUpdate: () =>\n body.$('[data-hook=\"import-id-collision-update\"]').click(),\n clickIdCollisionSkip: () =>\n body.$('[data-hook=\"import-id-collision-skip\"]').click(),\n\n /* Whether the \"Edit field\" link under a column's new-field mapping exists /\n editFieldLinkExists: (header: string) =>\n modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).exists(),\n\n /* Click the \"Edit field\" link to open the field editor for a column /\n clickEditField: (header: string) =>\n modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).click(),\n\n /* Whether the CMS field-editor modal is open /\n fieldEditorIsOpen: () =>\n body.$('[data-hook=\"field-editor-modal\"]').exists(),\n\n /* Field-editor modal layout driver (Save/Cancel, title, ...) /\n getFieldEditorModal: () =>\n CustomModalLayoutUniDriver(\n body.$('[data-hook=\"field-editor-modal\"]'),\n body,\n ),\n\n /* Field-editor \"Field name\" input driver /\n getFieldEditorNameInput: () =>\n InputUniDriver(body.$('[data-hook=\"cms-field-name-input\"]'), body),\n\n /* Confirm (Save) the field editor /\n confirmFieldEditor: async () =>\n (\n await CustomModalLayoutUniDriver(\n body.$('[data-hook=\"field-editor-modal\"]'),\n body,\n ).getPrimaryButtonDriver()\n ).click(),\n\n /* Get the discard changes confirmation modal driver */\n getDiscardChangesModal: () =>\n MessageModalLayoutUniDriver(\n body.$('[data-hook=\"import-discard-changes-modal\"]'),\n body,\n ),\n };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAUO,SAASG,oBAAoBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACrE,MAAMC,SAAS,GAAGA,CAAA,KAAMD,IAAI,CAACE,CAAC,CAAC,sBAAsB,CAAC;EACtD,MAAMC,eAAe,GAAGA,CAAA,KAAMH,IAAI,CAACE,CAAC,CAAC,mCAAmC,CAAC;EACzE,MAAME,UAAU,GAAGA,CAAA,KACjBD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,wCAAwC,CAAC;EAE/D,MAAMG,QAAQ,GAAGA,CAAA,KAAM,IAAAC,0BAAc,EAACL,SAAS,CAAC,CAAC,EAAEA,SAAS,CAAC,CAAC,CAAC;EAE/D,MAAMM,cAAc,GAAGA,CAAA,KACrB,IAAAC,sCAA0B,EAACL,eAAe,CAAC,CAAC,EAAEH,IAAI,CAAC;EAErD,MAAMS,aAAa,GAAG,MAAAA,CAAA,KACpB,CAAC,MAAM,IAAAC,yBAAa,EAACN,UAAU,CAAC,CAAC,EAAEJ,IAAI,CAAC,EAAEW,OAAO,CAAC,CAAC;EAErD,MAAMC,YAAY,GAAGA,CAAA,KAAMR,UAAU,CAAC,CAAC,CAACS,MAAM,CAAC,CAAC;EAEhD,MAAMC,aAAa,GAAGA,CAAA,KACpBX,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,iCAAiC,CAAC;EACxD,MAAMa,qBAAqB,GAAGA,CAAA,KAC5BZ,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,mCAAmC,CAAC;EAC1D,MAAMc,eAAe,GAAGA,CAAA,KACtBb,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,mCAAmC,CAAC;EAC1D,MAAMe,iBAAiB,GAAGA,CAAA,KACxBd,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,qCAAqC,CAAC;EAE5D,OAAO;IACLgB,IAAI,EAAGC,OAAgB,IAAKpB,IAAI,CAACmB,IAAI,CAACC,OAAO,CAAC;IAC9C,GAAG,IAAAC,gCAAoB,EAACrB,IAAI,CAAC;IAC7BM,QAAQ;IACRE,cAAc;IACdc,eAAe,EAAGF,OAAgB,IAChC,IAAAG,kBAAO,EAAC,YAAY,EAAE,MAAMf,cAAc,CAAC,CAAC,CAACM,MAAM,CAAC,CAAC,CAAC,EAAEM,OAAO,CAAC;IAClEI,kBAAkB,EAAE,MAAAA,CAAA,KAClB,CAAC,MAAMhB,cAAc,CAAC,CAAC,CAACiB,sBAAsB,CAAC,CAAC,EAAEC,KAAK,CAAC,CAAC;IAC3DC,oBAAoB,EAAE,MAAAA,CAAA,KACpB,CAAC,MAAMnB,cAAc,CAAC,CAAC,CAACiB,sBAAsB,CAAC,CAAC,EAAEG,oBAAoB,CAAC,CAAC;IAC1EC,uBAAuB,EAAE,MAAAA,CAAA,KACvB,CAAC,MAAMrB,cAAc,CAAC,CAAC,CAACiB,sBAAsB,CAAC,CAAC,EAAEK,gBAAgB,CAAC,CAAC;IACtEC,sBAAsB,EAAE,MAAAA,CAAA,KACtB,CACE,MAAMvB,cAAc,CAAC,CAAC,CAACwB,wBAAwB,CAAC,CAAC,EACjDJ,oBAAoB,CAAC,CAAC;IAC1BK,oBAAoB,EAAE,MAAAA,CAAA,KACpB,CAAC,MAAMzB,cAAc,CAAC,CAAC,CAACwB,wBAAwB,CAAC,CAAC,EAAEN,KAAK,CAAC,CAAC;IAC7DQ,gBAAgB,EAAEA,CAAA,KAAM1B,cAAc,CAAC,CAAC,CAAC0B,gBAAgB,CAAC,CAAC;IAC3DC,aAAa,EAAEA,CAAA,KAAM3B,cAAc,CAAC,CAAC,CAAC4B,YAAY,CAAC,CAAC;IACpDC,eAAe,EAAEA,CAAA,KAAM7B,cAAc,CAAC,CAAC,CAAC6B,eAAe,CAAC,CAAC;IACzD3B,aAAa;IACbG,YAAY;IAEZyB,mBAAmB,EAAEA,CAAA,KAAMvB,aAAa,CAAC,CAAC,CAACD,MAAM,CAAC,CAAC;IACnDyB,0BAA0B,EAAEA,CAAA,KAAMvB,qBAAqB,CAAC,CAAC,CAACF,MAAM,CAAC,CAAC;IAClE0B,oBAAoB,EAAEA,CAAA,KAAMvB,eAAe,CAAC,CAAC,CAACH,MAAM,CAAC,CAAC;IAEtD;IACA2B,UAAU,EAAE,MAAOC,IAAU,IAAK;MAChC,MAAMC,WAA6B,GAAG,MAAM5B,aAAa,CAAC,CAAC,CACxDZ,CAAC,CAAC,oBAAoB,CAAC,CACvByC,SAAS,CAAC,CAAC;MACdC,MAAM,CAACC,cAAc,CAACH,WAAW,EAAE,OAAO,EAAE;QAAEI,KAAK,EAAE,CAACL,IAAI;MAAE,CAAC,CAAC;MAC9DC,WAAW,CAACK,aAAa,CAAC,IAAIC,KAAK,CAAC,QAAQ,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC,CAAC;IACnE,CAAC;IAEDC,mBAAmB,EAAEA,CAAA,KACnB/C,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,sCAAsC,CAAC,CAACW,MAAM,CAAC,CAAC;IAEtEsC,gBAAgB,EAAEA,CAAA,KAAMlC,iBAAiB,CAAC,CAAC,CAACmC,IAAI,CAAC,CAAC;IAClDC,mBAAmB,EAAEA,CAAA,KAAMpC,iBAAiB,CAAC,CAAC,CAACJ,MAAM,CAAC,CAAC;IAEvDyC,mBAAmB,EAAEA,CAAA,KACnBnD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACkD,IAAI,CAAC,CAAC;IAClEG,kBAAkB,EAAEA,CAAA,KAClBpD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACW,MAAM,CAAC,CAAC;IACpE;IACA;IACA2C,wBAAwB,EAAE,MAAAA,CAAA,KAAY;MACpC,MAAMC,MAAmB,GAAG,MAAMtD,eAAe,CAAC,CAAC,CAChDD,CAAC,CAAC,yCAAyC,CAAC,CAC5CyC,SAAS,CAAC,CAAC;MACd,OAAO;QACLe,YAAY,EAAED,MAAM,CAACE,KAAK,CAACD,YAAY;QACvCE,SAAS,EAAEH,MAAM,CAACE,KAAK,CAACC;MAC1B,CAAC;IACH,CAAC;IAED;IACAC,sBAAsB,EAAEA,CAAA,KACtB,IAAAC,iCAAqB,EACnB3D,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,4CAA4C,CAAC,EACjEF,IACF,CAAC;IAEH;IACA+D,qBAAqB,EAAGC,MAAc,IACpC7D,eAAe,CAAC,CAAC,CACdD,CAAC,CAAC,uCAAuC8D,MAAM,IAAI,CAAC,CACpDZ,IAAI,CAAC,CAAC;IACXa,oBAAoB,EAAGD,MAAc,IACnC7D,eAAe,CAAC,CAAC,CACdD,CAAC,CAAC,uCAAuC8D,MAAM,IAAI,CAAC,CACpDnD,MAAM,CAAC,CAAC;IAEb;IACAqD,kBAAkB,EAAGF,MAAc,IACjC,IAAAG,6BAAiB,EACfhE,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,8BAA8B8D,MAAM,IAAI,CAAC,EAC7DhE,IACF,CAAC;IAEH;AACJ;AACA;AACA;AACA;IACIoE,wBAAwB,EAAEA,CAAA,KACxBjE,eAAe,CAAC,CAAC,CAACkE,EAAE,CAAC,mCAAmC,CAAC,CAACjB,IAAI,CAAC,CAAC;IAElE;IACAkB,wBAAwB,EAAEA,CAAA,KACxBnE,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,0CAA0C,CAAC,CAACW,MAAM,CAAC,CAAC;IAE1E;IACA0D,wBAAwB,EAAEA,CAAA,KACxBpE,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,0CAA0C,CAAC,CAACkD,IAAI,CAAC,CAAC;IAExE;IACAoB,mBAAmB,EAAEA,CAAA,KACnBrE,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,0CAA0C,CAAC,CAACuB,KAAK,CAAC,CAAC;IAEzE;IACA;IACAgD,sBAAsB,EAAEA,CAAA,KACtBzE,IAAI,CAACE,CAAC,CAAC,0CAA0C,CAAC,CAACuB,KAAK,CAAC,CAAC;IAC5DiD,oBAAoB,EAAEA,CAAA,KACpB1E,IAAI,CAACE,CAAC,CAAC,wCAAwC,CAAC,CAACuB,KAAK,CAAC,CAAC;IAE1D;IACAkD,mBAAmB,EAAGX,MAAc,IAClC7D,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,iCAAiC8D,MAAM,IAAI,CAAC,CAACnD,MAAM,CAAC,CAAC;IAE3E;IACA+D,cAAc,EAAGZ,MAAc,IAC7B7D,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,iCAAiC8D,MAAM,IAAI,CAAC,CAACvC,KAAK,CAAC,CAAC;IAE1E;IACAoD,iBAAiB,EAAEA,CAAA,KACjB7E,IAAI,CAACE,CAAC,CAAC,kCAAkC,CAAC,CAACW,MAAM,CAAC,CAAC;IAErD;IACAiE,mBAAmB,EAAEA,CAAA,KACnB,IAAAtE,sCAA0B,EACxBR,IAAI,CAACE,CAAC,CAAC,kCAAkC,CAAC,EAC1CF,IACF,CAAC;IAEH;IACA+E,uBAAuB,EAAEA,CAAA,KACvB,IAAAC,0BAAc,EAAChF,IAAI,CAACE,CAAC,CAAC,oCAAoC,CAAC,EAAEF,IAAI,CAAC;IAEpE;IACAiF,kBAAkB,EAAE,MAAAA,CAAA,KAClB,CACE,MAAM,IAAAzE,sCAA0B,EAC9BR,IAAI,CAACE,CAAC,CAAC,kCAAkC,CAAC,EAC1CF,IACF,CAAC,CAACwB,sBAAsB,CAAC,CAAC,EAC1BC,KAAK,CAAC,CAAC;IAEX;IACAyD,sBAAsB,EAAEA,CAAA,KACtB,IAAAC,uCAA2B,EACzBnF,IAAI,CAACE,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF;EACJ,CAAC;AACH;AAAC,IAAAoF,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcxF,oBAAoB","ignoreList":[]}
1	+ {"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","summaryCreatedExists","getSummaryCreatedText","text","summaryUpdatedExists","getSummaryUpdatedText","summaryFailedExists","getSummaryFailedText","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","noRowsWarningExists","getProgressLabel","progressLabelExists","getErrorMessageText","errorMessageExists","getErrorMessageWrapStyle","native","overflowWrap","style","wordBreak","getColumnsFoundCounter","CounterBadgeUniDriver","getNewFieldHelperText","header","newFieldHelperExists","getMappingDropdown","DropdownUniDriver","getMappingHeadersInOrder","$$","idCollisionControlExists","getIdCollisionActionText","openIdCollisionMenu","clickIdCollisionUpdate","clickIdCollisionSkip","editFieldLinkExists","clickEditField","createFieldFooterExists","clickCreateField","fieldEditorIsOpen","getFieldEditorModal","getFieldEditorNameInput","InputUniDriver","confirmFieldEditor","getDiscardChangesModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n CounterBadgeUniDriver,\n CustomModalLayoutUniDriver,\n DropdownUniDriver,\n InputUniDriver,\n MessageModalLayoutUniDriver,\n ModalUniDriver,\n TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n const modalBase = () => body.$('.portal-import-modal');\n const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n const footerBase = () =>\n modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n const getModalLayout = () =>\n CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n const getFooterText = async () =>\n (await TextUniDriver(footerBase(), body)).getText();\n\n const footerExists = () => footerBase().exists();\n\n const fileInputBase = () =>\n modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n const configurationStepBase = () =>\n modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n const summaryStepBase = () =>\n modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n const progressLabelBase = () =>\n modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n return {\n wait: (timeout?: number) => base.wait(timeout),\n ...baseUniDriverFactory(base),\n getModal,\n getModalLayout,\n waitModalClosed: (timeout?: number) =>\n waitFor(async () => !(await getModalLayout().exists()), timeout),\n clickPrimaryAction: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).click(),\n getPrimaryActionText: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n isPrimaryButtonDisabled: async () =>\n (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n getSecondaryButtonText: async () =>\n (\n await getModalLayout().getSecondaryButtonDriver()\n ).getButtonTextContent(),\n clickSecondaryAction: async () =>\n (await getModalLayout().getSecondaryButtonDriver()).click(),\n clickCloseButton: () => getModalLayout().clickCloseButton(),\n getModalTitle: () => getModalLayout().getTitleText(),\n getSubtitleText: () => getModalLayout().getSubtitleText(),\n getFooterText,\n footerExists,\n\n isUploadStepVisible: () => fileInputBase().exists(),\n isConfigurationStepVisible: () => configurationStepBase().exists(),\n isSummaryStepVisible: () => summaryStepBase().exists(),\n\n // Summary step count rows (created / updated / failed). Each row's text is\n // the translated count line; `Exists` reflects whether that row rendered\n // (a count row is shown only when its count is > 0).\n summaryCreatedExists: () =>\n summaryStepBase().$('[data-hook=\"import-summary-created\"]').exists(),\n getSummaryCreatedText: () =>\n summaryStepBase().$('[data-hook=\"import-summary-created\"]').text(),\n summaryUpdatedExists: () =>\n summaryStepBase().$('[data-hook=\"import-summary-updated\"]').exists(),\n getSummaryUpdatedText: () =>\n summaryStepBase().$('[data-hook=\"import-summary-updated\"]').text(),\n summaryFailedExists: () =>\n summaryStepBase().$('[data-hook=\"import-summary-failed\"]').exists(),\n getSummaryFailedText: () =>\n summaryStepBase().$('[data-hook=\"import-summary-failed\"]').text(),\n\n /* Simulates selecting a file in the upload step /\n uploadFile: async (file: File) => {\n const nativeInput: HTMLInputElement = await fileInputBase()\n .$('input[type=\"file\"]')\n .getNative();\n Object.defineProperty(nativeInput, 'files', { value: [file] });\n nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n },\n\n noRowsWarningExists: () =>\n modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n getProgressLabel: () => progressLabelBase().text(),\n progressLabelExists: () => progressLabelBase().exists(),\n\n getErrorMessageText: () =>\n modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n errorMessageExists: () =>\n modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n // Inline wrap style on the error message's container — asserts a long,\n // unbroken message is forced to wrap inside the modal instead of overflowing.\n getErrorMessageWrapStyle: async () => {\n const native: HTMLElement = await modalLayoutBase()\n .$('[data-hook=\"import-error-message-wrap\"]')\n .getNative();\n return {\n overflowWrap: native.style.overflowWrap,\n wordBreak: native.style.wordBreak,\n };\n },\n\n /* Get the CounterBadge driver for the columns found counter /\n getColumnsFoundCounter: () =>\n CounterBadgeUniDriver(\n modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n body,\n ),\n\n /* Text of the \"new field\" helper line under a column's mapping dropdown /\n getNewFieldHelperText: (header: string) =>\n modalLayoutBase()\n .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n .text(),\n newFieldHelperExists: (header: string) =>\n modalLayoutBase()\n .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n .exists(),\n\n /* Get the Dropdown driver for a specific CSV header mapping /\n getMappingDropdown: (header: string) =>\n DropdownUniDriver(\n modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n body,\n ),\n\n /\n CSV headers in the order their mapping rows are rendered (ID row first).\n * Reads the per-row column-title cells in DOM order — `.text()` on the\n * multi-element query returns their text as an ordered array.\n /\n getMappingHeadersInOrder: () =>\n modalLayoutBase().$$('[data-hook=\"import-column-title\"]').text(),\n\n /* Whether the \"When items share the same ID\" sentence + action are shown /\n idCollisionControlExists: () =>\n modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').exists(),\n\n /* Current label of the id-collision inline action (reflects the choice) /\n getIdCollisionActionText: () =>\n modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').text(),\n\n /* Open the id-collision popover menu /\n openIdCollisionMenu: () =>\n modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').click(),\n\n // The popover menu renders at `window` (appendTo), so its items live on\n // `body`, not under the modal layout.\n clickIdCollisionUpdate: () =>\n body.$('[data-hook=\"import-id-collision-update\"]').click(),\n clickIdCollisionSkip: () =>\n body.$('[data-hook=\"import-id-collision-skip\"]').click(),\n\n /* Whether the \"Edit field\" link under a column's new-field mapping exists /\n editFieldLinkExists: (header: string) =>\n modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).exists(),\n\n /* Click the \"Edit field\" link to open the field editor for a column /\n clickEditField: (header: string) =>\n modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).click(),\n\n // The mapping dropdown's popover appends to `window`, so its \"+ Create New\n // Field\" footer renders on `body`, not under the modal layout.\n /* Whether the dropdown's \"+ Create New Field\" footer is shown for a column /\n createFieldFooterExists: (header: string) =>\n body.$(`[data-hook=\"import-create-field-${header}\"]`).exists(),\n\n /* Click the \"+ Create New Field\" dropdown footer for a column /\n clickCreateField: (header: string) =>\n body.$(`[data-hook=\"import-create-field-${header}\"]`).click(),\n\n /* Whether the CMS field-editor modal is open /\n fieldEditorIsOpen: () =>\n body.$('[data-hook=\"field-editor-modal\"]').exists(),\n\n /* Field-editor modal layout driver (Save/Cancel, title, ...) /\n getFieldEditorModal: () =>\n CustomModalLayoutUniDriver(\n body.$('[data-hook=\"field-editor-modal\"]'),\n body,\n ),\n\n /* Field-editor \"Field name\" input driver /\n getFieldEditorNameInput: () =>\n InputUniDriver(body.$('[data-hook=\"cms-field-name-input\"]'), body),\n\n /* Confirm (Save) the field editor /\n confirmFieldEditor: async () =>\n (\n await CustomModalLayoutUniDriver(\n body.$('[data-hook=\"field-editor-modal\"]'),\n body,\n ).getPrimaryButtonDriver()\n ).click(),\n\n /* Get the discard changes confirmation modal driver */\n getDiscardChangesModal: () =>\n MessageModalLayoutUniDriver(\n body.$('[data-hook=\"import-discard-changes-modal\"]'),\n body,\n ),\n };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":"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","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import { ~~ImportButtonConfig~~, ModalState } from '@wix/bex-core';\n\ntype ImportButtonToolbarType = 'default' \| 'bulkActionToolbar';\n\nexport interface ImportButtonParams {\n /*\n The import inputs: a ~~manual~~ object (~~existing~~ ~~fields~~ + ~~destination~~ / ~~backup~~ /\n * create-new-field / ~~onJobError~~), or a ~~live~~ ~~schema-backed~~ config ~~from\~~n * {@link ~~useSchemaImport~~} ~~that~~ ~~supplies~~ ~~them~~ from the ~~collection's~~ ~~schema.~~ ~~See~~\n * ~~{@link~~ ~~ImportButtonConfig}~~.\n */\n ~~config:~~ ~~ImportButtonConfig~~;\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":[]}
1	+ {"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import { ImportConfig, ImportState, ModalState } from '@wix/bex-core';\nimport { ReactNode } from 'react';\n\ntype ImportButtonToolbarType = 'default' \| 'bulkActionToolbar';\n\n/*\n Renders the \"create/edit field\" modal. The element is a self-contained editor\n * that watches `state.editingHeader` to open, pre-fill, and close itself, and\n * writes the result back via the state's `applyFieldEdit` /\n * `applyDataExtensionFieldEdit`. `ImportButton` picks and lazy-loads the right\n * one from the destination by default; pass this only to override.\n /\nexport type RenderImportFieldEditor = (args: {\n state: ImportState;\n}) => ReactNode;\n\nexport interface ImportButtonParams {\n /\n The import inputs, as a plain object. Omit it entirely to import into the\n * table's own collection (Wix Data) — the collection, its fields, and\n * create-new-field are read from the table's source. Set `destination` (and\n * any `fields`) to write to a platformized target instead.\n /\n config?: ImportConfig;\n /\n Overrides the create/edit-field modal (see {@link RenderImportFieldEditor}).\n * By default the editor is chosen from the destination (CMS vs DataExtension)\n * and loaded on demand, so this need not be passed.\n /\n renderFieldEditor?: RenderImportFieldEditor;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n /\n Which button variant to render. `'default'` (the default) shows a\n * `ResponsiveButton`; `'bulkActionToolbar'` shows a compact secondary\n * `Button`.\n */\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/ImportRequiredFieldsSideNote.js ADDED Viewed

@@ -0,0 +1,97 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImportRequiredFieldsSideNote = void 0;
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportRequiredFieldsSideNote.tsx";
+/**
+ * Footer side-note shown in the mapping step while required destination fields
+ * are unmapped (CAIRO-4452): a red "Missing N required field(s)" line plus an
+ * info icon whose tooltip lists which fields. Rendered in the modal's
+ * `sideActions` (the footer's left region, in the button row) rather than the
+ * full-width footnote strip. The Import button stays enabled — the click is
+ * blocked (with a toast) in `ImportState.startImport`.
+ */
+function _ImportRequiredFieldsSideNote({
+  state
+}) {
+  const {
+    translate: t,
+    missingRequiredFields
+  } = state;
+  const fieldNames = missingRequiredFields.map(field => field.header || field.id || '').filter(Boolean).join(', ');
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP1",
+    verticalAlign: "middle",
+    dataHook: "import-missing-required",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    color: "R10",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertFilledSmall, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    skin: "error",
+    dataHook: "import-missing-required-text",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 7
+    }
+  }, t('cairo.import.missingRequiredField', {
+    count: missingRequiredFields.length
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    appendTo: "window",
+    fixed: false,
+    flip: true,
+    content: t('cairo.import.missingRequiredMessage', {
+      fields: fieldNames
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    color: "D40",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircleSmall, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 11
+    }
+  }))));
+}
+const ImportRequiredFieldsSideNote = exports.ImportRequiredFieldsSideNote = (0, _mobxReactLite.observer)(_ImportRequiredFieldsSideNote);
+//# sourceMappingURL=ImportRequiredFieldsSideNote.js.map

package/dist/cjs/components/ImportButton/ImportRequiredFieldsSideNote.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_ImportRequiredFieldsSideNote","state","translate","t","missingRequiredFields","fieldNames","map","field","header","id","filter","Boolean","join","default","createElement","Box","gap","verticalAlign","dataHook","__self","__source","fileName","lineNumber","columnNumber","color","StatusAlertFilledSmall","Text","size","skin","count","length","Tooltip","appendTo","fixed","flip","content","fields","InfoCircleSmall","ImportRequiredFieldsSideNote","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportRequiredFieldsSideNote.tsx"],"sourcesContent":["import { Box, Text, Tooltip } from '@wix/design-system';\nimport {\n StatusAlertFilledSmall,\n InfoCircleSmall,\n} from '@wix/wix-ui-icons-common';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportRequiredFieldsSideNoteProps {\n state: ImportState;\n}\n\n/**\n * Footer side-note shown in the mapping step while required destination fields\n * are unmapped (CAIRO-4452): a red \"Missing N required field(s)\" line plus an\n * info icon whose tooltip lists which fields. Rendered in the modal's\n * `sideActions` (the footer's left region, in the button row) rather than the\n * full-width footnote strip. The Import button stays enabled — the click is\n * blocked (with a toast) in `ImportState.startImport`.\n */\nfunction _ImportRequiredFieldsSideNote({\n state,\n}: ImportRequiredFieldsSideNoteProps) {\n const { translate: t, missingRequiredFields } = state;\n\n const fieldNames = missingRequiredFields\n .map((field) => field.header || field.id || '')\n .filter(Boolean)\n .join(', ');\n\n return (\n <Box gap=\"SP1\" verticalAlign=\"middle\" dataHook=\"import-missing-required\">\n <Box verticalAlign=\"middle\" color=\"R10\">\n <StatusAlertFilledSmall />\n </Box>\n <Text size=\"small\" skin=\"error\" dataHook=\"import-missing-required-text\">\n {t('cairo.import.missingRequiredField', {\n count: missingRequiredFields.length,\n })}\n </Text>\n <Tooltip\n appendTo=\"window\"\n fixed={false}\n flip\n content={t('cairo.import.missingRequiredMessage', {\n fields: fieldNames,\n })}\n >\n <Box verticalAlign=\"middle\" color=\"D40\">\n <InfoCircleSmall />\n </Box>\n </Tooltip>\n </Box>\n );\n}\n\nexport const ImportRequiredFieldsSideNote = observer(\n _ImportRequiredFieldsSideNote,\n);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAA2C,IAAAK,YAAA;AAM3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,6BAA6BA,CAAC;EACrCC;AACiC,CAAC,EAAE;EACpC,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAsB,CAAC,GAAGH,KAAK;EAErD,MAAMI,UAAU,GAAGD,qBAAqB,CACrCE,GAAG,CAAEC,KAAK,IAAKA,KAAK,CAACC,MAAM,IAAID,KAAK,CAACE,EAAE,IAAI,EAAE,CAAC,CAC9CC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,IAAI,CAAC;EAEb,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC,QAAQ;IAACC,QAAQ,EAAC,yBAAyB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtE3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACE,aAAa,EAAC,QAAQ;IAACO,KAAK,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAA8B,sBAAsB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACtB,CAAC,eACN3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAiC,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,OAAO;IAACV,QAAQ,EAAC,8BAA8B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpEpB,CAAC,CAAC,mCAAmC,EAAE;IACtC0B,KAAK,EAAEzB,qBAAqB,CAAC0B;EAC/B,CAAC,CACG,CAAC,eACPlC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsC,OAAO;IACNC,QAAQ,EAAC,QAAQ;IACjBC,KAAK,EAAE,KAAM;IACbC,IAAI;IACJC,OAAO,EAAEhC,CAAC,CAAC,qCAAqC,EAAE;MAChDiC,MAAM,EAAE/B;IACV,CAAC,CAAE;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEH3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACE,aAAa,EAAC,QAAQ;IAACO,KAAK,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAA0C,eAAe;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACf,CACE,CACN,CAAC;AAEV;AAEO,MAAMe,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDxC,6BACF,CAAC","ignoreList":[]}