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

package/dist/esm/lib2/features/CheckBoxSectionListFeature/CheckBoxSectionListFeature.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { IonButtons } from '@ionic/react';
-import { IconCheckboxChecked, IconCheckboxUnchecked, SelectItemType, Typography, TypographyVariantsEnum, } from '../../shared';
-import { IconMixedButton } from '../../shared/assets/icons/IconMixedButton';
-import { CheckBoxListFeature } from '../CheckBoxListFeature';
-const CheckBoxSectionListFeature = ({ sections, name, defaultChecked = [], onChange, }) => {
-    const [values, setValues] = useState([]);
-    useEffect(() => {
-        onChange(values);
-    }, [values]);
-    useEffect(() => {
-        setValues(defaultChecked);
-    }, []);
-    return (_jsx("ul", { children: sections.map(({ name: sectionName, items }, index) => {
-            const allValues = items.map(({ value, label }) => value || label);
-            const isAllSelected = allValues.every((item) => values.includes(item));
-            const isSomeSelected = allValues.some((item) => values.includes(item)) && !isAllSelected;
-            const isNothingSelected = !isSomeSelected && !isAllSelected;
-            return (_jsxs("li", { children: [_jsxs(IonButtons, Object.assign({ onClick: () => {
-                            if (isNothingSelected) {
-                                setValues(Array.from(new Set([...values, ...allValues])));
-                            }
-                            if (isSomeSelected || isAllSelected) {
-                                const filteredItems = values.filter((val) => !allValues.includes(val));
-                                setValues(filteredItems);
-                            }
-                        }, className: "left-1/2 right-1/2 relative w-[100vw] p-4 mx-[-50vw] justify-between bg-color-background-anti-flash-light flex items-center gap-4" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Semi }, { children: sectionName })), isNothingSelected && (_jsx(IconCheckboxUnchecked, { className: "w-6 h-6 rigth-24" })), isSomeSelected && (_jsx(IconMixedButton, { className: "w-6 h-6 rigth-24" })), isAllSelected && (_jsx(IconCheckboxChecked, { className: "w-6 h-6 rigth-24" }))] })), _jsx(CheckBoxListFeature, { values: values, items: items, name: name, onChange: (sectionValues) => {
-                            const preparedValues = values.filter((val) => !allValues.includes(val));
-                            setValues(Array.from(new Set([...preparedValues, ...sectionValues])));
-                        }, type: SelectItemType.Checkbox })] }, index));
-        }) }));
-};
-export default CheckBoxSectionListFeature;

package/dist/esm/lib2/features/CheckBoxSectionListFeature/index.js

@@ -1 +0,0 @@
-export { default as CheckBoxSectionListFeature } from './CheckBoxSectionListFeature';

package/dist/esm/lib2/features/ConsultationPricingFeature/ConsultationPricingFeature.js

