@wix/patterns 1.357.0 → 1.359.0

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading888883112";
+var _namespace_ = "Heading1786796010";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading888883112__root" };
+export var classes = { "root": "Heading1786796010__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,CAAC;AACvD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/ImportButton/ImportButton.js

@@ -0,0 +1,33 @@
+import React, { useEffect, useState } from 'react';
+import { ModalState } from '@wix/bex-core';
+import { Button, Drawer, Modal } from '@wix/design-system';
+import { DownloadImport } from '@wix/wix-ui-icons-common';
+import { observer, Observer } from 'mobx-react-lite';
+import { ImportButtonModalLayout } from './ImportButtonModalLayout';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';
+import { useIsMobile } from '../../hooks/useIsMobile';
+function _ImportButton(props) {
+    const { toolbarType = 'default', fields, bulkUploadItems, backup, batchSize, } = props;
+    const table = useToolbarCollectionContext();
+    const { toolbar: { responsive }, } = table;
+    const { translate: t } = useWixPatternsContainer();
+    const [state] = useState(() => (table.importState ??= new ModalState()));
+    const isMobile = useIsMobile();
+    useEffect(() => {
+        table.featuredComponents.importModal.set(React.createElement(Observer, null, () => {
+            const child = (React.createElement(ImportButtonModalLayout, { importModalState: state, fields: fields, bulkUploadItems: bulkUploadItems, backup: backup, batchSize: batchSize }));
+            if (isMobile) {
+                return (React.createElement(Drawer, { dataHook: "import-modal", open: state.isOpen, onClose: state.requestClose }, child));
+            }
+            return (React.createElement(Modal, { onRequestClose: state.requestClose, isOpen: state.isOpen, dataHook: "import-modal" }, child));
+        }));
+        return () => {
+            table.featuredComponents.importModal.set(null);
+        };
+    }, []);
+    return (React.createElement("div", { "data-hook": "import-container" }, toolbarType === 'default' ? (React.createElement(ResponsiveButton, { state: responsive.actions, dataHook: "import-button", onClick: state.open, icon: React.createElement(DownloadImport, null) }, t('cairo.import.import'))) : (React.createElement(Button, { skin: "standard", priority: "secondary", size: "small", ellipsis: true, prefixIcon: React.createElement(DownloadImport, null), dataHook: "import-button", onClick: state.open }, t('cairo.import.import')))));
+}
+export const ImportButton = observer(_ImportButton);
+//# sourceMappingURL=ImportButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportButton.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ImportButton/ImportButton.uni.driver.js

@@ -0,0 +1,15 @@
+import { ButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import ImportModalUniDriver from './ImportModal.uni.driver';
+export function ImportButtonUniDriver(base, body) {
+    const getButton = () => ButtonUniDriver(base, body);
+    const importModal = ImportModalUniDriver(base, body);
+    return {
+        ...importModal,
+        /** Clicks the button to open import modal */
+        click: () => getButton().click(),
+        /** Indicates whether import button exists in the table toolbar */
+        exists: () => getButton().exists(),
+    };
+}
+export default ImportButtonUniDriver;
+//# sourceMappingURL=ImportButton.uni.driver.js.map

package/dist/esm/components/ImportButton/ImportButton.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportButton.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportButton.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAE5E,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAE5D,MAAM,UAAU,qBAAqB,CAAC,IAAe,EAAE,IAAe;IACpE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACpD,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAErD,OAAO;QACL,GAAG,WAAW;QACd,6CAA6C;QAC7C,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE;QAChC,kEAAkE;QAClE,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE;KACnC,CAAC;AACJ,CAAC;AAED,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,40 @@
+import { Box, CustomModalLayout } from '@wix/design-system';
+import { getImportModalStepProps } from './getImportModalStepProps';
+import React, { useEffect, useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useCreateImport } from '@wix/bex-core';
+import { addEventListener } from '@wix/bex-core/util';
+import { useIsMobile } from '../../hooks/useIsMobile';
+import { CustomDrawerLayout } from '../CustomDrawerLayout';
+import { ImportStepper } from './ImportStepper';
+function _ImportButtonModalLayout(props) {
+    const { fields, bulkUploadItems, backup, batchSize, importModalState, ...rest } = props;
+    const isMobile = useIsMobile();
+    const createImport = useCreateImport({
+        fields,
+        bulkUploadItems,
+        backup,
+        batchSize,
+        importModalState,
+    });
+    const [state] = useState(() => createImport());
+    const { onRequestClose, children, removeContentPadding, ...customModalLayoutProps } = getImportModalStepProps({
+        state,
+    });
+    const wrappedChildren = state.currentStep !== 'progress' ? (React.createElement(Box, { direction: "vertical", gap: "SP3", width: "100%" },
+        React.createElement(ImportStepper, { state: state, removeContentPadding: !removeContentPadding }),
+        children)) : (children);
+    useEffect(() => {
+        if (onRequestClose) {
+            return addEventListener(importModalState.events, 'requestClose', onRequestClose);
+        }
+        return undefined;
+    }, [onRequestClose]);
+    useEffect(() => state.init(), []);
+    if (isMobile) {
+        return (React.createElement(CustomDrawerLayout, { dataHook: "import-modal-layout", removeContentPadding: removeContentPadding, ...rest, ...customModalLayoutProps, children: wrappedChildren }));
+    }
+    return (React.createElement(CustomModalLayout, { width: "600px", dataHook: "import-modal-layout", removeContentPadding: removeContentPadding, ...rest, ...customModalLayoutProps, children: wrappedChildren }));
+}
+export const ImportButtonModalLayout = observer(_ImportButtonModalLayout);
+//# sourceMappingURL=ImportButtonModalLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportButtonModalLayout.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,SAAS,wBAAwB,CAAC,KAAmC;IACnE,MAAM,EACJ,MAAM,EACN,eAAe,EACf,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,MAAM;QACN,eAAe;QACf,MAAM;QACN,SAAS;QACT,gBAAgB;KACjB,CAAC,CAAC;IAEH,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC;IAE/C,MAAM,EACJ,cAAc,EACd,QAAQ,EACR,oBAAoB,EACpB,GAAG,sBAAsB,EAC1B,GAAG,uBAAuB,CAAC;QAC1B,KAAK;KACN,CAAC,CAAC;IAEH,MAAM,eAAe,GACnB,KAAK,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CACjC,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM;QAC9C,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,CAAC,oBAAoB,GAC3C;QACD,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE;YAClB,OAAO,gBAAgB,CACrB,gBAAgB,CAAC,MAAM,EACvB,cAAc,EACd,cAAc,CACf,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,oBAAC,kBAAkB,IACjB,QAAQ,EAAC,qBAAqB,EAC9B,oBAAoB,EAAE,oBAAoB,KACtC,IAAI,KACJ,sBAAsB,EAC1B,QAAQ,EAAE,eAAe,GACzB,CACH,CAAC;KACH;IAED,OAAO,CACL,oBAAC,iBAAiB,IAChB,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,qBAAqB,EAC9B,oBAAoB,EAAE,oBAAoB,KACtC,IAAI,KACJ,sBAAsB,EAC1B,QAAQ,EAAE,eAAe,GACzB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+import { Drawer, Modal } from '@wix/design-system';
+import React, { useState } from 'react';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { ModalState } from '@wix/bex-core';
+import { ImportButtonModalLayout } from './ImportButtonModalLayout';
+import { observer } from 'mobx-react-lite';
+import { useIsMobile } from '../../hooks/useIsMobile';
+function _ImportModal(props) {
+    const table = useToolbarCollectionContext();
+    const [importModalState] = useState(() => (table.importState ??= new ModalState()));
+    const isMobile = useIsMobile();
+    const child = (React.createElement(ImportButtonModalLayout, { ...props, importModalState: importModalState }));
+    if (isMobile) {
+        return (React.createElement(Drawer, { dataHook: "import-modal", open: importModalState.isOpen, onClose: importModalState.close }, child));
+    }
+    return (React.createElement(Modal, { onRequestClose: importModalState.close, isOpen: importModalState.isOpen, dataHook: "import-modal" }, child));
+}
+export const ImportModal = observer(_ImportModal);
+//# sourceMappingURL=ImportModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportModal.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,SAAS,YAAY,CAA0B,KAAuB;IACpE,MAAM,KAAK,GAAG,2BAA2B,EAAQ,CAAC;IAElD,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CACjC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,IAAI,UAAU,EAAE,CAAC,CAC/C,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,KAAK,GAAG,CACZ,oBAAC,uBAAuB,OAAK,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,CAC3E,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,oBAAC,MAAM,IACL,QAAQ,EAAC,cAAc,EACvB,IAAI,EAAE,gBAAgB,CAAC,MAAM,EAC7B,OAAO,EAAE,gBAAgB,CAAC,KAAK,IAE9B,KAAK,CACC,CACV,CAAC;KACH;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,cAAc,EAAE,gBAAgB,CAAC,KAAK,EACtC,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAC/B,QAAQ,EAAC,cAAc,IAEtB,KAAK,CACA,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}

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

@@ -0,0 +1,58 @@
+import { waitFor } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+import { CounterBadgeUniDriver, CustomModalLayoutUniDriver, DropdownUniDriver, ModalUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+export 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 = () => ModalUniDriver(modalBase(), modalBase());
+    const getModalLayout = () => CustomModalLayoutUniDriver(modalLayoutBase(), body);
+    const getFooterText = async () => (await 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),
+        ...baseUniDriverFactory(base),
+        getModal,
+        getModalLayout,
+        waitModalClosed: (timeout) => 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: () => CounterBadgeUniDriver(modalLayoutBase().$('[data-hook="import-columns-found-counter"]'), body),
+        /** Get the Dropdown driver for a specific CSV header mapping */
+        getMappingDropdown: (header) => DropdownUniDriver(modalLayoutBase().$(`[data-hook="import-mapping-${header}"]`), body),
+    };
+}
+export default ImportModalUniDriver;
+//# sourceMappingURL=ImportModal.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportModal.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ImportProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportProps.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,56 @@
+import { Box, CounterBadge, Dropdown, Heading, Text, TableListItem, listItemSelectBuilder, } from '@wix/design-system';
+import { ArrowRight } from '@wix/wix-ui-icons-common';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+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) => listItemSelectBuilder({
+        id: field.id,
+        label: field.header,
+        title: field.header,
+    }));
+    return (React.createElement(Box, { direction: "vertical", dataHook: "import-mapping-step" },
+        React.createElement(Box, { direction: "horizontal", gap: "SP2", verticalAlign: "middle", paddingLeft: "SP4", paddingRight: "SP4", paddingTop: "SP1", paddingBottom: "SP2" },
+            React.createElement(Heading, { size: "small" }, t('cairo.import.columnsFound')),
+            React.createElement(CounterBadge, { size: "medium", skin: "neutralLight", dataHook: "import-columns-found-counter" }, csvHeaders.length)),
+        React.createElement("div", { style: { overflowY: 'auto', maxHeight: '340px' } },
+            React.createElement(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 } },
+                React.createElement(Box, { minWidth: 0, direction: "vertical" },
+                    React.createElement(Text, { size: "small", weight: "thin", ellipsis: true }, t('cairo.import.columnTitle'))),
+                React.createElement(Box, { minWidth: 0, direction: "vertical" }),
+                React.createElement(Box, { minWidth: 0, direction: "vertical" },
+                    React.createElement(Text, { size: "small", weight: "thin", ellipsis: true }, t('cairo.import.collectionField')))),
+            csvHeaders.map((header) => (React.createElement(TableListItem, { key: header, showDivider: true, options: [
+                    {
+                        value: (React.createElement(Text, { ellipsis: true, size: "small" }, header)),
+                        width: COLUMN_WIDTHS.title,
+                    },
+                    {
+                        value: (React.createElement(Box, { align: "center" },
+                            React.createElement(ArrowRight, null))),
+                        width: COLUMN_WIDTHS.arrow,
+                    },
+                    {
+                        value: (React.createElement(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" })),
+                        width: COLUMN_WIDTHS.field,
+                    },
+                ] }))))));
+}
+export const ImportStepConfiguration = observer(_ImportStepConfiguration);
+//# sourceMappingURL=ImportStepConfiguration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportStepConfiguration.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,aAAa,EACb,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAM3C,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,kBAAkB;IACzB,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEF,SAAS,wBAAwB,CAAC,EAAE,KAAK,EAAgC;IACvE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC;IAEnD,MAAM,eAAe,GAAG,MAAM;SAC3B,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,IAAI,CAAC;SACnC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACb,qBAAqB,CAAC;QACpB,EAAE,EAAE,KAAK,CAAC,EAAG;QACb,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,KAAK,EAAE,KAAK,CAAC,MAAM;KACpB,CAAC,CACH,CAAC;IAEJ,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,qBAAqB;QACtD,oBAAC,GAAG,IACF,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,KAAK,EACT,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK;YAEnB,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,IAAE,CAAC,CAAC,2BAA2B,CAAC,CAAW;YAChE,oBAAC,YAAY,IACX,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,8BAA8B,IAEtC,UAAU,CAAC,MAAM,CACL,CACX;QAEN,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE;YACnD,oBAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,KAAK,EACT,OAAO,EAAC,SAAS,EACjB,eAAe,EAAC,qEAAqE,EACrF,SAAS,EAAC,+KAA+K,EACzL,mBAAmB,EAAE,GAAG,aAAa,CAAC,KAAK,IAAI,aAAa,CAAC,KAAK,IAAI,aAAa,CAAC,KAAK,EAAE,EAC3F,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBAEhD,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAC,UAAU;oBACpC,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,UACtC,CAAC,CAAC,0BAA0B,CAAC,CACzB,CACH;gBAEN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAC,UAAU,GAAG;gBAEzC,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAC,UAAU;oBACpC,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,UACtC,CAAC,CAAC,8BAA8B,CAAC,CAC7B,CACH,CACF;YAEL,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,oBAAC,aAAa,IACZ,GAAG,EAAE,MAAM,EACX,WAAW,QACX,OAAO,EAAE;oBACP;wBACE,KAAK,EAAE,CACL,oBAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,IACxB,MAAM,CACF,CACR;wBACD,KAAK,EAAE,aAAa,CAAC,KAAK;qBAC3B;oBACD;wBACE,KAAK,EAAE,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,QAAQ;4BACjB,oBAAC,UAAU,OAAG,CACV,CACP;wBACD,KAAK,EAAE,aAAa,CAAC,KAAK;qBAC3B;oBACD;wBACE,KAAK,EAAE,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAE,kBAAkB,MAAM,EAAE,EACpC,WAAW,QACX,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;4BACjC,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACzC,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,SAAS,EACtD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;gCACnB,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,EAAY,CAAC,CAAC;4BACzC,CAAC,EACD,YAAY,EAAE;gCACZ,QAAQ,EAAE,QAAQ;gCAClB,MAAM,EAAE,IAAI;gCACZ,IAAI,EAAE,IAAI;gCACV,KAAK,EAAE,KAAK;6BACb,EACD,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,OAAO,GACZ,CACH;wBACD,KAAK,EAAE,aAAa,CAAC,KAAK;qBAC3B;iBACF,GACD,CACH,CAAC,CACE,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import { Box, Text } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+function _ImportStepError({ state }) {
+    const { importStatus, translate: t } = state;
+    const errorMessage = importStatus.isError && importStatus.error instanceof Error
+        ? importStatus.error.message
+        : t('cairo.import.genericError');
+    return (React.createElement(Box, { direction: "vertical", gap: "SP2" },
+        React.createElement(Text, { size: "small", skin: "error" }, errorMessage)));
+}
+export const ImportStepError = observer(_ImportStepError);
+//# sourceMappingURL=ImportStepError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportStepError.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportStepError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAM3C,SAAS,gBAAgB,CAAC,EAAE,KAAK,EAAwB;IACvD,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,YAAY,GAChB,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,KAAK,YAAY,KAAK;QACzD,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO;QAC5B,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC;IAErC,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;QACjC,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC5B,YAAY,CACR,CACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/esm/components/ImportButton/ImportStepProgress.js

