@mindly/ui-components 8.0.0-alpha.32 → 8.0.0

package/dist/cjs/lib2/features/CountdownTimerFeature/CountdownTimerFeature.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const CountdownTimerFeature_1 = __importDefault(require("./CountdownTimerFeature"));
-const meta = {
-    title: 'V2/Features/CountdownTimerFeature',
-    component: CountdownTimerFeature_1.default,
-    argTypes: {
-        onCompleted: {
-            action: 'onCompleted',
-        },
-    },
-};
-exports.default = meta;
-const translate = {
-    'timer.time_left_hint': 'Залишилось {{minutes}} хв {{seconds}} сек',
-};
-const keys = ['{{minutes}}', '{{seconds}}'];
-exports.Default = {
-    args: {
-        t: (key, values) => {
-            let translation = translate[key] || key;
-            keys.forEach((placeholder) => {
-                const value = values[placeholder.slice(2, -2).trim()];
-                if (value !== undefined) {
-                    translation = translation.replace(new RegExp(placeholder, 'g'), String(value));
-                }
-            });
-            return translation;
-        },
-        minutes: 1,
-        seconds: 59,
-    },
-};

package/dist/cjs/lib2/features/CountdownTimerFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CountdownTimerFeature = void 0;
-var CountdownTimerFeature_1 = require("./CountdownTimerFeature");
-Object.defineProperty(exports, "CountdownTimerFeature", { enumerable: true, get: function () { return __importDefault(CountdownTimerFeature_1).default; } });

package/dist/cjs/lib2/features/CountryOfOriginModal/CountryOfOriginModal.js

@@ -1,35 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@ionic/react");
-const InputSearch_1 = require("../../shared/ui/InputSearch");
-const shared_1 = require("../../shared");
-const CountryOfOriginModal_module_css_1 = __importDefault(require("./CountryOfOriginModal.module.css"));
-const classnames_1 = __importDefault(require("classnames"));
-const CountryOfOriginModal = (_a) => {
-    var { onSearchChange, onItemClick, searchValue, countries, searchPlaceholder, t } = _a, props = __rest(_a, ["onSearchChange", "onItemClick", "searchValue", "countries", "searchPlaceholder", "t"]);
-    const modalRef = (0, react_1.useRef)(null);
-    const onCancelClick = (0, react_1.useCallback)(() => {
-        var _a;
-        (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.dismiss();
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(react_2.IonModal, Object.assign({}, props, { ref: modalRef, className: CountryOfOriginModal_module_css_1.default.countryOfOriginContent }, { children: [(0, jsx_runtime_1.jsx)(shared_1.AppHeader_v2, { children: (0, jsx_runtime_1.jsx)(InputSearch_1.InputSearch, { className: "pt-1.5 pb-3", onCancelClick: onCancelClick, onIonChange: onSearchChange, value: searchValue, placeholder: searchPlaceholder, t: t }) }), (0, jsx_runtime_1.jsx)(shared_1.Container_v2, { children: (0, jsx_runtime_1.jsx)(react_2.IonList, Object.assign({ lines: "none", mode: "ios" }, { children: countries === null || countries === void 0 ? void 0 : countries.map((country, index) => ((0, jsx_runtime_1.jsx)(react_2.IonItem, Object.assign({ onClick: () => {
-                            onItemClick && onItemClick(country);
-                        }, className: (0, classnames_1.default)(`h-[46px] cursor-pointer`, CountryOfOriginModal_module_css_1.default.ionListItem) }, { children: (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ className: "m-0" }, { children: country })) }), `${country}_${index}`))) })) })] })));
-};
-exports.default = CountryOfOriginModal;

package/dist/cjs/lib2/features/CountryOfOriginModal/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CountryOfOriginModal = void 0;
-var CountryOfOriginModal_1 = require("./CountryOfOriginModal");
-Object.defineProperty(exports, "CountryOfOriginModal", { enumerable: true, get: function () { return __importDefault(CountryOfOriginModal_1).default; } });