@@ -1,123 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo } from 'react';
-import { ItemCard, Typography, TypographyVariantsEnum } from '../../shared';
-import { priceNormalize } from '../../shared';
-import ConsultationUser from './ConsultationUser';
-import ConsultationPricingFeatureSkeleton from './ConsultationPricingFeatureSkeleton';
-import ConsultationUserSkeleton from './ConsultationUserSkeleton';
-import { SupportedCurrency } from '../../shared/types';
-const ConsultationPricingFeature = ({ t, consultation, isLoading, locale, timezone, onUserClick }) => {
-    const roundPercents = (value) => Math.round(value * 100) / 100;
-    const paymentData = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const convert = (value) => (value !== null && value !== void 0 ? value : 0) * 0.01;
-        const { payment } = consultation;
-        return {
-            localCurrency: ((_a = payment === null || payment === void 0 ? void 0 : payment.currency_local) !== null && _a !== void 0 ? _a : SupportedCurrency.UAH),
-            mainCurrency: ((_b = payment === null || payment === void 0 ? void 0 : payment.currency_default) !== null && _b !== void 0 ? _b : SupportedCurrency.EUR),
-            exchangeRate: (_c = payment === null || payment === void 0 ? void 0 : payment.exchange_rate) !== null && _c !== void 0 ? _c : 0,
-            discount: (_d = ((payment === null || payment === void 0 ? void 0 : payment.promocode_discount) || (payment === null || payment === void 0 ? void 0 : payment.subscription_discount))) !== null && _d !== void 0 ? _d : 0,
-            sessionsCount: (_e = payment === null || payment === void 0 ? void 0 : payment.subscription_sessions_count) !== null && _e !== void 0 ? _e : 0,
-            interval: (_f = payment === null || payment === void 0 ? void 0 : payment.subscription_interval_in_month) !== null && _f !== void 0 ? _f : 0,
-            sessionMainPrice: convert(payment === null || payment === void 0 ? void 0 : payment.price_default_original_in_cents),
-            sessionLocalPrice: convert(payment === null || payment === void 0 ? void 0 : payment.price_local_original_by_exchange_rate_in_cents),
-            discountMainPrice: convert(payment === null || payment === void 0 ? void 0 : payment.price_default_discount_in_cents),
-            discountLocalPrice: convert(payment === null || payment === void 0 ? void 0 : payment.price_local_discount_by_exchange_rate_in_cents),
-            promocodeMainPrice: convert(payment === null || payment === void 0 ? void 0 : payment.price_default_promocode_in_cents),
-            promocodeLocalPrice: convert(payment === null || payment === void 0 ? void 0 : payment.price_local_promocode_by_exchange_rate_in_cents),
-            sessionMainPriceAfterDiscount: convert(payment === null || payment === void 0 ? void 0 : payment.price_default_in_cents),
-            sessionLocalPriceAfterDiscount: convert(payment === null || payment === void 0 ? void 0 : payment.price_local_by_exchange_rate_in_cents),
-            commissionMainPrice: convert(payment === null || payment === void 0 ? void 0 : payment.price_default_commission_in_cents),
-            commissionLocalPrice: convert(payment === null || payment === void 0 ? void 0 : payment.price_local_commission_by_exchange_rate_in_cents),
-            mainSpecialistRevenue: convert(payment === null || payment === void 0 ? void 0 : payment.price_default_after_commission_in_cents),
-            localSpecialistRevenue: convert(payment === null || payment === void 0 ? void 0 : payment.price_local_after_commission_by_exchange_rate_in_cents),
-            commission: (_g = payment === null || payment === void 0 ? void 0 : payment.commission) !== null && _g !== void 0 ? _g : 0,
-        };
-    }, [consultation]);
-    const items = [
-        {
-            text: t === null || t === void 0 ? void 0 : t('payments.session_details.price.title'),
-            mainPrice: priceNormalize({
-                price: paymentData.sessionMainPrice,
-                currency: paymentData.mainCurrency,
-            }),
-            localPrice: priceNormalize({
-                price: paymentData.sessionLocalPrice,
-                currency: paymentData.localCurrency,
-            }),
-            isBold: false,
-        },
-    ];
-    if (paymentData.interval || paymentData.promocodeMainPrice) {
-        items.push({
-            text: `${t === null || t === void 0 ? void 0 : t(paymentData.promocodeMainPrice
-                ? 'payments.session_details.promocode.title'
-                : 'payments.session_details.discount.title', {
-                discount: roundPercents(paymentData.discount * 100),
-            })}%`,
-            mainPrice: `-${priceNormalize({
-                price: paymentData.promocodeMainPrice || paymentData.discountMainPrice,
-                currency: paymentData.mainCurrency,
-            })}`,
-            localPrice: `-${priceNormalize({
-                price: paymentData.promocodeLocalPrice || paymentData.discountLocalPrice,
-                currency: paymentData.localCurrency,
-            })}`,
-            isBold: false,
-        }, {
-            text: t === null || t === void 0 ? void 0 : t('payments.session_details.session_amount.title'),
-            mainPrice: priceNormalize({
-                price: paymentData.sessionMainPriceAfterDiscount,
-                currency: paymentData.mainCurrency,
-            }),
-            localPrice: priceNormalize({
-                price: paymentData.sessionLocalPriceAfterDiscount,
-                currency: paymentData.localCurrency,
-            }),
-            isBold: true,
-        });
-    }
-    items.push({
-        text: `${t === null || t === void 0 ? void 0 : t('payments.session_details.fee.title', {
-            fee: paymentData.commission * 100,
-        })}%`,
-        mainPrice: `-${priceNormalize({
-            price: paymentData.commissionMainPrice,
-            currency: paymentData.mainCurrency,
-        })}`,
-        localPrice: `-${priceNormalize({
-            price: paymentData.commissionLocalPrice,
-            currency: paymentData.localCurrency,
-        })}`,
-        isBold: false,
-    }, {
-        text: t === null || t === void 0 ? void 0 : t('payments.session_details.total.title'),
-        mainPrice: priceNormalize({
-            price: paymentData.mainSpecialistRevenue,
-            currency: paymentData.mainCurrency,
-        }),
-        localPrice: priceNormalize({
-            price: paymentData.localSpecialistRevenue,
-            currency: paymentData.localCurrency,
-        }),
-        isBold: true,
-    });
-    if (isLoading) {
-        return (_jsxs(_Fragment, { children: [_jsx(ConsultationUserSkeleton, { className: "mb-14" }), _jsx(ConsultationPricingFeatureSkeleton, {})] }));
-    }
-    return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: "mb-8" }, { children: _jsx(ConsultationUser, { t: t, name: consultation.name, date: consultation.date, avatar: consultation.avatar, locale: locale, timezone: timezone, onUserClick: onUserClick }) })), _jsxs("div", Object.assign({ className: "mb-8" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title48Semi, className: "mb-2 text-center" }, { children: priceNormalize({
-                            price: paymentData.mainSpecialistRevenue,
-                            currency: paymentData.mainCurrency,
-                        }) })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-center" }, { children: priceNormalize({
-                            price: paymentData.localSpecialistRevenue,
-                            currency: paymentData.localCurrency,
-                        }) })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-center" }, { children: t === null || t === void 0 ? void 0 : t('payments.session_details.exchange_rate.subtitle', {
-                            rate: paymentData.exchangeRate,
-                        }) }))] })), _jsxs(ItemCard, Object.assign({ className: "mb-5 !border-opacity-35 flex justify-between", variant: 'neutral', size: 'M' }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular, opacity: 50, className: "text-typography-typography-secondary flex items-center" }, { children: t === null || t === void 0 ? void 0 : t('payments.session_details.type.title') })), _jsxs("div", { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular, opacity: 100, className: "text-typography-typography-secondary text-right" }, { children: paymentData.interval
-                                    ? t === null || t === void 0 ? void 0 : t('payments.session_details.type.subscription')
-                                    : t === null || t === void 0 ? void 0 : t('payments.session_details.type.trial') })), !!paymentData.interval && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary text-right" }, { children: t === null || t === void 0 ? void 0 : t('payments.session_details.type.subscription_item', {
-                                    count: paymentData.sessionsCount,
-                                    period: paymentData.interval,
-                                }) })))] })] })), _jsx(ItemCard, Object.assign({ className: "mb-5 !border-opacity-35", variant: 'neutral', size: 'M' }, { children: items.map((item, index) => (_jsxs("div", Object.assign({ className: `flex justify-between border-color-black border-opacity-10 ${index < items.length - 1 ? 'pb-5' : ''}` }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular, opacity: 50, className: "text-typography-typography-secondary flex items-center w-2/3" }, { children: item.text })), _jsxs("div", Object.assign({ className: "flex flex-col items-end w-1/3" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum[item.isBold ? 'Text16Semi' : 'Text16Regular'], opacity: 100, className: "text-typography-typography-primary" }, { children: item.mainPrice })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary" }, { children: item.localPrice }))] }))] }), `item-${index}`))) }))] }));
-};
-export default memo(ConsultationPricingFeature);

package/dist/esm/lib2/features/ConsultationPricingFeature/ConsultationPricingFeatureSkeleton.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton_v2, ItemCard } from '../../shared';
-const ConsultationPricingFeatureSkeleton = (props) => {
-    const { className } = props;
-    return (_jsxs("div", Object.assign({ className: className }, { children: [_jsx("div", Object.assign({ className: 'flex justify-center mb-14' }, { children: _jsx(Skeleton_v2, { className: 'rounded-[28px] w-[142px] h-[30px]' }) })), _jsxs(ItemCard, Object.assign({ variant: 'neutral' }, { children: [_jsxs("div", Object.assign({ className: 'flex justify-between my-1 pb-4 border-b border-color-black border-opacity-10' }, { children: [_jsx(Skeleton_v2, { className: 'rounded-[12px] w-[102px] h-[14px]' }), _jsx(Skeleton_v2, { className: 'rounded-[12px] w-[74px] h-[14px]' })] })), _jsxs("div", Object.assign({ className: 'flex justify-between my-1 py-4 border-b border-color-black border-opacity-10' }, { children: [_jsx(Skeleton_v2, { className: 'rounded-[12px] w-[142px] h-[14px]' }), _jsx(Skeleton_v2, { className: 'rounded-[12px] w-[50px] h-[14px]' })] })), _jsxs("div", Object.assign({ className: 'flex justify-between my-1 pt-4' }, { children: [_jsx(Skeleton_v2, { className: 'rounded-[12px] w-[62px] h-[14px]' }), _jsx(Skeleton_v2, { className: 'rounded-[12px] w-[97px] h-[14px]' })] }))] }))] })));
-};
-export default ConsultationPricingFeatureSkeleton;

package/dist/esm/lib2/features/ConsultationPricingFeature/ConsultationUser.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { DateTime } from 'luxon';
-import { Typography, TypographyVariantsEnum, Badge, Avatar_v2, } from '../../shared';
-const ConsultationUser = ({ t, name, date, avatar, locale, timezone, onUserClick, }) => {
-    return (_jsxs("div", Object.assign({ className: "flex flex-col justify-center items-center" }, { children: [_jsxs("div", Object.assign({ onClick: onUserClick !== null && onUserClick !== void 0 ? onUserClick : undefined, className: "cursor-pointer flex flex-col justify-center items-center" }, { children: [_jsx(Avatar_v2, { src: avatar, alt: name, variant: 'medium' }), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title20Semi, className: "mt-3 mb-1" }, { children: name }))] })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50 }, { children: DateTime.fromJSDate(date)
-                    .setZone(timezone)
-                    .setLocale(locale)
-                    .toFormat('dd MMMM yyyy HH:mm') })), _jsxs(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "mb-4" }, { children: [timezone, " (", DateTime.local().setLocale(locale).setZone(timezone).toFormat('ZZZZ'), ")"] })), DateTime.now() < DateTime.fromJSDate(date) && (_jsx(Badge, Object.assign({ variant: 'success', type: 'accent', className: "!bg-color-info-mint" }, { children: t === null || t === void 0 ? void 0 : t('payments.session_details.future_session.badge') })))] })));
-};
-export default memo(ConsultationUser);

