@mindly/ui-components 5.98.16 → 5.98.18

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

@@ -0,0 +1,19 @@
+"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

@@ -0,0 +1,5 @@
+"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

@@ -0,0 +1,43 @@
+"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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,33 @@
+"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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,53 @@
+"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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,39 @@
+"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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,26 @@
+"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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,21 @@
+"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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,39 @@
+"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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,34 @@
+"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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,23 @@
+"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

@@ -0,0 +1,10 @@
+"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;

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

@@ -0,0 +1,17 @@
+"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("./OutdatedPersonalDataFeature"), exports);

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

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

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

@@ -0,0 +1,25 @@
+"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 CalendarPickerFeature_1 = require("../CalendarPickerFeature");
+const PaymentCalendarFeature = ({ t, date, locale, lastDate, dateCallback }) => {
+    const [selectedDate, setSelectedDate] = (0, react_1.useState)(date);
+    const [isPickerOpen, setIsPickerOpen] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (date !== selectedDate) {
+            setSelectedDate(date);
+        }
+    }, [date]);
+    const openPicker = () => {
+        setIsPickerOpen(true);
+    };
+    const selectDate = (date) => {
+        setIsPickerOpen(false);
+        setSelectedDate(date);
+        dateCallback(date);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(shared_1.IconCalendar, { onClick: openPicker, className: "cursor-pointer" }), (0, jsx_runtime_1.jsx)(CalendarPickerFeature_1.CalendarPickerFeature, { t: t, date: date, locale: locale, lastDate: lastDate, mode: 'button', opened: isPickerOpen, dateCallback: selectDate })] }));
+};
+exports.default = (0, react_1.memo)(PaymentCalendarFeature);

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PushNotificationsIsDisabledBanner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const shared_1 = require("../../shared");
+function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }) {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('bg-badges-attention-bg px-5 py-4 rounded-[30px]', className) }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-x-5" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-col justify-center" }, { children: (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title24Semi }, { children: "\uD83D\uDD15" })) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col items-start" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text15Semi }, { children: title })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ className: "mb-3 !leading-[150%]", variant: shared_1.TypographyVariantsEnum.Text13Regular }, { children: description })), (0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ fill: "outline", size: "small", onClick: onOpenNativeSettings }, { children: buttonText }))] }))] })) })));
+}
+exports.PushNotificationsIsDisabledBanner = PushNotificationsIsDisabledBanner;

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

@@ -0,0 +1,17 @@
+"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("./PushNotificationsIsDisabledBanner"), exports);

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

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

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

@@ -0,0 +1,23 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PushNotificationsModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@ionic/react");
+const shared_1 = require("../../shared");
+const CardModal_1 = require("../CardModal");
+function PushNotificationsModal(_a) {
+    var { onApplyPermission, isOpen, title, description, image, applyPermissionText } = _a, props = __rest(_a, ["onApplyPermission", "isOpen", "title", "description", "image", "applyPermissionText"]);
+    return ((0, jsx_runtime_1.jsxs)(CardModal_1.CardModal, Object.assign({ isShowCloseButton: false, isShowHandle: false, isOpen: isOpen }, props, { children: [(0, jsx_runtime_1.jsx)(shared_1.Container_v2, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "mb-5" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mt-[88px] w-full height-[296px] flex justify-center" }, { children: (0, jsx_runtime_1.jsx)(react_1.IonImg, { src: image }) })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ align: "center", variant: shared_1.TypographyVariantsEnum.Title24Semi, className: "mt-6 !whitespace-pre-wrap" }, { children: title })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ align: "center", variant: shared_1.TypographyVariantsEnum.Text14Regular, className: "mt-3 !text-typography-typography-primary/50 !whitespace-pre-wrap" }, { children: description }))] })) }), (0, jsx_runtime_1.jsx)(shared_1.AppFooter_v2, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-col gay-2" }, { children: (0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ size: "large", fullWidth: true, onClick: onApplyPermission }, { children: applyPermissionText })) })) })] })));
+}
+exports.PushNotificationsModal = PushNotificationsModal;

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

@@ -0,0 +1,17 @@
+"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("./PushNotificationsModal"), exports);

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

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