@mindly/ui-components 5.98.17 → 5.98.18

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

@@ -0,0 +1,20 @@
+import SpecialistInfoColumnFeature from './SpecialistInfoColumnFeature';
+import { mockT } from '../../shared/utils/mock';
+import { SupportedCurrency } from '../../shared';
+const meta = {
+    title: 'V2/Features/SpecialistInfoColumnFeature',
+    component: SpecialistInfoColumnFeature,
+};
+export default meta;
+export const Default = {
+    args: {
+        t: mockT(),
+        rating: 4.99,
+        reviews: 514,
+        sessionPrice: 2200,
+        currentPriceType: SupportedCurrency.UAH,
+        sessionDurationMinutes: 90,
+        yearsOfExperience: 5.5,
+        hoursOfPractice: 3234,
+    },
+};

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

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

package/dist/esm/lib2/features/SpecialistPaymentCommonCardFeature/PaymentBadge.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import { DateTime } from 'luxon';
+import { Badge } from '../../shared';
+import { useFormattedDate, getDatePosition, } from '../../shared/hooks/useSpecialistPayments';
+const PaymentBadge = ({ t, date, locale, className, }) => {
+    const jsDate = new Date(date);
+    const { isOldMonth, isPreviousMonth } = getDatePosition(jsDate);
+    const dateForOldOrCurrentMonth = useFormattedDate({
+        date: DateTime.fromObject({
+            year: DateTime.fromJSDate(jsDate).year,
+            month: DateTime.fromJSDate(jsDate).month,
+        }).toJSDate(),
+        locale,
+    });
+    const dateForPreviousMonth = useFormattedDate({
+        date: jsDate,
+        locale,
+    });
+    if (isOldMonth) {
+        return (_jsx(Badge, Object.assign({ className: className, variant: "success" }, { children: t === null || t === void 0 ? void 0 : t('payments.payout_paid.badge', {
+                date: dateForOldOrCurrentMonth,
+            }) })));
+    }
+    if (isPreviousMonth) {
+        return (_jsx(Badge, Object.assign({ className: className, variant: "attention" }, { children: t === null || t === void 0 ? void 0 : t('payments.payout_in_progress.badge', {
+                date: dateForPreviousMonth,
+            }) })));
+    }
+    return _jsx(_Fragment, {});
+};
+export default memo(PaymentBadge);

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import { priceNormalize } from '../../shared/utils/priceNormalizer';
+import { IconPaper, ItemCard, Typography, TypographyVariantsEnum, ProgressBarDashed, } from '../../shared';
+import { getDatePosition } from '../../shared/hooks/useSpecialistPayments';
+import PaymentBadge from './PaymentBadge';
+import SpecialistPaymentCommonCardSkeleton from './SpecialistPaymentCommonCardSkeleton';
+const SpecialistPaymentCommonCardFeature = ({ t, revenue, currency, showRevenue, currencyProps, commissionRates, commissionValue, showCommission, calendarDate, totalSessionsCount, futureSessionsCount, isLoading, hideProgressBar, locale, }) => {
+    var _a;
+    const ranges = Object.keys(commissionRates).map((key, index, list) => {
+        return {
+            start: index - 1 >= 0 ? parseInt(list[index - 1], 10) + 1 : 1,
+            end: parseInt(key, 10),
+            value: Number(commissionRates[Number(key)]),
+        };
+    });
+    let sessionsInFuture = futureSessionsCount;
+    if (sessionsInFuture > totalSessionsCount) {
+        sessionsInFuture = totalSessionsCount;
+    }
+    const progress = totalSessionsCount - sessionsInFuture;
+    const { isPreviousMonth, isOldMonth, isCurrentMonth, isFutureMonth } = getDatePosition(calendarDate);
+    const displayedCommission = commissionValue || ((_a = ranges[0]) === null || _a === void 0 ? void 0 : _a.value) || 0;
+    return (_jsxs(ItemCard, Object.assign({ variant: 'neutral' }, { children: [showRevenue && currency && (_jsxs("div", { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary" }, { children: t === null || t === void 0 ? void 0 : t(isFutureMonth || isCurrentMonth
+                            ? 'payments.planned_income.title'
+                            : 'payments.income.title') })), _jsxs("div", Object.assign({ className: "flex justify-between items-center" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title48Semi, className: "text-typography-typography-secondary" }, { children: priceNormalize(Object.assign({ price: Number((revenue !== null && revenue !== void 0 ? revenue : 0) * 0.01), currency }, (currencyProps || {}))) })), isOldMonth && _jsx(IconPaper, { className: "cursor-pointer" })] }))] })), isLoading && (_jsx("div", Object.assign({ className: "mt-5" }, { children: _jsx(SpecialistPaymentCommonCardSkeleton, {}) }))), !isLoading && (_jsxs(_Fragment, { children: [showRevenue && calendarDate && (_jsx(PaymentBadge, { t: t, className: "mt-5 !block !w-fit", date: calendarDate, locale: locale })), _jsxs(_Fragment, { children: [showCommission && (_jsxs("div", Object.assign({ className: `inline-block w-1/2 ${showRevenue ? 'mt-5' : ''}` }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary" }, { children: t === null || t === void 0 ? void 0 : t('payments.commission_rate.title') })), _jsxs(Typography, Object.assign({ variant: TypographyVariantsEnum.Title20Semi, className: "text-typography-typography-secondary" }, { children: [displayedCommission * 100, "%"] }))] }))), _jsxs("div", Object.assign({ className: `
+              ${isCurrentMonth ? 'w-full' : ''} 
+              ${(showCommission && isCurrentMonth) || showRevenue ? 'mt-5' : ''} 
+              inline-block
+            ` }, { children: [!isFutureMonth && (_jsxs("div", Object.assign({ className: `${isCurrentMonth ? 'w-1/2' : ''} inline-block` }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary" }, { children: t === null || t === void 0 ? void 0 : t('payments.sessions_held.title') })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title20Semi, className: "text-typography-typography-secondary" }, { children: progress }))] }))), !isOldMonth && !isPreviousMonth && (_jsxs("div", Object.assign({ className: `${!isFutureMonth ? 'w-1/2' : ''} inline-block` }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary" }, { children: t === null || t === void 0 ? void 0 : t('payments.future_sessions.title') })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title20Semi, className: "text-typography-typography-secondary" }, { children: sessionsInFuture }))] })))] }))] }), !hideProgressBar && (_jsx(ProgressBarDashed, { t: t, ranges: ranges, progress: progress, maxValue: totalSessionsCount, className: "mt-5" }))] }))] })));
+};
+export default memo(SpecialistPaymentCommonCardFeature);

package/dist/esm/lib2/features/SpecialistPaymentCommonCardFeature/SpecialistPaymentCommonCardSkeleton.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton_v2 } from '../../shared';
+import { specialistPaymentFeatureStyles } from './styles';
+const SpecialistPaymentCommonCardSkeleton = (props) => {
+    const { className } = props;
+    const styles = specialistPaymentFeatureStyles();
+    return (_jsxs("div", Object.assign({ className: `${styles.skeletonWrapper()} ${className}` }, { children: [_jsxs("div", Object.assign({ className: 'flex justify-start mb-9' }, { children: [_jsxs("div", Object.assign({ className: 'flex flex-col w-1/2' }, { children: [_jsx(Skeleton_v2, { className: styles.skeletonTLWTile() }), _jsx(Skeleton_v2, { className: styles.skeletonTSWTile() })] })), _jsxs("div", Object.assign({ className: 'flex flex-col w-1/2' }, { children: [_jsx(Skeleton_v2, { className: styles.skeletonTLWTile() }), _jsx(Skeleton_v2, { className: styles.skeletonTSWTile() })] }))] })), _jsxs("div", Object.assign({ className: 'flex justify-between' }, { children: [_jsxs("div", Object.assign({ className: 'flex flex-col' }, { children: [_jsx(Skeleton_v2, { className: styles.skeletonBLNTile() }), _jsx(Skeleton_v2, { className: styles.skeletonBSWTile() }), _jsx(Skeleton_v2, { className: styles.skeletonBMWTile() })] })), _jsxs("div", Object.assign({ className: 'flex flex-col' }, { children: [_jsx(Skeleton_v2, { className: styles.skeletonBLNTile() }), _jsx(Skeleton_v2, { className: styles.skeletonBSWTile() }), _jsx(Skeleton_v2, { className: styles.skeletonBMWTile() })] })), _jsxs("div", Object.assign({ className: 'flex flex-col' }, { children: [_jsx(Skeleton_v2, { className: styles.skeletonBLNTile2() }), _jsx(Skeleton_v2, { className: styles.skeletonBSWTile() }), _jsx(Skeleton_v2, { className: styles.skeletonBMWTile2() })] }))] }))] })));
+};
+export default SpecialistPaymentCommonCardSkeleton;

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

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

package/dist/esm/lib2/features/SpecialistPaymentCommonCardFeature/styles.js

@@ -0,0 +1,14 @@
+import { tv } from 'tailwind-variants';
+export const specialistPaymentFeatureStyles = tv({
+    slots: {
+        sessionsLabel: 'text-color-text-primary font-bold text-[16px]',
+        skeletonWrapper: 'bg-color-background-anti-flash-light rounded-[30px]',
+        skeletonTLWTile: 'rounded-[12px] w-[118px] h-[12px] !mb-2',
+        skeletonTSWTile: 'rounded-[12px] w-[62px] h-[18px]',
+        skeletonBLNTile: 'rounded-[20px] w-[104px] h-[8px] !mb-2',
+        skeletonBLNTile2: 'rounded-[20px] w-[83px] h-[8px] !mb-2',
+        skeletonBSWTile: 'rounded-[12px] w-[38px] h-[12px] !mb-3',
+        skeletonBMWTile: 'rounded-[12px] w-[70px] h-[10px]',
+        skeletonBMWTile2: 'rounded-[12px] w-[62px] h-[10px]',
+    },
+});

package/dist/esm/lib2/features/SpecialistPaymentConsultationsFeature/Consultations/ConsultationCard.js

@@ -0,0 +1,24 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { priceNormalize } from '../../../shared/utils/priceNormalizer';
+import { Avatar_v2, Typography, TypographyVariantsEnum } from '../../../shared';
+import { specialistPaymentConsultationsStyles } from '../styles';
+import { DateTime } from 'luxon';
+const ConsultationCard = ({ consultation, locale, consultationClick, }) => {
+    var _a, _b, _c, _d, _e, _f;
+    const styles = specialistPaymentConsultationsStyles();
+    const date = DateTime.fromJSDate(consultation.date)
+        .setLocale(locale !== null && locale !== void 0 ? locale : 'uk')
+        .toFormat('dd MMMM yyyy');
+    if (!consultation)
+        return _jsx(_Fragment, {});
+    return (_jsxs("div", Object.assign({ onClick: consultationClick ? () => consultationClick(consultation) : () => null, className: `${styles.consultationCard()} ${consultationClick ? 'cursor-pointer' : ''}` }, { children: [_jsxs("div", Object.assign({ className: "flex flex-start items-center" }, { children: [_jsx("div", Object.assign({ className: "mr-4" }, { children: _jsx(Avatar_v2, { src: consultation.avatar, alt: consultation.name }) })), _jsxs("div", Object.assign({ className: "flex flex-col" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular }, { children: consultation.name })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary" }, { children: date }))] }))] })), _jsxs("div", Object.assign({ className: "flex flex-col" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Regular, className: "text-right" }, { children: priceNormalize({
+                            price: ((_b = (_a = consultation.payment) === null || _a === void 0 ? void 0 : _a.price_default_after_commission_in_cents) !== null && _b !== void 0 ? _b : 0) * 0.01,
+                            currency: (_c = consultation.payment) === null || _c === void 0 ? void 0 : _c.currency_default,
+                        }) })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary text-right" }, { children: priceNormalize({
+                            price: ((_e = (_d = consultation.payment) === null || _d === void 0 ? void 0 : _d.price_local_after_commission_by_exchange_rate_in_cents) !== null && _e !== void 0 ? _e : 0) *
+                                0.01,
+                            currency: (_f = consultation.payment) === null || _f === void 0 ? void 0 : _f.currency_local,
+                        }) }))] }))] })));
+};
+export default memo(ConsultationCard);

package/dist/esm/lib2/features/SpecialistPaymentConsultationsFeature/Consultations/ConsultationsList.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import ConsultationCard from './ConsultationCard';
+const ConsultationsList = ({ consultations, locale, consultationClick, }) => {
+    return (_jsx(_Fragment, { children: consultations.map((consultation) => (_jsx(ConsultationCard, { consultationClick: consultationClick, consultation: consultation, locale: locale }, consultation.id))) }));
+};
+export default memo(ConsultationsList);

package/dist/esm/lib2/features/SpecialistPaymentConsultationsFeature/Consultations/ConsultationsListSkeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Skeleton_v2 } from '../../../shared';
+export const ConsultationsListSkeleton = (props) => {
+    const { className } = props;
+    return (_jsx(_Fragment, { children: [1, 0.8, 0.6, 0.4, 0.2].map((opacity, index) => (_jsxs("div", Object.assign({ className: `flex justify-between items-center w-full mt-3 pb-3 border-b border-color-black border-opacity-10 ${className}`, style: { opacity } }, { children: [_jsxs("div", Object.assign({ className: "flex flex-start items-center" }, { children: [_jsx("div", Object.assign({ className: "mr-4" }, { children: _jsx(Skeleton_v2, { className: "w-10 h-10 rounded-full" }) })), _jsxs("div", Object.assign({ className: "flex flex-col" }, { children: [_jsx(Skeleton_v2, { className: "w-[142px] h-[14px] rounded-[12px] !mb-2" }), _jsx(Skeleton_v2, { className: "w-[94px] h-[10px] rounded-[12px]" })] }))] })), _jsxs("div", Object.assign({ className: "flex flex-col items-end" }, { children: [_jsx(Skeleton_v2, { className: "w-[64px] h-[14px] rounded-[12px] !mb-2" }), _jsx(Skeleton_v2, { className: "w-[32px] h-[10px] rounded-[12px]" })] }))] }), index))) }));
+};

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useEffect } from 'react';
+import { Typography, TypographyVariantsEnum } from '../../shared';
+import { usePaymentsConsultationsTabs } from '../../shared/hooks/useSpecialistPayments';
+import ConsultationsList from './Consultations/ConsultationsList';
+import { specialistPaymentConsultationsStyles } from './styles';
+const SpecialistPaymentConsultationsFeature = ({ t, calendarDate, consultations, locale, futureCount, previousCount, defaultTab, consultationsModeTrigger, consultationClick, }) => {
+    const styles = specialistPaymentConsultationsStyles();
+    const [selectedTab, setSelectedTab] = useState('');
+    const { activeTab, tabs } = usePaymentsConsultationsTabs({
+        t,
+        date: calendarDate,
+        futureCount,
+        previousCount,
+        defaultTab,
+    });
+    const multiple = tabs.length > 1;
+    useEffect(() => {
+        if (selectedTab !== activeTab) {
+            setSelectedTab(activeTab);
+            consultationsModeTrigger(activeTab);
+        }
+    }, [activeTab]);
+    const onTabClick = (tab) => {
+        if (tab.value !== selectedTab) {
+            setSelectedTab(tab.value);
+            consultationsModeTrigger(tab.value);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: "mt-4 flex justify-between items-center" }, { children: tabs.map((tab, index) => (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum[multiple ? 'Text14Semi' : 'Title18Semi'], onClick: () => onTabClick(tab), className: styles.tab({
+                        active: selectedTab === tab.value,
+                        multiple,
+                    }) }, { children: tab.label }), `${tab.value}-${index}`))) })), _jsx(ConsultationsList, { consultationClick: consultationClick, consultations: consultations, locale: locale })] }));
+};
+export default memo(SpecialistPaymentConsultationsFeature);

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

@@ -0,0 +1,3 @@
+export { default as SpecialistPaymentConsultationsFeature } from './SpecialistPaymentConsultationsFeature';
+export { default as PaymentSessionsList } from './Consultations/ConsultationsList';
+export { ConsultationsListSkeleton } from './Consultations/ConsultationsListSkeleton';

package/dist/esm/lib2/features/SpecialistPaymentConsultationsFeature/styles.js

@@ -0,0 +1,19 @@
+import { tv } from 'tailwind-variants';
+export const specialistPaymentConsultationsStyles = tv({
+    slots: {
+        tab: 'p-4 w-1/2 text-center cursor-pointer opacity-65',
+        consultationCard: 'flex justify-between items-center w-full mt-4 pb-4 border-b border-typography-typography-primary/10 cursor-pointer',
+    },
+    variants: {
+        multiple: {
+            false: {
+                tab: '!border-b-0 text-left pl-0 !w-full',
+            },
+        },
+        active: {
+            true: {
+                tab: 'border-b-2 font-semibold opacity-100',
+            },
+        },
+    },
+});

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Avatar_v2 as Avatar, Badge, Flag_v2 as Flag, TypographyVariantsEnum, Typography, IconVerifiedUser, IconArrowRight, ReviewsSummary, } from '../../shared';
+import classNames from 'classnames';
+import MatchProgress from '../../shared/ui/MatchProgress/MatchProgress';
+const SpecialistShortInfoItemFeature = ({ t, matchVariant = 'badge', match, fullName, avatarLink, countryCode, yearsOfExperience, className, avatarProps, rating, reviews, isSpecialistUnAvailable = false, isAuth = true, variantFullName, onClickReview, }) => {
+    const badgeVariant = useMemo(() => {
+        if (!match)
+            return 'attention';
+        if (match >= 80)
+            return 'success';
+        return 'attention';
+    }, []);
+    const avatar = useMemo(() => (_jsx(Avatar, Object.assign({ alt: "avatar", round: "drop", variant: "small", showSkeleton: false, src: avatarLink }, avatarProps))), [avatarLink, avatarProps]);
+    return (_jsxs("div", Object.assign({ className: classNames('container flex items-center', className) }, { children: [matchVariant === 'avatar' && !isSpecialistUnAvailable && isAuth ? (_jsx(MatchProgress, Object.assign({ percentMatch: match }, { children: avatar }))) : (avatar), _jsxs("div", Object.assign({ className: "flex-1 mx-2.5" }, { children: [_jsxs("div", Object.assign({ className: "flex items-center" }, { children: [_jsx(Typography, Object.assign({ variant: variantFullName || TypographyVariantsEnum.Text15Semi, className: "[hyphenate-character:''] hyphens-auto [word-break:break-word]" }, { children: fullName })), countryCode && _jsx(Flag, { name: countryCode, className: "mx-1 w-5 h-6" }), _jsx("div", Object.assign({ className: "min-w-5" }, { children: _jsx(IconVerifiedUser, { size: 20 }) }))] })), yearsOfExperience && (_jsx(Typography, Object.assign({ opacity: 50, variant: TypographyVariantsEnum.Text13Regular }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.years_of_experience', {
+                            count: yearsOfExperience,
+                        }) }))), typeof rating === 'number' && typeof reviews === 'number' && (_jsx(ReviewsSummary, { rating: rating, reviews: reviews, size: "small", t: t, endAdornment: _jsx(IconArrowRight, {}), onClick: onClickReview }))] })), matchVariant === 'badge' && !isSpecialistUnAvailable && isAuth && (_jsx(Badge, Object.assign({ className: "whitespace-nowrap", variant: badgeVariant, size: "S", type: "default" }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.badge', { value: `${match}%` }) })))] })));
+};
+export default SpecialistShortInfoItemFeature;

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

@@ -0,0 +1,32 @@
+import SpecialistShortInfoItemFeature from './SpecialistShortInfoItemFeature';
+import { mockT } from '../../shared/utils/mock';
+const meta = {
+    title: 'V2/Features/SpecialistShortInfoItemFeature',
+    component: SpecialistShortInfoItemFeature,
+};
+export default meta;
+const t = mockT();
+export const Default = {
+    args: {
+        t,
+        fullName: 'Andrey D.',
+        countryCode: 'ua',
+        yearsOfExperience: 11,
+        match: 99,
+        avatarLink: 'https://fastly.picsum.photos/id/237/400/400.jpg?hmac=xOOBt-lNJA0YjxEj0QoS_0PZV5iI3oxZA_weJ4E1xEw',
+    },
+};
+export const DetailProfileSpecialist = {
+    args: {
+        t,
+        fullName: 'Andrey D.',
+        countryCode: 'ua',
+        match: 99,
+        matchVariant: 'avatar',
+        avatarProps: {
+            variant: 'large',
+            round: 'circle',
+        },
+        avatarLink: 'https://fastly.picsum.photos/id/237/400/400.jpg?hmac=xOOBt-lNJA0YjxEj0QoS_0PZV5iI3oxZA_weJ4E1xEw',
+    },
+};

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

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

package/dist/esm/lib2/features/TabsToolbarFeature/styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const IonTabBarStyles: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonTabBar & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & {
+    onIonTabsDidChange?: ((event: CustomEvent<{
+        tab: string;
+    }>) => void) | undefined;
+    onIonTabsWillChange?: ((event: CustomEvent<{
+        tab: string;
+    }>) => void) | undefined;
+    slot?: "bottom" | "top" | undefined;
+    style?: {
+        [key: string]: string;
+    } | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLIonTabBarElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLIonTabBarElement>>, any, {}, never>;

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useRef, useState, } from 'react';
+import { AppFooter_v2 as AppFooter, AppHeader_v2 as AppHeader, Button_v2 as Button, Container_v2 as Container, Textarea_v2 as Textarea, Typography, TypographyVariantsEnum, } from '../../shared';
+import { isPlatform } from '@ionic/react';
+import styles from './TextAreaForm.module.css';
+const TextAreaFormFeature = ({ title, subtitle, placeholder, buttonText = 'Зберегти', defaultValue, name, onSubmit, isLoading, isFocus = false, isKeyboardShown = false, }) => {
+    const [value, setValue] = useState(defaultValue);
+    const textareaRef = useRef(null);
+    useEffect(() => {
+        var _a;
+        if (!isFocus)
+            return;
+        if (textareaRef === null || textareaRef === void 0 ? void 0 : textareaRef.current) {
+            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.setFocus();
+        }
+    }, [textareaRef, isFocus]);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        if (!value)
+            return;
+        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value, name !== null && name !== void 0 ? name : '');
+    }, [value, name, onSubmit]);
+    return (_jsxs(_Fragment, { children: [_jsx(AppHeader, Object.assign({ toolbarClassName: '!p-0', className: 'mb-5' }, { children: _jsxs("div", Object.assign({ className: 'flex flex-col gap-1' }, { children: [title && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title28Semi }, { children: title }))), subtitle && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Regular, opacity: 50 }, { children: subtitle })))] })) })), _jsx(Container, Object.assign({ className: styles.container }, { children: _jsx(Textarea, { ref: textareaRef, placeholder: placeholder, showCounter: true, autoGrow: true, maxlength: 300, spellcheck: true, value: value, name: name, onIonChange: (e) => setValue(e.target.value), onKeyPress: (e) => !isPlatform('hybrid') && e.key === 'Enter' && handleSubmit(e), disabled: isLoading }) })), _jsx(AppFooter, Object.assign({ bottomSaveArea: !isKeyboardShown }, { children: _jsx(Button, Object.assign({ type: 'button', fullWidth: true, size: 'large', disabled: !value, isLoading: isLoading, onClick: handleSubmit }, { children: buttonText })) }))] }));
+};
+export default memo(TextAreaFormFeature);

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

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

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

@@ -0,0 +1,65 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { memo, useEffect, useRef, useState } from 'react';
+import { Typography } from '../../shared/ui/Typography';
+import { TypographyVariantsEnum } from '../../shared/ui/Typography/types';
+import { ShowMore } from '../../shared/ui/ShowMore';
+import { ModalSheet } from '../../shared/ui/ModalSheet';
+import { Container_v2 as Container } from '../../shared/ui/Container_v2';
+const TextWithClamp = (_a) => {
+    var { text, title, countLines, variant = TypographyVariantsEnum.Text15Regular, expandType, classNameTitle, onExpand, t, presentingElement } = _a, props = __rest(_a, ["text", "title", "countLines", "variant", "expandType", "classNameTitle", "onExpand", "t", "presentingElement"]);
+    const [isExpandable, setIsExpandable] = useState(false);
+    const [isExpanded, setIsExpanded] = useState(false);
+    const textRef = useRef(null);
+    const modalRef = useRef(null);
+    const titleContent = (variant) => title && (_jsx(Typography, Object.assign({ variant: variant || TypographyVariantsEnum.Title18Semi, className: classNames('mt-6 mb-2', classNameTitle) }, { children: title })));
+    const renderTextContent = (expanded = isExpanded) => {
+        return (_jsx(Typography, Object.assign({ variant: variant, className: classNames('overflow-hidden', { [`line-clamp-${countLines}`]: !expanded }, { 'line-clamp-none': expanded }), ref: textRef }, props, { children: text })));
+    };
+    useEffect(() => {
+        const checkTextHeight = () => {
+            var _a;
+            if (textRef.current && countLines) {
+                const lineHeight = parseFloat(getComputedStyle(textRef.current).lineHeight);
+                const maxLinesHeight = lineHeight * countLines;
+                if (((_a = textRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) > maxLinesHeight) {
+                    setIsExpandable(true);
+                }
+                else {
+                    setIsExpandable(false);
+                }
+            }
+        };
+        requestAnimationFrame(() => {
+            checkTextHeight();
+        });
+    }, [text, countLines]);
+    const toggleText = () => {
+        setIsExpanded(!isExpanded);
+    };
+    const handleOpenModal = () => {
+        var _a;
+        (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.present();
+    };
+    return (_jsxs(_Fragment, { children: [titleContent(), renderTextContent(), isExpandable && (_jsx(ShowMore, Object.assign({ onClick: typeof onExpand === 'function'
+                    ? onExpand
+                    : expandType === 'inline'
+                        ? toggleText
+                        : expandType === 'modal'
+                            ? handleOpenModal
+                            : undefined, className: "mt-3" }, { children: isExpanded
+                    ? t === null || t === void 0 ? void 0 : t('controls.show_less')
+                    : t === null || t === void 0 ? void 0 : t('therapist_details.show_more') }))), _jsx(ModalSheet, Object.assign({ ref: modalRef, presentingElement: presentingElement, withCloseButton: true }, { children: _jsxs(Container, { children: [titleContent(TypographyVariantsEnum.Title28Semi), renderTextContent(true)] }) }))] }));
+};
+export default memo(TextWithClamp);

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

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

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

@@ -0,0 +1,11 @@
+// this is need for tailwind to work with line-clamp, because tailwind has to see all possible classes to provide them in css
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const hackForLineClamp = [
+    'line-clamp-1',
+    'line-clamp-2',
+    'line-clamp-3',
+    'line-clamp-4',
+    'line-clamp-5',
+    'line-clamp-6',
+];
+export {};

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

@@ -0,0 +1,35 @@
+export * from './CountryOfOriginModal';
+export * from './ChangeLanguageModal';
+export * from './CardModal';
+export * from './SlotsGrid';
+export * from './PushNotificationsModal';
+export * from './PushNotificationsIsDisabledBanner';
+export * from './SpecialistShortInfoItemFeature';
+export * from './SpecialistInfoColumnFeature';
+export * from './CountdownTimerFeature';
+export * from './CheckBoxSectionListFeature';
+export * from './CheckBoxListFeature';
+export * from './ShareModalFeature';
+export * from './ConsultationPricingFeature';
+export * from './SpecialistPaymentCommonCardFeature';
+export * from './SpecialistPaymentConsultationsFeature';
+export * from './CalendarPickerFeature';
+export * from './PaymentCalendarFeature';
+export * from './GoogleCalendarModalFeature';
+export * from './ReviewCardFeature';
+export * from './AppNotSupporedFeature';
+export * from './ScreenInputUpdateFeature';
+export * from './ErrorCardFeature';
+export * from './ContractTreeFeature';
+export * from './OutdatedPersonalDataFeature';
+export * from './ScreenInputFormFeature';
+export * from './ScreenDrumPickerFormFeature';
+export * from './TextAreaFormFeature';
+export * from './AcceptAgreementFeature';
+export * from './SelectWithSearchFormFeature';
+export * from './MarkdownContainerFeature';
+export * from './OnBoardingFlow';
+export * from './SpecialistAreaListFeature';
+export * from './TextWithClampFeature';
+export * from './ReviewListFeature';
+export * from './SpecialistEducationsFeature';

package/dist/esm/lib2/index.js

@@ -0,0 +1,3 @@
+export * from './shared';
+export * from './features';
+export * from './widgets';

package/dist/esm/lib2/shared/assets/icons/IconAddModerator.js

@@ -0,0 +1,16 @@
+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";
+export const IconAddModerator = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, props, { children: [_jsx("mask", Object.assign({ id: "mask0_522_3328", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: size, height: size }, { children: _jsx("rect", { width: size, height: size, fill: "#D9D9D9" }) })), _jsx("g", Object.assign({ mask: "url(#mask0_522_3328)" }, { children: _jsx("path", { d: "M12 21.4807C9.83716 20.891 8.04646 19.6179 6.62787 17.6615C5.20929 15.7051 4.5 13.5179 4.5 11.1V5.34619L12 2.53851L19.5 5.34619V11.0116C19.2666 10.9167 19.0218 10.8311 18.7654 10.7549C18.5089 10.6786 18.2538 10.6186 18 10.575V6.39039L12 4.15001L5.99997 6.39039V11.1C5.99997 11.9859 6.12497 12.851 6.37497 13.6952C6.62497 14.5395 6.96953 15.3286 7.40865 16.0625C7.84775 16.7965 8.37243 17.4555 8.9827 18.0395C9.59297 18.6234 10.2552 19.0898 10.9693 19.4385L10.9981 19.4289C11.1302 19.7955 11.3013 20.1468 11.5116 20.4827C11.7218 20.8186 11.9609 21.1237 12.2288 21.398C12.1865 21.4109 12.1484 21.4247 12.1144 21.4394C12.0804 21.4541 12.0423 21.4679 12 21.4807ZM17 21.5C15.7513 21.5 14.6891 21.0622 13.8135 20.1865C12.9378 19.3109 12.5 18.2487 12.5 17C12.5 15.7513 12.9378 14.6891 13.8135 13.8135C14.6891 12.9379 15.7513 12.5 17 12.5C18.2487 12.5 19.3109 12.9379 20.1865 13.8135C21.0621 14.6891 21.5 15.7513 21.5 17C21.5 18.2487 21.0621 19.3109 20.1865 20.1865C19.3109 21.0622 18.2487 21.5 17 21.5ZM16.5577 19.75H17.4423V17.4423H19.75V16.5577H17.4423V14.25H16.5577V16.5577H14.25V17.4423H16.5577V19.75Z", fill: "currentColor" }) }))] })));
+};

package/dist/esm/lib2/shared/assets/icons/IconApple.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconApple = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { d: "M20.7588 8.28028C20.6255 8.38299 18.2717 9.69986 18.2717 12.628C18.2717 16.0149 21.2668 17.2131 21.3564 17.2428C21.3426 17.3158 20.8806 18.8837 19.7773 20.4813C18.7935 21.8872 17.766 23.2908 16.203 23.2908C14.6399 23.2908 14.2377 22.3893 12.4333 22.3893C10.6749 22.3893 10.0497 23.3205 8.61994 23.3205C7.19022 23.3205 6.19264 22.0196 5.04564 20.422C3.71706 18.546 2.64362 15.6315 2.64362 12.8654C2.64362 8.42863 5.54903 6.0756 8.40847 6.0756C9.92784 6.0756 11.1944 7.06611 12.1483 7.06611C13.0562 7.06611 14.4721 6.01626 16.2007 6.01626C16.8558 6.01626 19.2095 6.0756 20.7588 8.28028ZM15.3801 4.13795C16.095 3.29579 16.6006 2.12726 16.6006 0.958738C16.6006 0.796696 16.5868 0.632372 16.557 0.5C15.3939 0.543363 14.0101 1.26913 13.1757 2.22997C12.5206 2.96942 11.9092 4.13795 11.9092 5.32245C11.9092 5.50047 11.9391 5.67849 11.9529 5.73554C12.0265 5.74924 12.146 5.76521 12.2655 5.76521C13.3091 5.76521 14.6216 5.0714 15.3801 4.13795Z", fill: "#212121" }) })));

package/dist/esm/lib2/shared/assets/icons/IconArrowDown.js

@@ -0,0 +1,16 @@
+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";
+export const IconArrowDown = (_a) => {
+    var { width = 24, height = 24, color = 'currentColor' } = _a, other = __rest(_a, ["width", "height", "color"]);
+    return (_jsx("svg", Object.assign({ width: width, height: height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: _jsx("path", { d: "M14.4369 5.33365L8.00098 11.7695L1.56509 5.33365L2.51123 4.38751L8.00098 9.87725L13.4907 4.38751L14.4369 5.33365Z", fill: color }) })));
+};

package/dist/esm/lib2/shared/assets/icons/IconArrowLeft.js

@@ -0,0 +1,16 @@
+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";
+export function IconArrowLeft(_a) {
+    var { color = 'currentColor', size = 24 } = _a, other = __rest(_a, ["color", "size"]);
+    return (_jsx("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: _jsx("path", { d: "M19.5 12H4M4 12L11 19M4 12L11 5", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+}

package/dist/esm/lib2/shared/assets/icons/IconArrowRight.js

@@ -0,0 +1,16 @@
+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";
+export function IconArrowRight(_a) {
+    var { color = 'currentColor', size = 24 } = _a, other = __rest(_a, ["color", "size"]);
+    return (_jsx("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: color, xmlns: "http://www.w3.org/2000/svg" }, other, { children: _jsx("path", { d: "M5.34327 14.4359L4.39714 13.4897L9.88689 7.99997L4.39714 2.51022L5.34327 1.56409L11.7792 7.99997L5.34327 14.4359Z", fill: color }) })));
+}

package/dist/esm/lib2/shared/assets/icons/IconArrowTopRight.js

@@ -0,0 +1,16 @@
+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";
+export const IconArrowTopRight = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none" }, props, { children: _jsx("path", { d: "M6.7942 17.6442L5.75 16.6L15.5904 6.74995H6.64422V5.25H18.1442V16.75H16.6442V7.80378L6.7942 17.6442Z", fill: "currentColor" }) })));
+};

package/dist/esm/lib2/shared/assets/icons/IconAttachMoney.js

@@ -0,0 +1,16 @@
+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";
+export function IconAttachMoney(_a) {
+    var { size = 24, color = 'currentColor', style = {} } = _a, props = __rest(_a, ["size", "color", "style"]);
+    return (_jsxs("svg", Object.assign({ width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("mask", Object.assign({ id: "mask0_9057_8458", style: Object.assign(Object.assign({}, style), { maskType: 'alpha' }), maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "16", height: "16" }, { children: _jsx("rect", { width: "16", height: "16", fill: "#D9D9D9" }) })), _jsx("g", Object.assign({ mask: "url(#mask0_9057_8458)" }, { children: _jsx("path", { d: "M7.34997 14V12.5667C6.76108 12.4333 6.25275 12.1778 5.82497 11.8C5.39719 11.4222 5.0833 10.8889 4.8833 10.2L6.11663 9.7C6.2833 10.2333 6.53052 10.6389 6.8583 10.9167C7.18608 11.1944 7.61663 11.3333 8.14997 11.3333C8.60552 11.3333 8.99163 11.2306 9.3083 11.025C9.62497 10.8194 9.7833 10.5 9.7833 10.0667C9.7833 9.67778 9.66108 9.36945 9.41663 9.14167C9.17219 8.91389 8.60552 8.65556 7.71663 8.36667C6.76108 8.06667 6.10552 7.70833 5.74997 7.29167C5.39441 6.875 5.21663 6.36667 5.21663 5.76667C5.21663 5.04444 5.44997 4.48333 5.91663 4.08333C6.3833 3.68333 6.86108 3.45556 7.34997 3.4V2H8.6833V3.4C9.23886 3.48889 9.69719 3.69167 10.0583 4.00833C10.4194 4.325 10.6833 4.71111 10.85 5.16667L9.61663 5.7C9.4833 5.34444 9.29441 5.07778 9.04997 4.9C8.80552 4.72222 8.47219 4.63333 8.04997 4.63333C7.56108 4.63333 7.18886 4.74167 6.9333 4.95833C6.67775 5.175 6.54997 5.44444 6.54997 5.76667C6.54997 6.13333 6.71663 6.42222 7.04997 6.63333C7.3833 6.84444 7.96108 7.06667 8.7833 7.3C9.54997 7.52222 10.1305 7.875 10.525 8.35833C10.9194 8.84167 11.1166 9.4 11.1166 10.0333C11.1166 10.8222 10.8833 11.4222 10.4166 11.8333C9.94997 12.2444 9.37219 12.5 8.6833 12.6V14H7.34997Z", fill: color }) }))] })));
+}