package/dist/esm/lib2/features/ConsultationPricingFeature/ConsultationUserSkeleton.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton_v2 } from '../../shared';
-const ConsultationUserSkeleton = (props) => {
-    const { className } = props;
-    return (_jsxs("div", Object.assign({ className: `${className} flex flex-col justify-center items-center` }, { children: [_jsx(Skeleton_v2, { className: 'rounded-full w-[72px] h-[72px] !mb-4' }), _jsxs("div", Object.assign({ className: 'my-1 flex flex-col items-center' }, { children: [_jsx(Skeleton_v2, { className: 'rounded-[12px] w-[142px] h-[14px] !mb-2' }), _jsx(Skeleton_v2, { className: 'rounded-[12px] w-[94px] h-[10px]' })] }))] })));
-};
-export default ConsultationUserSkeleton;

package/dist/esm/lib2/features/ConsultationPricingFeature/index.js

@@ -1 +0,0 @@
-export { default as ConsultationPricingFeature } from './ConsultationPricingFeature';

package/dist/esm/lib2/features/ContractTreeFeature/ContractTreeFeature.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, Fragment, memo } from 'react';
-import classNames from 'clsx';
-import './ContractTreeFeature.css';
-import { replaceMarkdownWithReactElements } from '../../shared';
-const ContentRenderer = ({ node, level }) => {
-    const Tag = (() => {
-        switch (node.type) {
-            case '<h1>':
-                return 'h1';
-            case '<p>':
-                return 'p';
-            case '<li>':
-                return 'li';
-            case '<ol>':
-                return 'ol';
-            case '<ul>':
-                return 'ul';
-            default:
-                return Fragment;
-        }
-    })();
-    const tags = ['<h1>', '<p>'];
-    return (_jsxs(Tag, Object.assign({ className: classNames({
-            'nested-list': node.type === '<ol>',
-            'pl-7': node.type === '<ol>' && level === 2,
-            'pl-11': node.type === '<ol>' && level === 3,
-            'pl-5': node.type === '<ol>' && level === 4,
-            'pl-3': node.type === '<li>' && level === 1,
-            'my-2': node.type === '<li>',
-            'mt-5 font-inter-tight text-[20px] font-semibold leading-[140%]': node.type === '<h1>',
-            'my-5 font-inter text-[14px] leading-[140%]': node.type === '<p>',
-        }) }, { children: [node.title && !tags.includes(node.type) && (_jsx("span", Object.assign({ className: "my-5 font-inter text-[14px] leading-[140%]" }, { children: replaceMarkdownWithReactElements(node.title) }))), node.type === '<h1>' ? replaceMarkdownWithReactElements(node.title) : null, node.type === '<p>' ? replaceMarkdownWithReactElements(node.title) : null, node.children && node.children.length > 0 && (_jsx(_Fragment, { children: node.children.map((child, index) => (_jsx(ContentRenderer, { node: child, level: node.type === '<ol>' ? level + 1 : level }, index))) }))] })));
-};
-// ForwardRefExoticComponent for forwarding refs
-const ContentTree = memo(forwardRef(({ data, className }, ref) => (_jsx("div", Object.assign({ ref: ref, className: classNames(className, 'first-paragraph') }, { children: data.map((node, index) => (_jsx(ContentRenderer, { node: node, level: 1 }, index))) })))));
-// Fix the type of ContentTree
-ContentTree.displayName = 'ContentTree';
-export default ContentTree;

