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

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

@@ -1,50 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
-import { IonContent, IonModal, isPlatform } from '@ionic/react';
-import { Share } from '@capacitor/share';
-import { Clipboard } from '@capacitor/clipboard';
-import styles from './ShareModalFeature.module.css';
-import { IconLink, IconShare, Typography } from '../../shared';
-import classNames from 'classnames';
-const ShareModalFeature = ({ isOpen, shareUrl, shareTitle, shareText, onDidDismiss, onLinkCopied, onShare, t, }) => {
-    const [isShare, setIsShare] = useState(false);
-    useEffect(() => {
-        (() => __awaiter(void 0, void 0, void 0, function* () {
-            const { value: isCanShare } = yield Share.canShare();
-            if (isCanShare) {
-                setIsShare(true);
-            }
-        }))();
-    }, [Share]);
-    const handleCopyLink = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        yield Clipboard.write({
-            string: shareUrl,
-        });
-        onLinkCopied === null || onLinkCopied === void 0 ? void 0 : onLinkCopied();
-    }), [shareUrl, onLinkCopied]);
-    const handleShareLink = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        onShare === null || onShare === void 0 ? void 0 : onShare();
-        const shareData = {
-            title: shareTitle,
-            text: shareText,
-            url: shareUrl,
-        };
-        if (isPlatform('android')) {
-            yield Share.share(Object.assign(Object.assign({}, shareData), { dialogTitle: shareTitle }));
-        }
-        else {
-            yield navigator.share(shareData);
-        }
-    }), [shareUrl, shareText, shareTitle, onShare]);
-    return (_jsxs(IonModal, Object.assign({ isOpen: isOpen, onDidDismiss: onDidDismiss, initialBreakpoint: 1, breakpoints: [0, 1], className: classNames(styles.container, { [styles.withShare]: isShare }) }, { children: [_jsx("div", { className: 'h-6' }), _jsx(IonContent, { children: _jsx("div", Object.assign({ className: 'px-5 pb-6' }, { children: _jsxs("ul", Object.assign({ className: 'flex flex-col divide-y divide-solid divide-borders-divider text-color-black' }, { children: [_jsxs("li", Object.assign({ className: 'flex items-center gap-4 py-5 cursor-pointer', onClick: handleCopyLink }, { children: [_jsx(IconLink, {}), _jsx(Typography, { children: t === null || t === void 0 ? void 0 : t('therapist_details.copy_profile_link') })] })), isShare && (_jsxs("li", Object.assign({ className: 'flex items-center gap-4 py-5 cursor-pointer', onClick: handleShareLink }, { children: [_jsx(IconShare, {}), ' ', _jsx(Typography, { children: t === null || t === void 0 ? void 0 : t('therapist_details.share_profile') })] })))] })) })) })] })));
-};
-export default ShareModalFeature;

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

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

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useMemo } from 'react';
-import SlotsGridItem from './SlotsGridItem';
-import { slotsStyles } from './styles';
-function SlotsGrid({ times = [], selectedKeys, onSelectionChange, classNameSlot, classNameList, isDisabled = false, }) {
-    const isSelected = useCallback((key) => selectedKeys.has(key), [selectedKeys]);
-    const { list } = useMemo(() => {
-        return slotsStyles();
-    }, [isDisabled, classNameList]);
-    return (_jsx("ul", Object.assign({ className: list({ isDisabled, className: classNameList }) }, { children: times.map((time) => (_jsx(SlotsGridItem, { time: time, className: classNameSlot, isDisabled: isDisabled, isSelected: isSelected(time), onSelectionChange: () => !isDisabled && onSelectionChange(time) }, time))) })));
-}
-export default React.memo(SlotsGrid);

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

@@ -1,12 +0,0 @@
-import SlotsGrid from './SlotsGrid';
-const meta = {
-    title: 'V2/Features/SlotsGrid',
-    component: SlotsGrid,
-};
-export default meta;
-export const Default = {
-    args: {
-        times: ['14:00', '15:00', '16:00', '17:00'],
-        selectedKeys: new Set(['14:00']),
-    },
-};

package/dist/esm/lib2/features/SlotsGrid/SlotsGridItem.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { Typography, TypographyVariantsEnum } from '../../shared/ui/Typography';
-import { slotsStyles } from './styles';
-function SlotsGridItem({ isSelected, isDisabled, time, className, onSelectionChange, }) {
-    const { listItem } = slotsStyles({ isSelected, isDisabled });
-    return (_jsx("button", Object.assign({ onClick: onSelectionChange, disabled: isDisabled }, { children: _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, className: listItem({ className }) }, { children: time })) })));
-}
-export default React.memo(SlotsGridItem);

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

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

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