package/dist/cjs/lib2/features/CountryOfOriginModal/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/lib2/features/ErrorCardFeature/ErrorCardFeature.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const shared_1 = require("../../shared");
-const ErrorCardFeature = ({ title, description, errorTitle, stackTrace, }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'h-full flex flex-col items-center justify-center gap-2' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-[88px]' }, { children: "\uD83D\uDE41" })), title && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title28Semi, align: 'center' }, { children: title }))), description && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text14Regular, align: 'center', opacity: 50 }, { children: description }))), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'w-full max-h-48 overflow-y-auto whitespace-pre-wrap bg-[#f7f7f9] border border-[#e1e1e8] text-[#333] text-sm p-2' }, { children: [errorTitle, (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), stackTrace] }))] })));
-};
-exports.default = ErrorCardFeature;

package/dist/cjs/lib2/features/ErrorCardFeature/ErrorCardFeature.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const ErrorCardFeature_1 = __importDefault(require("./ErrorCardFeature"));
-const meta = {
-    title: 'v2/Features/ErrorCardFeature',
-    component: ErrorCardFeature_1.default,
-    argTypes: {},
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        title: 'Упс, щось пішло не так. Перезавантажте додаток, будь ласка',
-        description: 'Будь ласка, зробіть скріншот цього екрану та поділіться ним з нашою службою підтримки. Це допоможе нам виправити цю помилку. Зʼявилась помилка:',
-        errorTitle: 'Error: I crashed!',
-        stackTrace: 'BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
-            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App' +
-            '        BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
-            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App' +
-            '        BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
-            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App' +
-            '        BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
-            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App' +
-            '        BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
-            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App' +
-            '        BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
-            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App',
-    },
-};

package/dist/cjs/lib2/features/ErrorCardFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorCardFeature = void 0;
-var ErrorCardFeature_1 = require("./ErrorCardFeature");
-Object.defineProperty(exports, "ErrorCardFeature", { enumerable: true, get: function () { return __importDefault(ErrorCardFeature_1).default; } });

package/dist/cjs/lib2/features/GoogleCalendarModalFeature/GoogleCalendarModalFeature.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GoogleCalendarModalFeature = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CardModal_1 = require("../CardModal");
-const AppFooter_v2_1 = require("../../shared/ui/AppFooter_v2");
-const Container_v2_1 = require("../../shared/ui/Container_v2");
-const Button_v2_1 = require("../../shared/ui/Button_v2");
-const Picture_1 = require("../../shared/ui/Picture");
-const shared_1 = require("../../shared");
-function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, presentingElement, imageUrl, onDidDismiss, t, }) {
-    return ((0, jsx_runtime_1.jsxs)(CardModal_1.CardModal, Object.assign({ presentingElement: presentingElement, isOpen: isOpen, onDidDismiss: onDidDismiss }, { children: [(0, jsx_runtime_1.jsxs)(Container_v2_1.Container_v2, Object.assign({ className: "h-full" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex justify-center mt-3" }, { children: (0, jsx_runtime_1.jsx)(Picture_1.Picture, { width: 335, height: 292, src: {
-                                src: imageUrl,
-                            }, srcType: "image/webp" }) })), (0, jsx_runtime_1.jsxs)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title24Semi, className: "mt-6", align: "center" }, { children: [status === 'inactive' && t('google_sync.title'), status === 'access_denied' &&
-                                t('google_calendar.no_permission.title')] })), (0, jsx_runtime_1.jsxs)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text14Regular, className: "!text-typography-typography-primary/50 mt-3", align: "center" }, { children: [status === 'inactive' && t('google_sync.description'), status === 'access_denied' &&
-                                t('google_calendar.no_permission.description')] }))] })), (0, jsx_runtime_1.jsx)(AppFooter_v2_1.AppFooter_v2, { children: (0, jsx_runtime_1.jsxs)(Button_v2_1.Button_v2, Object.assign({ size: "large", fullWidth: true, isLoading: isLoading, onClick: onSync }, { children: [status === 'inactive' && t('google_sync.next_button'), status === 'access_denied' &&
-                            t('google_calendar.no_permission.button')] })) })] })));
-}
-exports.GoogleCalendarModalFeature = GoogleCalendarModalFeature;