package/dist/esm/lib2/features/ContractTreeFeature/index.js

@@ -1,2 +0,0 @@
-export * from './types';
-export { default as ContractTreeFeature } from './ContractTreeFeature';

package/dist/esm/lib2/features/ContractTreeFeature/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/lib2/features/CountdownTimerFeature/CountdownTimerFeature.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { ProgressBar_v2, Typography, TypographyVariantsEnum, } from '../../shared';
-const CountdownTimerFeature = ({ minutes, seconds, onCompleted, t, }) => {
-    const initialTimeInSeconds = minutes * 60 + seconds;
-    const initialTimeInMilliSeconds = initialTimeInSeconds * 1000;
-    const [remainingTime, setRemainingTime] = useState(initialTimeInSeconds);
-    const [remainingTimeInMilli, setRemainingTimeInMilli] = useState(initialTimeInMilliSeconds);
-    useEffect(() => {
-        const progressBarTimer = setInterval(() => {
-            setRemainingTimeInMilli((prevTime) => {
-                if (prevTime <= 0) {
-                    clearInterval(progressBarTimer);
-                    return 0;
-                }
-                else {
-                    return prevTime - 100;
-                }
-            });
-        }, 100);
-        return () => clearInterval(progressBarTimer);
-    }, [minutes, seconds]);
-    useEffect(() => {
-        const timer = setInterval(() => {
-            setRemainingTime((prevTime) => {
-                if (prevTime <= 0) {
-                    clearInterval(timer);
-                    onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted();
-                    return 0;
-                }
-                else {
-                    return prevTime - 1;
-                }
-            });
-        }, 1000);
-        return () => clearInterval(timer);
-    }, [minutes, seconds, onCompleted]);
-    const minutesLeft = Math.floor(remainingTime / 60);
-    const secondsLeft = remainingTime % 60;
-    return (_jsxs("div", Object.assign({ className: 'flex flex-col gap-5 items-center' }, { children: [_jsx(ProgressBar_v2, { progress: remainingTimeInMilli / initialTimeInMilliSeconds, reversed: true, variant: 'success' }), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular }, { children: t === null || t === void 0 ? void 0 : t('timer.time_left_hint', {
-                    minutes: minutesLeft,
-                    seconds: secondsLeft,
-                }) }))] })));
-};
-export default CountdownTimerFeature;

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