@@ -1,39 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const slotsStyles = tv({
-    slots: {
-        list: 'grid grid-cols-4 gap-x-2 gap-y-3',
-        listItem: 'border border-solid border-typography-typography-primary/10 p-2 rounded-[18px] text-center cursor-pointer',
-    },
-    variants: {
-        isSelected: {
-            true: {},
-        },
-        isDisabled: {
-            true: {},
-        },
-    },
-    compoundSlots: [
-        {
-            slots: ['list'],
-            isDisabled: true,
-            className: '',
-        },
-        {
-            slots: ['listItem'],
-            isSelected: true,
-            className: 'bg-typography-typography-primary !text-color-background-white',
-        },
-        {
-            slots: ['listItem'],
-            isDisabled: true,
-            isSelected: true,
-            className: '!opacity-30 !cursor-default',
-        },
-        {
-            slots: ['listItem'],
-            isDisabled: true,
-            isSelected: false,
-            className: '!cursor-default !text-typography-typography-primary/30 !border-typography-typography-primary/6',
-        },
-    ],
-});

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

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

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

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, useRef } from 'react';
-import { TypographyVariantsEnum, Typography, IconCheckboxChecked, ShowMore, ModalSheet, Container_v2 as Container, IconDot, } from '../../index';
-import classNames from 'classnames';
-const SpecialistAreaList = ({ list, title, limit, className, classNameTitle, fillTextWithMatch, t, presentingElement, }) => {
-    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 listLength = useMemo(() => list.length, [list.length]);
-    const renderList = (limitItems = limit) => {
-        return (_jsx("div", Object.assign({ className: classNames('flex flex-col', className) }, { children: list.slice(0, limitItems).map(({ text, hasMatch }, index) => (
-            // this array is not mutable so we can use index as key
-            _jsxs("div", Object.assign({ className: "flex items-center mt-2 first:mt-0" }, { children: [_jsx("div", Object.assign({ className: classNames('min-w-4 mr-2', {
-                            'text-color-info-green': hasMatch,
-                            'text-color-black': !hasMatch,
-                        }) }, { children: hasMatch ? _jsx(IconCheckboxChecked, { size: 16 }) : _jsx(IconDot, {}) })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text14Regular, className: classNames({
-                            '!text-color-info-green': hasMatch && fillTextWithMatch,
-                        }) }, { children: text }))] }), index))) })));
-    };
-    const handleOpenModal = () => {
-        var _a;
-        (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.present();
-    };
-    return (_jsxs(_Fragment, { children: [titleContent(), renderList(), limit && listLength > limit && (_jsx(ShowMore, Object.assign({ className: "mt-3", onClick: handleOpenModal }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.show_more') }))), _jsx(ModalSheet, Object.assign({ ref: modalRef, withCloseButton: true, presentingElement: presentingElement }, { children: _jsxs(Container, { children: [titleContent(TypographyVariantsEnum.Title28Semi), renderList(listLength)] }) }))] }));
-};
-export default SpecialistAreaList;

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

@@ -1,45 +0,0 @@
-import SpecialistAreaListFeature from './SpecialistAreaListFeature';
-import { mockT } from '../../shared/utils/mock';
-const meta = {
-    title: 'v2/Features/SpecialistAreaListFeature',
-    component: SpecialistAreaListFeature,
-};
-export default meta;
-const t = mockT();
-export const Default = {
-    args: {
-        t,
-        list: [
-            { text: 'Психотерапевт, психолог, + ще 3', hasMatch: true },
-            {
-                text: 'Працює в методиці Когнітивно-поведінкова терапія (КПТ), Психоаналіз, Позитивна психологія та інші',
-                hasMatch: true,
-            },
-        ],
-    },
-};
-export const WithoutMatch = {
-    args: {
-        t,
-        list: [
-            { text: 'Психотерапевт, психолог, + ще 3', hasMatch: false },
-            {
-                text: 'Працює в методиці Когнітивно-поведінкова терапія (КПТ), Психоаналіз, Позитивна психологія та інші',
-                hasMatch: false,
-            },
-        ],
-    },
-};
-export const WithLimit = {
-    args: {
-        t,
-        limit: 3,
-        list: [
-            { text: 'Когнітивно-поведінкова терапія', hasMatch: true },
-            { text: 'Тілесна терапія', hasMatch: false },
-            { text: 'Гештальт-підхід', hasMatch: false },
-            { text: 'Дитячо-батьківські відносини', hasMatch: false },
-            { text: 'Танцювально-рухова терапія', hasMatch: false },
-        ],
-    },
-};

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

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

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

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

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

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, useRef } from 'react';
-import { TypographyVariantsEnum, Typography, ShowMore, ModalSheet, Container_v2 as Container, } from '../../index';
-import classNames from 'classnames';
-import { EducationCard_v2 as EducationCard } from '../../shared/ui/EducationCard_v2';
-const SpecialistEducationsFeature = ({ list, limit, className, classNameTitle, presentingElement, t, }) => {
-    const modalRef = useRef(null);
-    const titleContent = (variant) => (_jsx(Typography, Object.assign({ variant: variant || TypographyVariantsEnum.Title18Semi, className: classNames('mt-6', classNameTitle) }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.education.title') })));
-    const listLength = useMemo(() => list.length, [list.length]);
-    const renderList = (limitItems = limit) => {
-        return (_jsx("div", Object.assign({ className: classNames('flex flex-col', className) }, { children: list.slice(0, limitItems).map((it, index) => (
-            // this array is not mutable so we can use index as key
-            _jsx(EducationCard, { education: it, t: t }, index))) })));
-    };
-    const handleOpenModal = () => {
-        var _a;
-        (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.present();
-    };
-    return (_jsxs(_Fragment, { children: [titleContent(), renderList(), limit && listLength > limit && (_jsx(ShowMore, Object.assign({ onClick: handleOpenModal }, { children: 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), renderList(listLength)] }) }))] }));
-};
-export default SpecialistEducationsFeature;

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

@@ -1,38 +0,0 @@
-import SpecialistEducationsFeature from './SpecialistEducationsFeature';
-import { mockT } from '../../shared/utils/mock';
-const meta = {
-    title: 'v2/Features/SpecialistEducationsFeature',
-    component: SpecialistEducationsFeature,
-};
-export default meta;
-const t = mockT();
-export const Default = {
-    args: {
-        limit: 2,
-        t,
-        list: [
-            {
-                faculty: 'Діти і Війна. Техніки зцілення',
-                institution_name: 'Український інститут когнітивно-поведінкової терапії',
-                year_start: 2022,
-            },
-            {
-                institution_name: 'Програма захисту дітей «Save the Children»',
-                faculty: 'Перша психологічна допомога дітям в надзвичайних ситуаціях',
-                year_start: 2015,
-                year_end: 2022,
-            },
-            {
-                faculty: 'Психологія',
-                institution_name: 'Київський національний економічний університет ім. Вадима Гетьмана',
-                year_start: 2017,
-                year_end: 2020,
-            },
-            {
-                institution_name: 'Український інститут когнітивно-поведінкової терапії',
-                faculty: 'Діти і Війна. Техніки зцілення',
-                year_start: 2022,
-            },
-        ],
-    },
-};

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

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

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

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TypographyVariantsEnum, Typography, IconStarFilled, IconButton, priceNormalize, SupportedCurrency, } from '../../shared';
-import { IconHeart } from '../../shared/assets/icons/IconHeart';
-import { formatByDigits, roundToPrecision } from '../../shared/utils/format';
-const SpecialistInfoColumnFeature = ({ t, rating = 0, reviews = 0, yearsOfExperience, hoursOfPractice, sessionPrice, currentPriceType, isFavourite, onToggleFavourite, sessionDurationMinutes, }) => {
-    return (_jsxs("div", Object.assign({ className: "flex flex-col gap-4" }, { children: [_jsxs("div", Object.assign({ className: "flex justify-between" }, { children: [_jsxs("div", Object.assign({ className: "flex flex-col w-1/2" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text18Semi }, { children: priceNormalize({
-                                    price: sessionPrice,
-                                    currency: currentPriceType,
-                                    roundingTo: currentPriceType === SupportedCurrency.UAH ? 0 : 2,
-                                }) })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text13Regular }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.session_duration', {
-                                    value: sessionDurationMinutes,
-                                }) }))] })), _jsxs("div", Object.assign({ className: "flex flex-col w-1/2" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text18Semi }, { children: _jsxs("div", Object.assign({ className: "flex items-center" }, { children: [_jsx(IconStarFilled, { className: "w-5 h-5" }), " ", roundToPrecision(rating)] })) })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text13Regular }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.number_of_reviews', { count: reviews }) }))] })), _jsx(IconButton, { onClick: onToggleFavourite, icon: _jsx(IconHeart, { filled: isFavourite }), className: "flex-shrink-0" })] })), _jsxs("div", Object.assign({ className: "flex justify-between" }, { children: [_jsxs("div", Object.assign({ className: "flex flex-col w-1/2" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text18Semi }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.years_of_experience', {
-                                    count: yearsOfExperience,
-                                }) })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text13Regular }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.years_of_experience_label') }))] })), _jsxs("div", Object.assign({ className: "flex flex-col w-1/2" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text18Semi }, { children: hoursOfPractice &&
-                                    (t === null || t === void 0 ? void 0 : t('therapist_list_item.hours_of_practice', {
-                                        value: formatByDigits(hoursOfPractice),
-                                        count: hoursOfPractice,
-                                    })) })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text13Regular }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.hours_of_practice_label') }))] })), _jsx("div", { className: "flex-shrink-0 w-4" })] }))] })));
-};
-export default SpecialistInfoColumnFeature;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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