@@ -0,0 +1,28 @@
+import { Box, LinearProgressBar, Text } from '@wix/design-system';
+import React, { useMemo } from 'react';
+import { observer } from 'mobx-react-lite';
+function _ImportStepProgress({ state }) {
+    const { processedCount, totalCount, isBackingUp, result, translate: t, importStatus, errorHandler, } = state;
+    const progress = totalCount > 0
+        ? Math.min(100, Math.round((processedCount / totalCount) * 100))
+        : 0;
+    const hasFailures = result != null && result.failed > 0;
+    const errorMessage = useMemo(() => importStatus.error
+        ? errorHandler.getResolvedError?.(importStatus.error)?.message
+        : null, [importStatus.error, errorHandler]);
+    return (React.createElement(Box, { direction: "vertical", gap: "SP2", width: "100%" },
+        React.createElement(LinearProgressBar, { value: progress, showProgressIndication: true, dataHook: "import-progress-bar" }),
+        React.createElement(Text, { size: "small", dataHook: "import-progress-label" }, isBackingUp && !errorMessage
+            ? t('cairo.import.backupDescription')
+            : t('cairo.import.progressLabel', {
+                processed: processedCount,
+                total: totalCount,
+            })),
+        hasFailures && (React.createElement(Text, { size: "small", skin: "error", dataHook: "import-partial-error" }, t('cairo.import.partialSuccess', {
+            succeeded: result.succeeded,
+            failed: result.failed,
+        }))),
+        errorMessage && (React.createElement(Text, { size: "small", skin: "error", dataHook: "import-error-message" }, errorMessage))));
+}
+export const ImportStepProgress = observer(_ImportStepProgress);
+//# sourceMappingURL=ImportStepProgress.js.map