@@ -1,31 +0,0 @@
-import CountdownTimerFeature from './CountdownTimerFeature';
-const meta = {
-    title: 'V2/Features/CountdownTimerFeature',
-    component: CountdownTimerFeature,
-    argTypes: {
-        onCompleted: {
-            action: 'onCompleted',
-        },
-    },
-};
-export default meta;
-const translate = {
-    'timer.time_left_hint': 'Залишилось {{minutes}} хв {{seconds}} сек',
-};
-const keys = ['{{minutes}}', '{{seconds}}'];
-export const 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/esm/lib2/features/CountdownTimerFeature/index.js

@@ -1 +0,0 @@
-export { default as CountdownTimerFeature } from './CountdownTimerFeature';

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

@@ -1,30 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef } from 'react';
-import { IonItem, IonList, IonModal } from '@ionic/react';
-import { InputSearch } from '../../shared/ui/InputSearch';
-import { AppHeader_v2, Container_v2, Typography } from '../../shared';
-import styles from './CountryOfOriginModal.module.css';
-import classNames from 'classnames';
-const CountryOfOriginModal = (_a) => {
-    var { onSearchChange, onItemClick, searchValue, countries, searchPlaceholder, t } = _a, props = __rest(_a, ["onSearchChange", "onItemClick", "searchValue", "countries", "searchPlaceholder", "t"]);
-    const modalRef = useRef(null);
-    const onCancelClick = useCallback(() => {
-        var _a;
-        (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.dismiss();
-    }, []);
-    return (_jsxs(IonModal, Object.assign({}, props, { ref: modalRef, className: styles.countryOfOriginContent }, { children: [_jsx(AppHeader_v2, { children: _jsx(InputSearch, { className: "pt-1.5 pb-3", onCancelClick: onCancelClick, onIonChange: onSearchChange, value: searchValue, placeholder: searchPlaceholder, t: t }) }), _jsx(Container_v2, { children: _jsx(IonList, Object.assign({ lines: "none", mode: "ios" }, { children: countries === null || countries === void 0 ? void 0 : countries.map((country, index) => (_jsx(IonItem, Object.assign({ onClick: () => {
-                            onItemClick && onItemClick(country);
-                        }, className: classNames(`h-[46px] cursor-pointer`, styles.ionListItem) }, { children: _jsx(Typography, Object.assign({ className: "m-0" }, { children: country })) }), `${country}_${index}`))) })) })] })));
-};
-export default CountryOfOriginModal;

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

@@ -1 +0,0 @@
-export { default as CountryOfOriginModal } from './CountryOfOriginModal';

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography, TypographyVariantsEnum } from '../../shared';
-const ErrorCardFeature = ({ title, description, errorTitle, stackTrace, }) => {
-    return (_jsxs("div", Object.assign({ className: 'h-full flex flex-col items-center justify-center gap-2' }, { children: [_jsx("div", Object.assign({ className: 'text-[88px]' }, { children: "\uD83D\uDE41" })), title && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title28Semi, align: 'center' }, { children: title }))), description && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, align: 'center', opacity: 50 }, { children: description }))), _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, _jsx("br", {}), _jsx("br", {}), stackTrace] }))] })));
-};
-export default ErrorCardFeature;

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