package/dist/cjs/lib2/features/GoogleCalendarModalFeature/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GoogleCalendarModalFeature = void 0;
-var GoogleCalendarModalFeature_1 = require("./GoogleCalendarModalFeature");
-Object.defineProperty(exports, "GoogleCalendarModalFeature", { enumerable: true, get: function () { return GoogleCalendarModalFeature_1.GoogleCalendarModalFeature; } });

package/dist/cjs/lib2/features/MarkdownContainerFeature/MarkdownContainerFeature.js

@@ -1,43 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const markdown_to_jsx_1 = __importDefault(require("markdown-to-jsx"));
-const classnames_1 = __importDefault(require("classnames"));
-const MarkdownContainer_module_css_1 = __importDefault(require("./MarkdownContainer.module.css"));
-const MarkdownContainerFeature = ({ children, options, className, }) => {
-    const defaultOptions = (0, react_1.useMemo)(() => (Object.assign({ overrides: Object.assign({ p: {
-                component: (_a) => {
-                    var { children } = _a, props = __rest(_a, ["children"]);
-                    return ((0, jsx_runtime_1.jsx)("p", Object.assign({}, props, { children: children })));
-                },
-            }, ul: {
-                component: (_a) => {
-                    var { children } = _a, props = __rest(_a, ["children"]);
-                    return ((0, jsx_runtime_1.jsx)("ul", Object.assign({}, props, { children: children })));
-                },
-                props: { className: 'list-disc list-inside' },
-            }, ol: {
-                component: (_a) => {
-                    var { children } = _a, props = __rest(_a, ["children"]);
-                    return ((0, jsx_runtime_1.jsx)("ol", Object.assign({}, props, { children: children })));
-                },
-                props: { className: 'list-decimal list-inside' },
-            } }, options === null || options === void 0 ? void 0 : options.overrides), forceBlock: true, wrapper: ({ children }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('flex flex-col gap-4', MarkdownContainer_module_css_1.default.markdown, className) }, { children: children }))) }, options)), [options, className]);
-    return children ? ((0, jsx_runtime_1.jsx)(markdown_to_jsx_1.default, Object.assign({ options: defaultOptions }, { children: children }))) : null;
-};
-exports.default = (0, react_1.memo)(MarkdownContainerFeature);