package/dist/esm/components/ImportButton/ImportStepProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportStepProgress.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportStepProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAElE,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAM3C,SAAS,mBAAmB,CAAC,EAAE,KAAK,EAA2B;IAC7D,MAAM,EACJ,cAAc,EACd,UAAU,EACV,WAAW,EACX,MAAM,EACN,SAAS,EAAE,CAAC,EACZ,YAAY,EACZ,YAAY,GACb,GAAG,KAAK,CAAC;IACV,MAAM,QAAQ,GACZ,UAAU,GAAG,CAAC;QACZ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC,CAAC;IAER,MAAM,WAAW,GAAG,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,YAAY,CAAC,KAAK;QAChB,CAAC,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO;QAC9D,CAAC,CAAC,IAAI,EACV,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,CACnC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM;QAC9C,oBAAC,iBAAiB,IAChB,KAAK,EAAE,QAAQ,EACf,sBAAsB,QACtB,QAAQ,EAAC,qBAAqB,GAC9B;QACF,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,uBAAuB,IAChD,WAAW,IAAI,CAAC,YAAY;YAC3B,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC;YACrC,CAAC,CAAC,CAAC,CAAC,4BAA4B,EAAE;gBAC9B,SAAS,EAAE,cAAc;gBACzB,KAAK,EAAE,UAAU;aAClB,CAAC,CACD;QACN,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,sBAAsB,IAC5D,CAAC,CAAC,6BAA6B,EAAE;YAChC,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,MAAM,EAAE,MAAM,CAAC,MAAM;SACtB,CAAC,CACG,CACR;QACA,YAAY,IAAI,CACf,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,sBAAsB,IAC5D,YAAY,CACR,CACR,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/esm/components/ImportButton/ImportStepUpload.js