@@ -1,26 +0,0 @@
-import ErrorCardFeature from './ErrorCardFeature';
-const meta = {
-    title: 'v2/Features/ErrorCardFeature',
-    component: ErrorCardFeature,
-    argTypes: {},
-};
-export default meta;
-export const 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/esm/lib2/features/ErrorCardFeature/index.js

@@ -1 +0,0 @@
-export { default as ErrorCardFeature } from './ErrorCardFeature';

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

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardModal } from '../CardModal';
-import { AppFooter_v2 as AppFooter } from '../../shared/ui/AppFooter_v2';
-import { Container_v2 as Container } from '../../shared/ui/Container_v2';
-import { Button_v2 as Button } from '../../shared/ui/Button_v2';
-import { Picture } from '../../shared/ui/Picture';
-import { Typography, TypographyVariantsEnum } from '../../shared';
-export function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, presentingElement, imageUrl, onDidDismiss, t, }) {
-    return (_jsxs(CardModal, Object.assign({ presentingElement: presentingElement, isOpen: isOpen, onDidDismiss: onDidDismiss }, { children: [_jsxs(Container, Object.assign({ className: "h-full" }, { children: [_jsx("div", Object.assign({ className: "flex justify-center mt-3" }, { children: _jsx(Picture, { width: 335, height: 292, src: {
-                                src: imageUrl,
-                            }, srcType: "image/webp" }) })), _jsxs(Typography, Object.assign({ variant: TypographyVariantsEnum.Title24Semi, className: "mt-6", align: "center" }, { children: [status === 'inactive' && t('google_sync.title'), status === 'access_denied' &&
-                                t('google_calendar.no_permission.title')] })), _jsxs(Typography, Object.assign({ variant: 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')] }))] })), _jsx(AppFooter, { children: _jsxs(Button, 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')] })) })] })));
-}

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