package/dist/cjs/lib2/features/MarkdownContainerFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarkdownContainerFeature = void 0;
-var MarkdownContainerFeature_1 = require("./MarkdownContainerFeature");
-Object.defineProperty(exports, "MarkdownContainerFeature", { enumerable: true, get: function () { return __importDefault(MarkdownContainerFeature_1).default; } });

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingInfoScreenPreviewFeature/OnBoardingInfoScreenPreviewFeature.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const MarkdownContainerFeature_1 = require("../../MarkdownContainerFeature");
-const shared_1 = require("../../../shared");
-const OnBoardingInfoScreenPreviewFeature = ({ title, description, image, contentStyle, isPreview, }) => {
-    var _a, _b;
-    const [width, elementRef] = (0, shared_1.useElementWidth)();
-    const textColor = contentStyle === shared_1.OnBoardingScreenStyleOptions.DARK
-        ? '!text-[#212121]'
-        : '!text-[#FFFFFF]';
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: elementRef, className: 'flex flex-col gap-4 h-full' }, { children: !!width && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex flex-col items-center', { 'gap-1': isPreview }, { 'gap-2': !isPreview }) }, { children: [(image === null || image === void 0 ? void 0 : image.file_url) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('w-full flex justify-center items-center', { 'mb-3': isPreview }, { 'mb-6': !isPreview }) }, { children: (0, jsx_runtime_1.jsx)(shared_1.Picture, { width: (_a = image === null || image === void 0 ? void 0 : image.width) !== null && _a !== void 0 ? _a : 0, height: (_b = image === null || image === void 0 ? void 0 : image.height) !== null && _b !== void 0 ? _b : 0, src: { src: image.file_url }, srcType: 'image/webp', responsive: true, containerWidth: width }) }))), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: isPreview
-                        ? shared_1.TypographyVariantsEnum.Title14Semi
-                        : shared_1.TypographyVariantsEnum.Title24Semi, className: textColor }, { children: title })), (0, jsx_runtime_1.jsx)(MarkdownContainerFeature_1.MarkdownContainerFeature, Object.assign({ options: {
-                        overrides: {
-                            p: {
-                                component: shared_1.Typography,
-                                props: {
-                                    variant: isPreview
-                                        ? shared_1.TypographyVariantsEnum.Text7Regular
-                                        : shared_1.TypographyVariantsEnum.Text16Regular,
-                                    className: textColor,
-                                },
-                            },
-                        },
-                    }, className: isPreview ? '!gap-1' : '!gap-4' }, { children: description }))] }))) })));
-};
-exports.default = (0, react_1.memo)(OnBoardingInfoScreenPreviewFeature);

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingInfoScreenPreviewFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnBoardingInfoScreenPreviewFeature = void 0;
-var OnBoardingInfoScreenPreviewFeature_1 = require("./OnBoardingInfoScreenPreviewFeature");
-Object.defineProperty(exports, "OnBoardingInfoScreenPreviewFeature", { enumerable: true, get: function () { return __importDefault(OnBoardingInfoScreenPreviewFeature_1).default; } });

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/OnBoardingLoaderScreenPreviewFeature.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shared_1 = require("../../../shared");
-const OnBoardingLoaderScreenPreviewFeature = ({ title, additionalText, loaderText, answerScreenId, allScreens, selectedAnswers, isPreview, }) => {
-    const containerRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (!(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current))
-            return;
-        const liElements = containerRef.current.querySelectorAll('.list--flow-items');
-        if (!(liElements === null || liElements === void 0 ? void 0 : liElements.length))
-            return;
-        liElements === null || liElements === void 0 ? void 0 : liElements.forEach((e, index) => {
-            setTimeout(() => {
-                e.classList.replace('opacity-0', 'opacity-1');
-            }, 1500 * index);
-        });
-    }, [containerRef]);
-    const answers = (0, react_1.useMemo)(() => {
-        if (isPreview)
-            return new Array(5)
-                .fill(0)
-                .map((_, index) => [`{{selected_screen_${index + 1}}}`]);
-        const result = [];
-        if (!answerScreenId || !allScreens || !selectedAnswers)
-            return result;
-        answerScreenId.forEach((screenId) => {
-            const screen = allScreens[screenId];
-            const userAnswers = selectedAnswers[screenId];
-            if (screen && userAnswers && 'options' in screen) {
-                const selectedLabels = userAnswers
-                    .map((answerId) => {
-                    const option = screen.options.find((o) => o.filtrationAnswerId === answerId || o.id === answerId);
-                    return option ? option.label : null;
-                })
-                    .filter((label) => label !== null);
-                if (selectedLabels.length > 0) {
-                    result.push(selectedLabels);
-                }
-            }
-        });
-        return result;
-    }, [selectedAnswers, allScreens, answerScreenId, isPreview]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col h-full justify-between', ref: containerRef }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [title && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: isPreview
-                            ? shared_1.TypographyVariantsEnum.Title12Semi
-                            : shared_1.TypographyVariantsEnum.Title24Semi, className: isPreview ? 'mb-3' : 'mb-6' }, { children: title }))), (0, jsx_runtime_1.jsx)(shared_1.ListBox, Object.assign({ "aria-label": "MultiSelect", className: `p-0 ${isPreview ? 'mb-4' : 'mb-10'}`, selectionMode: 'none', enableSelection: false }, { children: answers.map((i, index) => ((0, jsx_runtime_1.jsx)(shared_1.ListBoxItem, Object.assign({ className: '!px-0 !py-1' }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `list--flow-items transition-opacity duration-[2000ms] flex items-center ${isPreview ? 'gap-1' : 'gap-2'} opacity-0` }, { children: [(0, jsx_runtime_1.jsx)(shared_1.IconCheckboxChecked, { size: isPreview ? 10 : 20, className: 'text-[#02B286]' }), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: isPreview
-                                            ? shared_1.TypographyVariantsEnum.Text8Regular
-                                            : shared_1.TypographyVariantsEnum.Text16Regular }, { children: i.join(', ') }))] })) }), index))) })), additionalText && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: isPreview
-                            ? shared_1.TypographyVariantsEnum.Text8Regular
-                            : shared_1.TypographyVariantsEnum.Text16Regular, className: 'mb-3' }, { children: additionalText })))] }), isPreview && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'px-2 pb-5 flex flex-col items-center gap-2.5' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.ProgressBar_v2, { progress: 0.3, className: 'h-[2px]', variant: 'success' }), loaderText && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text8Regular, className: 'mb-3' }, { children: loaderText })))] })))] })));
-};
-exports.default = (0, react_1.memo)(OnBoardingLoaderScreenPreviewFeature);

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnBoardingLoaderScreenPreviewFeature = void 0;
-var OnBoardingLoaderScreenPreviewFeature_1 = require("./OnBoardingLoaderScreenPreviewFeature");
-Object.defineProperty(exports, "OnBoardingLoaderScreenPreviewFeature", { enumerable: true, get: function () { return __importDefault(OnBoardingLoaderScreenPreviewFeature_1).default; } });

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingMultiSelectionScreenPreviewFeature/OnBoardingMultiSelectionScreenPreviewFeature.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const MarkdownContainerFeature_1 = require("../../MarkdownContainerFeature");
-const shared_1 = require("../../../shared");
-const OnBoardingMultiSelectionScreenPreviewFeature = ({ options, title, description, isPreview, onChange, defaultValues = [], }) => {
-    const [selectedValue, setSelectValue] = (0, react_1.useState)(new Set(defaultValues));
-    const onSelectionChange = (0, react_1.useCallback)((state) => {
-        setSelectValue(state);
-        if (state === 'all')
-            return;
-        onChange === null || onChange === void 0 ? void 0 : onChange(Array.from(state));
-    }, [onChange]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('h-full flex flex-col', { 'gap-2.5': isPreview }, { 'gap-5': !isPreview }) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex flex-col', { 'gap-0.5': isPreview }, { 'gap-1': !isPreview }) }, { children: [title && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: isPreview
-                            ? shared_1.TypographyVariantsEnum.Title14Semi
-                            : shared_1.TypographyVariantsEnum.Title24Semi }, { children: title }))), description && ((0, jsx_runtime_1.jsx)(MarkdownContainerFeature_1.MarkdownContainerFeature, Object.assign({ options: {
-                            overrides: {
-                                p: {
-                                    component: shared_1.Typography,
-                                    props: {
-                                        variant: isPreview
-                                            ? shared_1.TypographyVariantsEnum.Text7Regular
-                                            : shared_1.TypographyVariantsEnum.Text15Regular,
-                                        className: '!text-[#838485]',
-                                    },
-                                },
-                            },
-                        } }, { children: description })))] })), (0, jsx_runtime_1.jsx)(shared_1.ListBox, Object.assign({ "aria-label": "MultiSelect", selectedKeys: selectedValue, onSelectionChange: onSelectionChange, selectionMode: 'multiple', type: 'checkbox', className: 'p-0', selectedIconProps: {
-                    className: isPreview ? '!h-3 !w-3' : '!h-6 !w-6',
-                } }, { children: options.map((item, index) => ((0, jsx_runtime_1.jsx)(shared_1.ListBoxItem, Object.assign({ textValue: item.id, "aria-label": item.label, divider: options.length - 1 !== index, className: isPreview ? '!px-0 !py-2' : '!px-0 !py-4' }, { children: (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: isPreview
-                            ? shared_1.TypographyVariantsEnum.Text12Regular
-                            : shared_1.TypographyVariantsEnum.Text16Regular }, { children: item.label })) }), item.id))) }))] })));
-};
-exports.default = (0, react_1.memo)(OnBoardingMultiSelectionScreenPreviewFeature);

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingMultiSelectionScreenPreviewFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnBoardingMultiSelectionScreenPreviewFeature = void 0;
-var OnBoardingMultiSelectionScreenPreviewFeature_1 = require("./OnBoardingMultiSelectionScreenPreviewFeature");
-Object.defineProperty(exports, "OnBoardingMultiSelectionScreenPreviewFeature", { enumerable: true, get: function () { return __importDefault(OnBoardingMultiSelectionScreenPreviewFeature_1).default; } });

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingProgressFeature/OnBoardingProgressFeature.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const shared_1 = require("../../../shared");
-const OnBoardingProgressFeature_module_css_1 = __importDefault(require("./OnBoardingProgressFeature.module.css"));
-const PreviewProgress = ({ children }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'px-3 h-[28px] shrink-0' }, { children: children })));
-const NormalProgress = ({ children }) => ((0, jsx_runtime_1.jsx)(shared_1.AppHeader_v2, Object.assign({ toolbarClassName: OnBoardingProgressFeature_module_css_1.default.toolbar }, { children: children })));
-const OnBoardingProgressFeature = ({ progress, isPreview, isBackButtonDisabled = true, contentStyle, onBackButtonClick, }) => {
-    const Component = isPreview ? PreviewProgress : NormalProgress;
-    const size = isPreview ? 12 : 24;
-    const progressWidth = isPreview ? 'w-[128px]' : 'w-[200px]';
-    const progressStyle = isPreview
-        ? 'h-[2px] rounded-[2px]'
-        : 'h-[4px] rounded-[4px]';
-    const progressVariant = contentStyle === shared_1.OnBoardingScreenStyleOptions.LIGHT ? 'light' : 'dark';
-    const backArrowColor = contentStyle === shared_1.OnBoardingScreenStyleOptions.LIGHT
-        ? 'text-[#FFFFFF]'
-        : 'text-[#212121]';
-    return ((0, jsx_runtime_1.jsx)(Component, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'relative h-full' }, { children: [!isBackButtonDisabled && ((0, jsx_runtime_1.jsx)(shared_1.IconButton, { className: (0, classnames_1.default)('absolute left-0 top-1/2 -translate-y-1/2', { '!w-3 !h-3': isPreview }, { '!w-6 !h-6': !isPreview }), icon: (0, jsx_runtime_1.jsx)(shared_1.IconArrowLeft, { size: size, className: backArrowColor }), onClick: onBackButtonClick })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(progressWidth, 'absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2') }, { children: (0, jsx_runtime_1.jsx)(shared_1.ProgressBar_v2, { progress: progress, className: progressStyle, variant: progressVariant }) }))] })) }));
-};
-exports.default = (0, react_1.memo)(OnBoardingProgressFeature);

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingProgressFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnBoardingProgressFeature = void 0;
-var OnBoardingProgressFeature_1 = require("./OnBoardingProgressFeature");
-Object.defineProperty(exports, "OnBoardingProgressFeature", { enumerable: true, get: function () { return __importDefault(OnBoardingProgressFeature_1).default; } });

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingReviewsScreenPreviewFeature/OnBoardingReviewsScreenPreviewFeature.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const shared_1 = require("../../../shared");
-const ReviewCardFeature_1 = require("../../ReviewCardFeature");
-const OnBoardingReviewsScreenPreviewFeature = ({ title, isPreview, reviews, isLoading, t }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'h-full flex flex-col' }, { children: [title && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: isPreview
-                    ? shared_1.TypographyVariantsEnum.Title14Semi
-                    : shared_1.TypographyVariantsEnum.Title24Semi, className: 'mb-3' }, { children: title }))), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: (0, classnames_1.default)('flex flex-col', {
-                    'h-[360px] gap-2.5 overscroll-auto overflow-hidden mb-2.5': isPreview,
-                }, { 'gap-5 mb-5': !isPreview }) }, { children: reviews.map((r) => {
-                    var _a, _b;
-                    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ReviewCardFeature_1.ReviewCardFeature, { name: `${r.client_first_name} ${r.client_last_name}.`, avatarSrc: (_a = r.client_avatar) !== null && _a !== void 0 ? _a : undefined, date: r.created_at, rating: r.review_rating, review: (_b = r.text_of_review) !== null && _b !== void 0 ? _b : '', size: isPreview ? 'small' : 'default', t: t }) }, r.id));
-                }) })), isLoading && (0, jsx_runtime_1.jsx)(ReviewCardFeature_1.ReviewsCardFeatureSkeleton, {})] })));
-};
-exports.default = (0, react_1.memo)(OnBoardingReviewsScreenPreviewFeature);

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingReviewsScreenPreviewFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnBoardingReviewsScreenPreviewFeature = void 0;
-var OnBoardingReviewsScreenPreviewFeature_1 = require("./OnBoardingReviewsScreenPreviewFeature");
-Object.defineProperty(exports, "OnBoardingReviewsScreenPreviewFeature", { enumerable: true, get: function () { return __importDefault(OnBoardingReviewsScreenPreviewFeature_1).default; } });

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/OnBoardingSingleSelectionScreenPreviewFeature.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const MarkdownContainerFeature_1 = require("../../MarkdownContainerFeature");
-const shared_1 = require("../../../shared");
-const OnBoardingSingleSelectionScreenPreviewFeature = ({ options, title, description, isPreview, onChange, defaultValues = [], }) => {
-    const [selectedValue, setSelectValue] = (0, react_1.useState)(new Set(defaultValues));
-    const onSelectionChange = (0, react_1.useCallback)((state) => {
-        setSelectValue(state);
-        if (state !== 'all' && !state.size)
-            return;
-        onChange === null || onChange === void 0 ? void 0 : onChange(Array.from(state)[0]);
-    }, [onChange]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('h-full flex flex-col', { 'gap-2.5': isPreview }, { 'gap-5': !isPreview }) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex flex-col', { 'gap-0.5': isPreview }, { 'gap-1': !isPreview }) }, { children: [title && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: isPreview
-                            ? shared_1.TypographyVariantsEnum.Title14Semi
-                            : shared_1.TypographyVariantsEnum.Title24Semi }, { children: title }))), description && ((0, jsx_runtime_1.jsx)(MarkdownContainerFeature_1.MarkdownContainerFeature, Object.assign({ options: {
-                            overrides: {
-                                p: {
-                                    component: shared_1.Typography,
-                                    props: {
-                                        variant: isPreview
-                                            ? shared_1.TypographyVariantsEnum.Text7Regular
-                                            : shared_1.TypographyVariantsEnum.Text15Regular,
-                                        className: '!text-[#838485]',
-                                    },
-                                },
-                            },
-                        } }, { children: description })))] })), (0, jsx_runtime_1.jsx)(shared_1.ListBox, Object.assign({ "aria-label": "MultiSelect", selectedKeys: selectedValue, onSelectionChange: onSelectionChange, selectionMode: 'single', type: 'radio', className: 'p-0', selectedIconProps: {
-                    className: isPreview ? '!h-3 !w-3' : '!h-6 !w-6',
-                } }, { children: options.map((item, index) => ((0, jsx_runtime_1.jsx)(shared_1.ListBoxItem, Object.assign({ textValue: item.id, "aria-label": item.label, divider: options.length - 1 !== index, className: isPreview ? '!px-0 !py-2' : '!px-0 !py-4' }, { children: (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: isPreview
-                            ? shared_1.TypographyVariantsEnum.Text12Regular
-                            : shared_1.TypographyVariantsEnum.Text16Regular }, { children: item.label })) }), item.id))) }))] })));
-};
-exports.default = (0, react_1.memo)(OnBoardingSingleSelectionScreenPreviewFeature);

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnBoardingSingleSelectionScreenPreviewFeature = void 0;
-var OnBoardingSingleSelectionScreenPreviewFeature_1 = require("./OnBoardingSingleSelectionScreenPreviewFeature");
-Object.defineProperty(exports, "OnBoardingSingleSelectionScreenPreviewFeature", { enumerable: true, get: function () { return __importDefault(OnBoardingSingleSelectionScreenPreviewFeature_1).default; } });

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingStartScreenPreviewFeature/OnBoardingStartScreenPreviewFeature.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const MarkdownContainerFeature_1 = require("../../MarkdownContainerFeature");
-const shared_1 = require("../../../shared");
-const OnBoardingStartScreenPreviewFeature = ({ title, description, contentStyle, image, isPreview, }) => {
-    var _a, _b;
-    const [width, elementRef] = (0, shared_1.useElementWidth)();
-    const textColor = contentStyle === shared_1.OnBoardingScreenStyleOptions.DARK
-        ? '!text-[#212121]'
-        : '!text-[#FFFFFF]';
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'flex flex-col h-full justify-center items-center gap-6 px-2', ref: elementRef }, { children: !!width && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex flex-col items-center', { 'gap-1': isPreview }, { 'gap-2': !isPreview }) }, { children: [(image === null || image === void 0 ? void 0 : image.file_url) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('flex justify-center w-full', { 'mb-4': isPreview }, { 'mb-8': !isPreview }) }, { children: (0, jsx_runtime_1.jsx)(shared_1.Picture, { width: (_a = image === null || image === void 0 ? void 0 : image.width) !== null && _a !== void 0 ? _a : 0, height: (_b = image === null || image === void 0 ? void 0 : image.height) !== null && _b !== void 0 ? _b : 0, src: { src: image.file_url }, srcType: 'image/webp', responsive: true, containerWidth: width }) }))), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: isPreview
-                        ? shared_1.TypographyVariantsEnum.Title14Semi
-                        : shared_1.TypographyVariantsEnum.Title24Semi, className: textColor, align: 'center' }, { children: title })), (0, jsx_runtime_1.jsx)(MarkdownContainerFeature_1.MarkdownContainerFeature, Object.assign({ options: {
-                        overrides: {
-                            p: {
-                                component: shared_1.Typography,
-                                props: {
-                                    variant: isPreview
-                                        ? shared_1.TypographyVariantsEnum.Text7Regular
-                                        : shared_1.TypographyVariantsEnum.Text14Regular,
-                                    className: textColor,
-                                    align: 'center',
-                                },
-                            },
-                        },
-                    }, className: isPreview ? '!gap-1' : '!gap-4' }, { children: description }))] }))) })));
-};
-exports.default = (0, react_1.memo)(OnBoardingStartScreenPreviewFeature);

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingStartScreenPreviewFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnBoardingStartScreenPreviewFeature = void 0;
-var OnBoardingStartScreenPreviewFeature_1 = require("./OnBoardingStartScreenPreviewFeature");
-Object.defineProperty(exports, "OnBoardingStartScreenPreviewFeature", { enumerable: true, get: function () { return __importDefault(OnBoardingStartScreenPreviewFeature_1).default; } });