@@ -0,0 +1,18 @@
+import { Box, Text, FileUpload, AddItem } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { st, classes } from './ImportStepUpload.st.css.js';
+function _ImportStepUpload({ state }) {
+    const { parseError, translate: t } = state;
+    return (React.createElement(Box, { direction: "vertical", gap: "SP2" },
+        React.createElement(Box, { height: "280px" },
+            React.createElement(FileUpload, { dataHook: "import-file-input", className: st(classes.fileUpload), accept: ".csv,text/csv", onChange: (files) => {
+                    const file = files?.[0];
+                    if (file) {
+                        state.onFileSelected(file);
+                    }
+                } }, ({ openFileUploadDialog }) => (React.createElement(AddItem, { size: "large", skin: "filled", onClick: openFileUploadDialog }, t('cairo.import.uploadButtonLabel'))))),
+        parseError ? (React.createElement(Text, { size: "small", skin: "error", dataHook: "import-upload-error" }, parseError)) : null));
+}
+export const ImportStepUpload = observer(_ImportStepUpload);
+//# sourceMappingURL=ImportStepUpload.js.map

package/dist/esm/components/ImportButton/ImportStepUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportStepUpload.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportStepUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAM3D,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAyB;IACzD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;QACjC,oBAAC,GAAG,IAAC,MAAM,EAAC,OAAO;YACjB,oBAAC,UAAU,IACT,QAAQ,EAAC,mBAAmB,EAC5B,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,EACjC,MAAM,EAAC,eAAe,EACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,MAAM,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;oBACxB,IAAI,IAAI,EAAE;wBACR,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;qBAC5B;gBACH,CAAC,IAEA,CAAC,EAAE,oBAAoB,EAAE,EAAE,EAAE,CAAC,CAC7B,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,oBAAoB,IAC9D,CAAC,CAAC,gCAAgC,CAAC,CAC5B,CACX,CACU,CACT;QACL,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,qBAAqB,IAC3D,UAAU,CACN,CACR,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/esm/components/ImportButton/ImportStepUpload.st.css