@@ -1 +0,0 @@
-export { GoogleCalendarModalFeature } from './GoogleCalendarModalFeature';

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

@@ -1,38 +0,0 @@
-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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useMemo } from 'react';
-import Markdown from 'markdown-to-jsx';
-import classNames from 'classnames';
-import styles from './MarkdownContainer.module.css';
-const MarkdownContainerFeature = ({ children, options, className, }) => {
-    const defaultOptions = useMemo(() => (Object.assign({ overrides: Object.assign({ p: {
-                component: (_a) => {
-                    var { children } = _a, props = __rest(_a, ["children"]);
-                    return (_jsx("p", Object.assign({}, props, { children: children })));
-                },
-            }, ul: {
-                component: (_a) => {
-                    var { children } = _a, props = __rest(_a, ["children"]);
-                    return (_jsx("ul", Object.assign({}, props, { children: children })));
-                },
-                props: { className: 'list-disc list-inside' },
-            }, ol: {
-                component: (_a) => {
-                    var { children } = _a, props = __rest(_a, ["children"]);
-                    return (_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 }) => (_jsx("div", Object.assign({ className: classNames('flex flex-col gap-4', styles.markdown, className) }, { children: children }))) }, options)), [options, className]);
-    return children ? (_jsx(Markdown, Object.assign({ options: defaultOptions }, { children: children }))) : null;
-};
-export default memo(MarkdownContainerFeature);

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

@@ -1 +0,0 @@
-export { default as MarkdownContainerFeature } from './MarkdownContainerFeature';

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

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import classNames from 'classnames';
-import { MarkdownContainerFeature } from '../../MarkdownContainerFeature';
-import { Picture, Typography, TypographyVariantsEnum, OnBoardingScreenStyleOptions, useElementWidth, } from '../../../shared';
-const OnBoardingInfoScreenPreviewFeature = ({ title, description, image, contentStyle, isPreview, }) => {
-    var _a, _b;
-    const [width, elementRef] = useElementWidth();
-    const textColor = contentStyle === OnBoardingScreenStyleOptions.DARK
-        ? '!text-[#212121]'
-        : '!text-[#FFFFFF]';
-    return (_jsx("div", Object.assign({ ref: elementRef, className: 'flex flex-col gap-4 h-full' }, { children: !!width && (_jsxs("div", Object.assign({ className: classNames('flex flex-col items-center', { 'gap-1': isPreview }, { 'gap-2': !isPreview }) }, { children: [(image === null || image === void 0 ? void 0 : image.file_url) && (_jsx("div", Object.assign({ className: classNames('w-full flex justify-center items-center', { 'mb-3': isPreview }, { 'mb-6': !isPreview }) }, { children: _jsx(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 }) }))), _jsx(Typography, Object.assign({ variant: isPreview
-                        ? TypographyVariantsEnum.Title14Semi
-                        : TypographyVariantsEnum.Title24Semi, className: textColor }, { children: title })), _jsx(MarkdownContainerFeature, Object.assign({ options: {
-                        overrides: {
-                            p: {
-                                component: Typography,
-                                props: {
-                                    variant: isPreview
-                                        ? TypographyVariantsEnum.Text7Regular
-                                        : TypographyVariantsEnum.Text16Regular,
-                                    className: textColor,
-                                },
-                            },
-                        },
-                    }, className: isPreview ? '!gap-1' : '!gap-4' }, { children: description }))] }))) })));
-};
-export default memo(OnBoardingInfoScreenPreviewFeature);

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

@@ -1 +0,0 @@
-export { default as OnBoardingInfoScreenPreviewFeature } from './OnBoardingInfoScreenPreviewFeature';

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

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useEffect, useMemo, useRef } from 'react';
-import { IconCheckboxChecked, ListBox, ListBoxItem, ProgressBar_v2 as ProgressBar, Typography, TypographyVariantsEnum, } from '../../../shared';
-const OnBoardingLoaderScreenPreviewFeature = ({ title, additionalText, loaderText, answerScreenId, allScreens, selectedAnswers, isPreview, }) => {
-    const containerRef = useRef(null);
-    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 = 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 (_jsxs("div", Object.assign({ className: 'flex flex-col h-full justify-between', ref: containerRef }, { children: [_jsxs("div", { children: [title && (_jsx(Typography, Object.assign({ variant: isPreview
-                            ? TypographyVariantsEnum.Title12Semi
-                            : TypographyVariantsEnum.Title24Semi, className: isPreview ? 'mb-3' : 'mb-6' }, { children: title }))), _jsx(ListBox, Object.assign({ "aria-label": "MultiSelect", className: `p-0 ${isPreview ? 'mb-4' : 'mb-10'}`, selectionMode: 'none', enableSelection: false }, { children: answers.map((i, index) => (_jsx(ListBoxItem, Object.assign({ className: '!px-0 !py-1' }, { children: _jsxs("div", Object.assign({ className: `list--flow-items transition-opacity duration-[2000ms] flex items-center ${isPreview ? 'gap-1' : 'gap-2'} opacity-0` }, { children: [_jsx(IconCheckboxChecked, { size: isPreview ? 10 : 20, className: 'text-[#02B286]' }), _jsx(Typography, Object.assign({ variant: isPreview
-                                            ? TypographyVariantsEnum.Text8Regular
-                                            : TypographyVariantsEnum.Text16Regular }, { children: i.join(', ') }))] })) }), index))) })), additionalText && (_jsx(Typography, Object.assign({ variant: isPreview
-                            ? TypographyVariantsEnum.Text8Regular
-                            : TypographyVariantsEnum.Text16Regular, className: 'mb-3' }, { children: additionalText })))] }), isPreview && (_jsxs("div", Object.assign({ className: 'px-2 pb-5 flex flex-col items-center gap-2.5' }, { children: [_jsx(ProgressBar, { progress: 0.3, className: 'h-[2px]', variant: 'success' }), loaderText && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text8Regular, className: 'mb-3' }, { children: loaderText })))] })))] })));
-};
-export default memo(OnBoardingLoaderScreenPreviewFeature);

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