package/dist/cjs/lib2/features/OnBoardingFlow/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./OnBoardingStartScreenPreviewFeature"), exports);
-__exportStar(require("./OnBoardingInfoScreenPreviewFeature"), exports);
-__exportStar(require("./OnBoardingMultiSelectionScreenPreviewFeature"), exports);
-__exportStar(require("./OnBoardingSingleSelectionScreenPreviewFeature"), exports);
-__exportStar(require("./OnBoardingLoaderScreenPreviewFeature"), exports);
-__exportStar(require("./OnBoardingProgressFeature"), exports);
-__exportStar(require("./OnBoardingReviewsScreenPreviewFeature"), exports);

package/dist/cjs/lib2/features/OutdatedPersonalDataFeature/OutdatedPersonalDataFeature.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OutdatedPersonalDataFeature = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const shared_1 = require("../../shared");
-const CardModal_1 = require("../CardModal");
-function OutdatedPersonalDataFeature({ isOpen, presentingElement, onApply, onDismiss, subtitle, title, applyText, }) {
-    return ((0, jsx_runtime_1.jsxs)(CardModal_1.CardModal, Object.assign({ isOpen: isOpen, presentingElement: presentingElement, onDidDismiss: onDismiss }, { children: [(0, jsx_runtime_1.jsxs)(shared_1.Container_v2, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ className: "text-8xl mt-12", align: "center" }, { children: "\u261D\uFE0F" })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ className: "mt-5", variant: shared_1.TypographyVariantsEnum.Title24Semi, align: "center" }, { children: title })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ className: "mt-2", variant: shared_1.TypographyVariantsEnum.Text14Regular, align: "center", opacity: 50 }, { children: subtitle }))] }), (0, jsx_runtime_1.jsx)(shared_1.AppFooter_v2, { children: (0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ size: "large", fullWidth: true, onClick: onApply }, { children: applyText })) })] })));
-}
-exports.OutdatedPersonalDataFeature = OutdatedPersonalDataFeature;