@@ -0,0 +1,3 @@
+.fileUpload {
+  width: 100%;
+}

package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "ImportStepUpload2373340862";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "ImportStepUpload2373340862__root", "fileUpload": "ImportStepUpload2373340862__fileUpload" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=ImportStepUpload.st.css.js.map

package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportStepUpload.st.css.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportStepUpload.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,YAAY,EAAC,wCAAwC,EAAC,CAAC;AACvH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/ImportButton/ImportStepper.js

@@ -0,0 +1,31 @@
+import { Stepper, Box } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+const STEPPER_INDEX = {
+    upload: 0,
+    configuration: 1,
+    progress: 2,
+};
+function getStepperSteps(currentStep, t) {
+    const activeIndex = STEPPER_INDEX[currentStep];
+    return [
+        { text: t('cairo.import.stepper.upload') },
+        { text: t('cairo.import.stepper.matchFields') },
+    ].map((step, index) => ({
+        ...step,
+        type: (index < activeIndex
+            ? 'completed'
+            : index > activeIndex
+                ? 'disabled'
+                : 'normal'),
+    }));
+}
+function _ImportStepper({ state, removeContentPadding }) {
+    const activeStep = STEPPER_INDEX[state.currentStep];
+    const steps = getStepperSteps(state.currentStep, state.translate);
+    const contentPadding = removeContentPadding ? undefined : 'SP4';
+    return (React.createElement(Box, { paddingLeft: contentPadding, paddingRight: contentPadding },
+        React.createElement(Stepper, { activeStep: activeStep, steps: steps })));
+}
+export const ImportStepper = observer(_ImportStepper);
+//# sourceMappingURL=ImportStepper.js.map

