@wix/patterns 1.357.0 → 1.359.0

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

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImportButtonModalLayout = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _getImportModalStepProps = require("./getImportModalStepProps");
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _bexCore = require("@wix/bex-core");
+var _util = require("@wix/bex-core/util");
+var _useIsMobile = require("../../hooks/useIsMobile");
+var _CustomDrawerLayout = require("../CustomDrawerLayout");
+var _ImportStepper = require("./ImportStepper");
+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,
+    bulkUploadItems,
+    backup,
+    batchSize,
+    importModalState,
+    ...rest
+  } = props;
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const createImport = (0, _bexCore.useCreateImport)({
+    fields,
+    bulkUploadItems,
+    backup,
+    batchSize,
+    importModalState
+  });
+  const [state] = (0, _react.useState)(() => createImport());
+  const {
+    onRequestClose,
+    children,
+    removeContentPadding,
+    ...customModalLayoutProps
+  } = (0, _getImportModalStepProps.getImportModalStepProps)({
+    state
+  });
+  const wrappedChildren = state.currentStep !== 'progress' ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP3",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ImportStepper.ImportStepper, {
+    state: state,
+    removeContentPadding: !removeContentPadding,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 9
+    }
+  }), children) : children;
+  (0, _react.useEffect)(() => {
+    if (onRequestClose) {
+      return (0, _util.addEventListener)(importModalState.events, 'requestClose', onRequestClose);
+    }
+    return undefined;
+  }, [onRequestClose]);
+  (0, _react.useEffect)(() => state.init(), []);
+  if (isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_CustomDrawerLayout.CustomDrawerLayout, (0, _extends2.default)({
+      dataHook: "import-modal-layout",
+      removeContentPadding: removeContentPadding
+    }, rest, customModalLayoutProps, {
+      children: wrappedChildren,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 72,
+        columnNumber: 7
+      }
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
+    width: "600px",
+    dataHook: "import-modal-layout",
+    removeContentPadding: removeContentPadding
+  }, rest, customModalLayoutProps, {
+    children: wrappedChildren,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 83,
+      columnNumber: 5
+    }
+  }));
+}
+const ImportButtonModalLayout = exports.ImportButtonModalLayout = (0, _mobxReactLite.observer)(_ImportButtonModalLayout);
+//# sourceMappingURL=ImportButtonModalLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","fields","bulkUploadItems","backup","batchSize","importModalState","rest","isMobile","useIsMobile","createImport","useCreateImport","state","useState","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","useEffect","addEventListener","events","undefined","init","CustomDrawerLayout","_extends2","dataHook","CustomModalLayout","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import { Box, CustomModalLayout } from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const {\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n    importModalState,\n    ...rest\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  if (isMobile) {\n    return (\n      <CustomDrawerLayout\n        dataHook=\"import-modal-layout\"\n        removeContentPadding={removeContentPadding}\n        {...rest}\n        {...customModalLayoutProps}\n        children={wrappedChildren}\n      />\n    );\n  }\n\n  return (\n    <CustomModalLayout\n      width=\"600px\"\n      dataHook=\"import-modal-layout\"\n      removeContentPadding={removeContentPadding}\n      {...rest}\n      {...customModalLayoutProps}\n      children={wrappedChildren}\n    />\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImportModal = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _bexCore = require("@wix/bex-core");
+var _ImportButtonModalLayout = require("./ImportButtonModalLayout");
+var _mobxReactLite = require("mobx-react-lite");
+var _useIsMobile = require("../../hooks/useIsMobile");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportModal.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 _ImportModal(props) {
+  const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const [importModalState] = (0, _react.useState)(() => table.importState ?? (table.importState = new _bexCore.ModalState()));
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const child = /*#__PURE__*/_react.default.createElement(_ImportButtonModalLayout.ImportButtonModalLayout, (0, _extends2.default)({}, props, {
+    importModalState: importModalState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 5
+    }
+  }));
+  if (isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Drawer, {
+      dataHook: "import-modal",
+      open: importModalState.isOpen,
+      onClose: importModalState.close,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 25,
+        columnNumber: 7
+      }
+    }, child);
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    onRequestClose: importModalState.close,
+    isOpen: importModalState.isOpen,
+    dataHook: "import-modal",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 5
+    }
+  }, child);
+}
+const ImportModal = exports.ImportModal = (0, _mobxReactLite.observer)(_ImportModal);
+//# sourceMappingURL=ImportModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_ToolbarCollectionContext","_bexCore","_ImportButtonModalLayout","_mobxReactLite","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportModal","props","table","useToolbarCollectionContext","importModalState","useState","importState","ModalState","isMobile","useIsMobile","child","createElement","ImportButtonModalLayout","_extends2","__self","__source","fileName","lineNumber","columnNumber","Drawer","dataHook","open","isOpen","onClose","close","Modal","onRequestClose","ImportModal","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportModal.tsx"],"sourcesContent":["import { Drawer, Modal } from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { observer } from 'mobx-react-lite';\nimport { ImportModalProps } from './ImportProps';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ImportModal<T, F extends FiltersMap>(props: ImportModalProps) {\n  const table = useToolbarCollectionContext<T, F>();\n\n  const [importModalState] = useState(\n    () => (table.importState ??= new ModalState()),\n  );\n\n  const isMobile = useIsMobile();\n\n  const child = (\n    <ImportButtonModalLayout {...props} importModalState={importModalState} />\n  );\n\n  if (isMobile) {\n    return (\n      <Drawer\n        dataHook=\"import-modal\"\n        open={importModalState.isOpen}\n        onClose={importModalState.close}\n      >\n        {child}\n      </Drawer>\n    );\n  }\n\n  return (\n    <Modal\n      onRequestClose={importModalState.close}\n      isOpen={importModalState.isOpen}\n      dataHook=\"import-modal\"\n    >\n      {child}\n    </Modal>\n  );\n}\n\nexport const ImportModal = observer(_ImportModal);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAEA,IAAAO,YAAA,GAAAP,OAAA;AAAsD,IAAAQ,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEtD,SAASkB,YAAYA,CAA0BC,KAAuB,EAAE;EACtE,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAO,CAAC;EAEjD,MAAM,CAACC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EACjC,MAAOH,KAAK,CAACI,WAAW,KAAjBJ,KAAK,CAACI,WAAW,GAAK,IAAIC,mBAAU,CAAC,CAAC,CAC/C,CAAC;EAED,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,KAAK,gBACTrC,MAAA,CAAAkB,OAAA,CAAAoB,aAAA,CAAClC,wBAAA,CAAAmC,uBAAuB,MAAAC,SAAA,CAAAtB,OAAA,MAAKU,KAAK;IAAEG,gBAAgB,EAAEA,gBAAiB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAC1E;EAED,IAAIV,QAAQ,EAAE;IACZ,oBACEnC,MAAA,CAAAkB,OAAA,CAAAoB,aAAA,CAACxC,aAAA,CAAAgD,MAAM;MACLC,QAAQ,EAAC,cAAc;MACvBC,IAAI,EAAEjB,gBAAgB,CAACkB,MAAO;MAC9BC,OAAO,EAAEnB,gBAAgB,CAACoB,KAAM;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApC,YAAA;QAAAqC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE/BR,KACK,CAAC;EAEb;EAEA,oBACErC,MAAA,CAAAkB,OAAA,CAAAoB,aAAA,CAACxC,aAAA,CAAAsD,KAAK;IACJC,cAAc,EAAEtB,gBAAgB,CAACoB,KAAM;IACvCF,MAAM,EAAElB,gBAAgB,CAACkB,MAAO;IAChCF,QAAQ,EAAC,cAAc;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtBR,KACI,CAAC;AAEZ;AAEO,MAAMiB,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC7B,YAAY,CAAC","ignoreList":[]}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ImportModalUniDriver = ImportModalUniDriver;
+exports.default = void 0;
+var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
+var _unidriver2 = require("../../unidriver");
+var _unidriver3 = require("@wix/design-system/dist/testkit/unidriver");
+function ImportModalUniDriver(base, body) {
+  const modalBase = () => body.$('.portal-import-modal');
+  const modalLayoutBase = () => body.$('[data-hook="import-modal-layout"]');
+  const footerBase = () => modalLayoutBase().$('[data-hook="import-modal-footer-text"]');
+  const getModal = () => (0, _unidriver3.ModalUniDriver)(modalBase(), modalBase());
+  const getModalLayout = () => (0, _unidriver3.CustomModalLayoutUniDriver)(modalLayoutBase(), body);
+  const getFooterText = async () => (await (0, _unidriver3.TextUniDriver)(footerBase(), body)).getText();
+  const footerExists = () => footerBase().exists();
+  const fileInputBase = () => modalLayoutBase().$('[data-hook="import-file-input"]');
+  const configurationStepBase = () => modalLayoutBase().$('[data-hook="import-mapping-step"]');
+  const summaryStepBase = () => modalLayoutBase().$('[data-hook="import-summary-step"]');
+  const progressLabelBase = () => modalLayoutBase().$('[data-hook="import-progress-label"]');
+  return {
+    wait: timeout => base.wait(timeout),
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    getModal,
+    getModalLayout,
+    waitModalClosed: timeout => (0, _unidriver.waitFor)(async () => !(await getModalLayout().exists()), timeout),
+    clickPrimaryAction: async () => (await getModalLayout().getPrimaryButtonDriver()).click(),
+    getPrimaryActionText: async () => (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),
+    isPrimaryButtonDisabled: async () => (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),
+    getSecondaryButtonText: async () => (await getModalLayout().getSecondaryButtonDriver()).getButtonTextContent(),
+    clickSecondaryAction: async () => (await getModalLayout().getSecondaryButtonDriver()).click(),
+    clickCloseButton: () => getModalLayout().clickCloseButton(),
+    getModalTitle: () => getModalLayout().getTitleText(),
+    getSubtitleText: () => getModalLayout().getSubtitleText(),
+    getFooterText,
+    footerExists,
+    isUploadStepVisible: () => fileInputBase().exists(),
+    isConfigurationStepVisible: () => configurationStepBase().exists(),
+    isSummaryStepVisible: () => summaryStepBase().exists(),
+    /** Simulates selecting a file in the upload step */
+    uploadFile: async file => {
+      const nativeInput = await fileInputBase().$('input[type="file"]').getNative();
+      Object.defineProperty(nativeInput, 'files', {
+        value: [file]
+      });
+      nativeInput.dispatchEvent(new Event('change', {
+        bubbles: true
+      }));
+    },
+    getUploadError: () => modalLayoutBase().$('[data-hook="import-upload-error"]').text(),
+    uploadErrorExists: () => modalLayoutBase().$('[data-hook="import-upload-error"]').exists(),
+    getProgressLabel: () => progressLabelBase().text(),
+    progressLabelExists: () => progressLabelBase().exists(),
+    getPartialErrorText: () => modalLayoutBase().$('[data-hook="import-partial-error"]').text(),
+    partialErrorExists: () => modalLayoutBase().$('[data-hook="import-partial-error"]').exists(),
+    getErrorMessageText: () => modalLayoutBase().$('[data-hook="import-error-message"]').text(),
+    errorMessageExists: () => modalLayoutBase().$('[data-hook="import-error-message"]').exists(),
+    /** Get the CounterBadge driver for the columns found counter */
+    getColumnsFoundCounter: () => (0, _unidriver3.CounterBadgeUniDriver)(modalLayoutBase().$('[data-hook="import-columns-found-counter"]'), body),
+    /** Get the Dropdown driver for a specific CSV header mapping */
+    getMappingDropdown: header => (0, _unidriver3.DropdownUniDriver)(modalLayoutBase().$(`[data-hook="import-mapping-${header}"]`), body)
+  };
+}
+var _default = exports.default = ImportModalUniDriver;
+//# sourceMappingURL=ImportModal.uni.driver.js.map

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