@@ -1 +0,0 @@
-export { default as OnBoardingLoaderScreenPreviewFeature } from './OnBoardingLoaderScreenPreviewFeature';

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

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useState } from 'react';
-import classNames from 'classnames';
-import { MarkdownContainerFeature } from '../../MarkdownContainerFeature';
-import { ListBox, ListBoxItem, Typography, TypographyVariantsEnum, } from '../../../shared';
-const OnBoardingMultiSelectionScreenPreviewFeature = ({ options, title, description, isPreview, onChange, defaultValues = [], }) => {
-    const [selectedValue, setSelectValue] = useState(new Set(defaultValues));
-    const onSelectionChange = useCallback((state) => {
-        setSelectValue(state);
-        if (state === 'all')
-            return;
-        onChange === null || onChange === void 0 ? void 0 : onChange(Array.from(state));
-    }, [onChange]);
-    return (_jsxs("div", Object.assign({ className: classNames('h-full flex flex-col', { 'gap-2.5': isPreview }, { 'gap-5': !isPreview }) }, { children: [_jsxs("div", Object.assign({ className: classNames('flex flex-col', { 'gap-0.5': isPreview }, { 'gap-1': !isPreview }) }, { children: [title && (_jsx(Typography, Object.assign({ variant: isPreview
-                            ? TypographyVariantsEnum.Title14Semi
-                            : TypographyVariantsEnum.Title24Semi }, { children: title }))), description && (_jsx(MarkdownContainerFeature, Object.assign({ options: {
-                            overrides: {
-                                p: {
-                                    component: Typography,
-                                    props: {
-                                        variant: isPreview
-                                            ? TypographyVariantsEnum.Text7Regular
-                                            : TypographyVariantsEnum.Text15Regular,
-                                        className: '!text-[#838485]',
-                                    },
-                                },
-                            },
-                        } }, { children: description })))] })), _jsx(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) => (_jsx(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: _jsx(Typography, Object.assign({ variant: isPreview
-                            ? TypographyVariantsEnum.Text12Regular
-                            : TypographyVariantsEnum.Text16Regular }, { children: item.label })) }), item.id))) }))] })));
-};
-export default memo(OnBoardingMultiSelectionScreenPreviewFeature);

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

@@ -1 +0,0 @@
-export { default as OnBoardingMultiSelectionScreenPreviewFeature } from './OnBoardingMultiSelectionScreenPreviewFeature';