package/dist/esm/components/ImportButton/ImportStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportStepper.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/ImportStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,aAAa,GAA+B;IAChD,MAAM,EAAE,CAAC;IACT,aAAa,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC;CACZ,CAAC;AAEF,SAAS,eAAe,CAAC,WAAuB,EAAE,CAA2B;IAC3E,MAAM,WAAW,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO;QACL,EAAE,IAAI,EAAE,CAAC,CAAC,6BAA6B,CAAC,EAAE;QAC1C,EAAE,IAAI,EAAE,CAAC,CAAC,kCAAkC,CAAC,EAAE;KAChD,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACtB,GAAG,IAAI;QACP,IAAI,EAAE,CACJ,KAAK,GAAG,WAAW;YACjB,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,KAAK,GAAG,WAAW;gBACnB,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,QAAQ,CACwB;KACzC,CAAC,CAAC,CAAC;AACN,CAAC;AAOD,SAAS,cAAc,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAsB;IACzE,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAElE,MAAM,cAAc,GAAG,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc;QAC5D,oBAAC,OAAO,IAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAC7C,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC"}

package/dist/esm/components/ImportButton/getImportModalStepProps.js

@@ -0,0 +1,53 @@
+import { Box, Text, TextButton, } from '@wix/design-system';
+import React from 'react';
+import { ImportStepUpload } from './ImportStepUpload';
+import { ImportStepConfiguration } from './ImportStepConfiguration';
+import { ImportStepProgress } from './ImportStepProgress';
+export function getImportModalStepProps({ state, }) {
+    const { currentStep, translate: t } = state;
+    if (currentStep === 'upload') {
+        return {
+            title: t('cairo.import.title'),
+            subtitle: t('cairo.import.subtitle'),
+            children: React.createElement(ImportStepUpload, { state: state }),
+            footnote: (React.createElement(Box, { gap: "SP1", verticalAlign: "middle" },
+                React.createElement(Text, { size: "small", secondary: true }, t('cairo.import.footerText')),
+                React.createElement(TextButton, { size: "small" }, t('cairo.import.footerLink')))),
+            showFooterDivider: false,
+            secondaryButtonText: t('cairo.import.cancel'),
+            secondaryButtonOnClick: state.close,
+            closeButtonProps: { onClick: state.close, autoFocus: true },
+            onRequestClose: state.close,
+        };
+    }
+    if (currentStep === 'configuration') {
+        return {
+            removeContentPadding: true,
+            title: t('cairo.import.configureMappingsTitle'),
+            subtitle: t('cairo.import.subtitle'),
+            children: React.createElement(ImportStepConfiguration, { state: state }),
+            showFooterDivider: true,
+            primaryButtonText: t('cairo.import.startImport'),
+            primaryButtonOnClick: state.startImport,
+            primaryButtonProps: { disabled: !state.hasMappings },
+            secondaryButtonText: t('cairo.import.back'),
+            secondaryButtonOnClick: state.goToUpload,
+            closeButtonProps: { onClick: state.close, autoFocus: true },
+            onRequestClose: state.close,
+        };
+    }
+    return {
+        title: t('cairo.import.progressTitle'),
+        children: React.createElement(ImportStepProgress, { state: state }),
+        primaryButtonText: t('cairo.import.importing'),
+        primaryButtonProps: { disabled: true },
+        secondaryButtonText: state.isRestoring
+            ? t('cairo.import.restoring')
+            : t('cairo.import.cancel'),
+        secondaryButtonOnClick: state.close,
+        secondaryButtonProps: { disabled: state.isRestoring },
+        closeButtonProps: { onClick: state.close },
+        onRequestClose: state.isRestoring ? undefined : state.close,
+    };
+}
+//# sourceMappingURL=getImportModalStepProps.js.map

package/dist/esm/components/ImportButton/getImportModalStepProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getImportModalStepProps.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/getImportModalStepProps.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ImportButton/index.js

@@ -0,0 +1,3 @@
+export * from './ImportButton';
+export * from './ImportModal';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ImportButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow959630330";
+var _namespace_ = "InputOverflow121088723";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow959630330__root" };
+export var classes = { "root": "InputOverflow121088723__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow3996135550";
+var _namespace_ = "LoadingRow2081649038";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow3996135550__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow3996135550__gradientSwoosh" };
+export var classes = { "root": "LoadingRow2081649038__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow2081649038__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText1555679920";
+var _namespace_ = "MaxHeightText785378325";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText1555679920__root" };
+export var classes = { "root": "MaxHeightText785378325__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaxHeightText.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MaxHeightText.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines3184399640";
+var _namespace_ = "MaxLines239794507";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines3184399640__root" };
+export var classes = { "root": "MaxLines239794507__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AACzD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}