@@ -0,0 +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","getUploadError","text","uploadErrorExists","getProgressLabel","progressLabelExists","getPartialErrorText","partialErrorExists","getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getMappingDropdown","header","DropdownUniDriver","_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  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    getUploadError: () =>\n      modalLayoutBase().$('[data-hook=\"import-upload-error\"]').text(),\n    uploadErrorExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-upload-error\"]').exists(),\n\n    getProgressLabel: () => progressLabelBase().text(),\n    progressLabelExists: () => progressLabelBase().exists(),\n\n    getPartialErrorText: () =>\n      modalLayoutBase().$('[data-hook=\"import-partial-error\"]').text(),\n    partialErrorExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-partial-error\"]').exists(),\n\n    getErrorMessageText: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n    errorMessageExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n\n    /** Get the CounterBadge driver for the columns found counter */\n    getColumnsFoundCounter: () =>\n      CounterBadgeUniDriver(\n        modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n        body,\n      ),\n\n    /** Get the Dropdown driver for a specific CSV header mapping */\n    getMappingDropdown: (header: string) =>\n      DropdownUniDriver(\n        modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n        body,\n      ),\n  };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAQO,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,cAAc,EAAEA,CAAA,KACd/C,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,mCAAmC,CAAC,CAACiD,IAAI,CAAC,CAAC;IACjEC,iBAAiB,EAAEA,CAAA,KACjBjD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,mCAAmC,CAAC,CAACW,MAAM,CAAC,CAAC;IAEnEwC,gBAAgB,EAAEA,CAAA,KAAMpC,iBAAiB,CAAC,CAAC,CAACkC,IAAI,CAAC,CAAC;IAClDG,mBAAmB,EAAEA,CAAA,KAAMrC,iBAAiB,CAAC,CAAC,CAACJ,MAAM,CAAC,CAAC;IAEvD0C,mBAAmB,EAAEA,CAAA,KACnBpD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACiD,IAAI,CAAC,CAAC;IAClEK,kBAAkB,EAAEA,CAAA,KAClBrD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACW,MAAM,CAAC,CAAC;IAEpE4C,mBAAmB,EAAEA,CAAA,KACnBtD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACiD,IAAI,CAAC,CAAC;IAClEO,kBAAkB,EAAEA,CAAA,KAClBvD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACW,MAAM,CAAC,CAAC;IAEpE;IACA8C,sBAAsB,EAAEA,CAAA,KACtB,IAAAC,iCAAqB,EACnBzD,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,4CAA4C,CAAC,EACjEF,IACF,CAAC;IAEH;IACA6D,kBAAkB,EAAGC,MAAc,IACjC,IAAAC,6BAAiB,EACf5D,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,8BAA8B4D,MAAM,IAAI,CAAC,EAC7D9D,IACF;EACJ,CAAC;AACH;AAAC,IAAAgE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcpE,oBAAoB","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=ImportProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import { BackupFn, BulkUploadItemsFn, ModalState } from '@wix/bex-core';\nimport { CreateExportAsyncJobRequest } from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';\n\ntype ImportButtonToolbarType = 'default' | 'bulkActionToolbar';\n\nexport interface ImportButtonParams\n  extends Pick<CreateExportAsyncJobRequest, 'fields'> {\n  bulkUploadItems: BulkUploadItemsFn;\n  backup?: BackupFn;\n  batchSize?: number;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n  toolbarType?: ImportButtonToolbarType;\n};\n\nexport type ImportModalProps = ImportButtonParams;\n\nexport type ImportButtonModalLayoutProps = ImportModalProps & {\n  importModalState: ModalState;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,220 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImportStepConfiguration = 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/ImportStepConfiguration.tsx";
+const COLUMN_WIDTHS = {
+  title: 'minmax(0, 150px)',
+  arrow: '1fr',
+  field: 'minmax(0, 250px)'
+};
+function _ImportStepConfiguration({
+  state
+}) {
+  const {
+    csvHeaders,
+    fields,
+    translate: t
+  } = state;
+  const dropdownOptions = fields.filter(field => field.id != null).map(field => (0, _designSystem.listItemSelectBuilder)({
+    id: field.id,
+    label: field.header,
+    title: field.header
+  }));
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    dataHook: "import-mapping-step",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    gap: "SP2",
+    verticalAlign: "middle",
+    paddingLeft: "SP4",
+    paddingRight: "SP4",
+    paddingTop: "SP1",
+    paddingBottom: "SP2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+    size: "small",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      columnNumber: 9
+    }
+  }, t('cairo.import.columnsFound')), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
+    size: "medium",
+    skin: "neutralLight",
+    dataHook: "import-columns-found-counter",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 9
+    }
+  }, csvHeaders.length)), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      overflowY: 'auto',
+      maxHeight: '340px'
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    display: "grid",
+    direction: "horizontal",
+    gap: "SP4",
+    padding: "SP2 SP4",
+    backgroundColor: "var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))",
+    boxShadow: "inset 0 1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB)), inset 0 -1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))",
+    gridTemplateColumns: `${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`,
+    style: {
+      position: 'sticky',
+      top: 0,
+      zIndex: 1
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    minWidth: 0,
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    weight: "thin",
+    ellipsis: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 13
+    }
+  }, t('cairo.import.columnTitle'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    minWidth: 0,
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 76,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    minWidth: 0,
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    weight: "thin",
+    ellipsis: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 13
+    }
+  }, t('cairo.import.collectionField')))), csvHeaders.map(header => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+    key: header,
+    showDivider: true,
+    options: [{
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        ellipsis: true,
+        size: "small",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 92,
+          columnNumber: 19
+        }
+      }, header),
+      width: COLUMN_WIDTHS.title
+    }, {
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        align: "center",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 100,
+          columnNumber: 19
+        }
+      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowRight, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 101,
+          columnNumber: 21
+        }
+      })),
+      width: COLUMN_WIDTHS.arrow
+    }, {
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
+        dataHook: `import-mapping-${header}`,
+        clearButton: true,
+        onClear: () => {
+          state.setMapping(header, null);
+        },
+        placeholder: t('cairo.import.skipColumn'),
+        selectedId: state.mappingByHeader[header] ?? undefined,
+        onSelect: ({
+          id
+        }) => {
+          state.setMapping(header, id);
+        },
+        popoverProps: {
+          appendTo: 'window',
+          zIndex: 5001,
+          flip: true,
+          fixed: false
+        },
+        options: dropdownOptions,
+        size: "small",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 108,
+          columnNumber: 19
+        }
+      }),
+      width: COLUMN_WIDTHS.field
+    }],
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 86,
+      columnNumber: 11
+    }
+  }))));
+}
+const ImportStepConfiguration = exports.ImportStepConfiguration = (0, _mobxReactLite.observer)(_ImportStepConfiguration);
+//# sourceMappingURL=ImportStepConfiguration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","_ImportStepConfiguration","state","csvHeaders","fields","translate","t","dropdownOptions","filter","id","map","listItemSelectBuilder","label","header","default","createElement","Box","direction","dataHook","__self","__source","fileName","lineNumber","columnNumber","gap","verticalAlign","paddingLeft","paddingRight","paddingTop","paddingBottom","Heading","size","CounterBadge","skin","length","style","overflowY","maxHeight","display","padding","backgroundColor","boxShadow","gridTemplateColumns","position","top","zIndex","minWidth","Text","weight","ellipsis","TableListItem","key","showDivider","options","value","width","align","ArrowRight","Dropdown","clearButton","onClear","setMapping","placeholder","selectedId","mappingByHeader","undefined","onSelect","popoverProps","appendTo","flip","fixed","ImportStepConfiguration","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n  Box,\n  CounterBadge,\n  Dropdown,\n  Heading,\n  Text,\n  TableListItem,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrowRight } 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 ImportStepConfigurationProps {\n  state: ImportState;\n}\n\nconst COLUMN_WIDTHS = {\n  title: 'minmax(0, 150px)',\n  arrow: '1fr',\n  field: 'minmax(0, 250px)',\n};\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n  const { csvHeaders, fields, translate: t } = state;\n\n  const dropdownOptions = fields\n    .filter((field) => field.id != null)\n    .map((field) =>\n      listItemSelectBuilder({\n        id: field.id!,\n        label: field.header,\n        title: field.header,\n      }),\n    );\n\n  return (\n    <Box direction=\"vertical\" dataHook=\"import-mapping-step\">\n      <Box\n        direction=\"horizontal\"\n        gap=\"SP2\"\n        verticalAlign=\"middle\"\n        paddingLeft=\"SP4\"\n        paddingRight=\"SP4\"\n        paddingTop=\"SP1\"\n        paddingBottom=\"SP2\"\n      >\n        <Heading size=\"small\">{t('cairo.import.columnsFound')}</Heading>\n        <CounterBadge\n          size=\"medium\"\n          skin=\"neutralLight\"\n          dataHook=\"import-columns-found-counter\"\n        >\n          {csvHeaders.length}\n        </CounterBadge>\n      </Box>\n\n      <div style={{ overflowY: 'auto', maxHeight: '340px' }}>\n        <Box\n          display=\"grid\"\n          direction=\"horizontal\"\n          gap=\"SP4\"\n          padding=\"SP2 SP4\"\n          backgroundColor=\"var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))\"\n          boxShadow=\"inset 0 1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB)), inset 0 -1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))\"\n          gridTemplateColumns={`${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`}\n          style={{ position: 'sticky', top: 0, zIndex: 1 }}\n        >\n          <Box minWidth={0} direction=\"vertical\">\n            <Text size=\"small\" weight=\"thin\" ellipsis>\n              {t('cairo.import.columnTitle')}\n            </Text>\n          </Box>\n\n          <Box minWidth={0} direction=\"vertical\" />\n\n          <Box minWidth={0} direction=\"vertical\">\n            <Text size=\"small\" weight=\"thin\" ellipsis>\n              {t('cairo.import.collectionField')}\n            </Text>\n          </Box>\n        </Box>\n\n        {csvHeaders.map((header) => (\n          <TableListItem\n            key={header}\n            showDivider\n            options={[\n              {\n                value: (\n                  <Text ellipsis size=\"small\">\n                    {header}\n                  </Text>\n                ),\n                width: COLUMN_WIDTHS.title,\n              },\n              {\n                value: (\n                  <Box align=\"center\">\n                    <ArrowRight />\n                  </Box>\n                ),\n                width: COLUMN_WIDTHS.arrow,\n              },\n              {\n                value: (\n                  <Dropdown\n                    dataHook={`import-mapping-${header}`}\n                    clearButton\n                    onClear={() => {\n                      state.setMapping(header, null);\n                    }}\n                    placeholder={t('cairo.import.skipColumn')}\n                    selectedId={state.mappingByHeader[header] ?? undefined}\n                    onSelect={({ id }) => {\n                      state.setMapping(header, id as string);\n                    }}\n                    popoverProps={{\n                      appendTo: 'window',\n                      zIndex: 5001,\n                      flip: true,\n                      fixed: false,\n                    }}\n                    options={dropdownOptions}\n                    size=\"small\"\n                  />\n                ),\n                width: COLUMN_WIDTHS.field,\n              },\n            ]}\n          />\n        ))}\n      </div>\n    </Box>\n  );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImportStepError = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportStepError.tsx";
+function _ImportStepError({
+  state
+}) {
+  const {
+    importStatus,
+    translate: t
+  } = state;
+  const errorMessage = importStatus.isError && importStatus.error instanceof Error ? importStatus.error.message : t('cairo.import.genericError');
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    skin: "error",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 7
+    }
+  }, errorMessage));
+}
+const ImportStepError = exports.ImportStepError = (0, _mobxReactLite.observer)(_ImportStepError);
+//# sourceMappingURL=ImportStepError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_ImportStepError","state","importStatus","translate","t","errorMessage","isError","error","Error","message","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","size","skin","ImportStepError","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepError.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportStepErrorProps {\n  state: ImportState;\n}\n\nfunction _ImportStepError({ state }: ImportStepErrorProps) {\n  const { importStatus, translate: t } = state;\n  const errorMessage =\n    importStatus.isError && importStatus.error instanceof Error\n      ? importStatus.error.message\n      : t('cairo.import.genericError');\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP2\">\n      <Text size=\"small\" skin=\"error\">\n        {errorMessage}\n      </Text>\n    </Box>\n  );\n}\n\nexport const ImportStepError = observer(_ImportStepError);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAM3C,SAASC,gBAAgBA,CAAC;EAAEC;AAA4B,CAAC,EAAE;EACzD,MAAM;IAAEC,YAAY;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,KAAK;EAC5C,MAAMI,YAAY,GAChBH,YAAY,CAACI,OAAO,IAAIJ,YAAY,CAACK,KAAK,YAAYC,KAAK,GACvDN,YAAY,CAACK,KAAK,CAACE,OAAO,GAC1BL,CAAC,CAAC,2BAA2B,CAAC;EAEpC,oBACER,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjCvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA0B,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,OAAO;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5Bd,YACG,CACH,CAAC;AAEV;AAEO,MAAMkB,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACzB,gBAAgB,CAAC","ignoreList":[]}