@mindly/ui-components 5.98.18 → 5.98.19

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

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const index_1 = require("../../index");
-const classnames_1 = __importDefault(require("classnames"));
-const SpecialistAreaList = ({ list, title, limit, className, classNameTitle, fillTextWithMatch, t, presentingElement, }) => {
-    const modalRef = (0, react_1.useRef)(null);
-    const titleContent = (variant) => title && ((0, jsx_runtime_1.jsx)(index_1.Typography, Object.assign({ variant: variant || index_1.TypographyVariantsEnum.Title18Semi, className: (0, classnames_1.default)('mt-6 mb-2', classNameTitle) }, { children: title })));
-    const listLength = (0, react_1.useMemo)(() => list.length, [list.length]);
-    const renderList = (limitItems = limit) => {
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('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
-            (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-center mt-2 first:mt-0" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('min-w-4 mr-2', {
-                            'text-color-info-green': hasMatch,
-                            'text-color-black': !hasMatch,
-                        }) }, { children: hasMatch ? (0, jsx_runtime_1.jsx)(index_1.IconCheckboxChecked, { size: 16 }) : (0, jsx_runtime_1.jsx)(index_1.IconDot, {}) })), (0, jsx_runtime_1.jsx)(index_1.Typography, Object.assign({ variant: index_1.TypographyVariantsEnum.Text14Regular, className: (0, classnames_1.default)({
-                            '!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 ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [titleContent(), renderList(), limit && listLength > limit && ((0, jsx_runtime_1.jsx)(index_1.ShowMore, Object.assign({ className: "mt-3", onClick: handleOpenModal }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.show_more') }))), (0, jsx_runtime_1.jsx)(index_1.ModalSheet, Object.assign({ ref: modalRef, withCloseButton: true, presentingElement: presentingElement }, { children: (0, jsx_runtime_1.jsxs)(index_1.Container_v2, { children: [titleContent(index_1.TypographyVariantsEnum.Title28Semi), renderList(listLength)] }) }))] }));
-};
-exports.default = SpecialistAreaList;

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

@@ -1,51 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithLimit = exports.WithoutMatch = exports.Default = void 0;
-const SpecialistAreaListFeature_1 = __importDefault(require("./SpecialistAreaListFeature"));
-const mock_1 = require("../../shared/utils/mock");
-const meta = {
-    title: 'v2/Features/SpecialistAreaListFeature',
-    component: SpecialistAreaListFeature_1.default,
-};
-exports.default = meta;
-const t = (0, mock_1.mockT)();
-exports.Default = {
-    args: {
-        t,
-        list: [
-            { text: 'Психотерапевт, психолог, + ще 3', hasMatch: true },
-            {
-                text: 'Працює в методиці Когнітивно-поведінкова терапія (КПТ), Психоаналіз, Позитивна психологія та інші',
-                hasMatch: true,
-            },
-        ],
-    },
-};
-exports.WithoutMatch = {
-    args: {
-        t,
-        list: [
-            { text: 'Психотерапевт, психолог, + ще 3', hasMatch: false },
-            {
-                text: 'Працює в методиці Когнітивно-поведінкова терапія (КПТ), Психоаналіз, Позитивна психологія та інші',
-                hasMatch: false,
-            },
-        ],
-    },
-};
-exports.WithLimit = {
-    args: {
-        t,
-        limit: 3,
-        list: [
-            { text: 'Когнітивно-поведінкова терапія', hasMatch: true },
-            { text: 'Тілесна терапія', hasMatch: false },
-            { text: 'Гештальт-підхід', hasMatch: false },
-            { text: 'Дитячо-батьківські відносини', hasMatch: false },
-            { text: 'Танцювально-рухова терапія', hasMatch: false },
-        ],
-    },
-};

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

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

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

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

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

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const index_1 = require("../../index");
-const classnames_1 = __importDefault(require("classnames"));
-const EducationCard_v2_1 = require("../../shared/ui/EducationCard_v2");
-const SpecialistEducationsFeature = ({ list, limit, className, classNameTitle, presentingElement, t, }) => {
-    const modalRef = (0, react_1.useRef)(null);
-    const titleContent = (variant) => ((0, jsx_runtime_1.jsx)(index_1.Typography, Object.assign({ variant: variant || index_1.TypographyVariantsEnum.Title18Semi, className: (0, classnames_1.default)('mt-6', classNameTitle) }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.education.title') })));
-    const listLength = (0, react_1.useMemo)(() => list.length, [list.length]);
-    const renderList = (limitItems = limit) => {
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('flex flex-col', className) }, { children: list.slice(0, limitItems).map((it, index) => (
-            // this array is not mutable so we can use index as key
-            (0, jsx_runtime_1.jsx)(EducationCard_v2_1.EducationCard_v2, { education: it, t: t }, index))) })));
-    };
-    const handleOpenModal = () => {
-        var _a;
-        (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.present();
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [titleContent(), renderList(), limit && listLength > limit && ((0, jsx_runtime_1.jsx)(index_1.ShowMore, Object.assign({ onClick: handleOpenModal }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.show_more') }))), (0, jsx_runtime_1.jsx)(index_1.ModalSheet, Object.assign({ ref: modalRef, presentingElement: presentingElement, withCloseButton: true }, { children: (0, jsx_runtime_1.jsxs)(index_1.Container_v2, { children: [titleContent(index_1.TypographyVariantsEnum.Title28Semi), renderList(listLength)] }) }))] }));
-};
-exports.default = SpecialistEducationsFeature;

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

@@ -1,44 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const SpecialistEducationsFeature_1 = __importDefault(require("./SpecialistEducationsFeature"));
-const mock_1 = require("../../shared/utils/mock");
-const meta = {
-    title: 'v2/Features/SpecialistEducationsFeature',
-    component: SpecialistEducationsFeature_1.default,
-};
-exports.default = meta;
-const t = (0, mock_1.mockT)();
-exports.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/cjs/lib2/features/SpecialistEducationsFeature/index.js

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

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

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

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

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const SpecialistInfoColumnFeature_1 = __importDefault(require("./SpecialistInfoColumnFeature"));
-const mock_1 = require("../../shared/utils/mock");
-const shared_1 = require("../../shared");
-const meta = {
-    title: 'V2/Features/SpecialistInfoColumnFeature',
-    component: SpecialistInfoColumnFeature_1.default,
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        t: (0, mock_1.mockT)(),
-        rating: 4.99,
-        reviews: 514,
-        sessionPrice: 2200,
-        currentPriceType: shared_1.SupportedCurrency.UAH,
-        sessionDurationMinutes: 90,
-        yearsOfExperience: 5.5,
-        hoursOfPractice: 3234,
-    },
-};

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

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

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

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const luxon_1 = require("luxon");
-const shared_1 = require("../../shared");
-const useSpecialistPayments_1 = require("../../shared/hooks/useSpecialistPayments");
-const PaymentBadge = ({ t, date, locale, className, }) => {
-    const jsDate = new Date(date);
-    const { isOldMonth, isPreviousMonth } = (0, useSpecialistPayments_1.getDatePosition)(jsDate);
-    const dateForOldOrCurrentMonth = (0, useSpecialistPayments_1.useFormattedDate)({
-        date: luxon_1.DateTime.fromObject({
-            year: luxon_1.DateTime.fromJSDate(jsDate).year,
-            month: luxon_1.DateTime.fromJSDate(jsDate).month,
-        }).toJSDate(),
-        locale,
-    });
-    const dateForPreviousMonth = (0, useSpecialistPayments_1.useFormattedDate)({
-        date: jsDate,
-        locale,
-    });
-    if (isOldMonth) {
-        return ((0, jsx_runtime_1.jsx)(shared_1.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 ((0, jsx_runtime_1.jsx)(shared_1.Badge, Object.assign({ className: className, variant: "attention" }, { children: t === null || t === void 0 ? void 0 : t('payments.payout_in_progress.badge', {
-                date: dateForPreviousMonth,
-            }) })));
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-};
-exports.default = (0, react_1.memo)(PaymentBadge);

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

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const priceNormalizer_1 = require("../../shared/utils/priceNormalizer");
-const shared_1 = require("../../shared");
-const useSpecialistPayments_1 = require("../../shared/hooks/useSpecialistPayments");
-const PaymentBadge_1 = __importDefault(require("./PaymentBadge"));
-const SpecialistPaymentCommonCardSkeleton_1 = __importDefault(require("./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 } = (0, useSpecialistPayments_1.getDatePosition)(calendarDate);
-    const displayedCommission = commissionValue || ((_a = ranges[0]) === null || _a === void 0 ? void 0 : _a.value) || 0;
-    return ((0, jsx_runtime_1.jsxs)(shared_1.ItemCard, Object.assign({ variant: 'neutral' }, { children: [showRevenue && currency && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.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') })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-between items-center" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title48Semi, className: "text-typography-typography-secondary" }, { children: (0, priceNormalizer_1.priceNormalize)(Object.assign({ price: Number((revenue !== null && revenue !== void 0 ? revenue : 0) * 0.01), currency }, (currencyProps || {}))) })), isOldMonth && (0, jsx_runtime_1.jsx)(shared_1.IconPaper, { className: "cursor-pointer" })] }))] })), isLoading && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mt-5" }, { children: (0, jsx_runtime_1.jsx)(SpecialistPaymentCommonCardSkeleton_1.default, {}) }))), !isLoading && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showRevenue && calendarDate && ((0, jsx_runtime_1.jsx)(PaymentBadge_1.default, { t: t, className: "mt-5 !block !w-fit", date: calendarDate, locale: locale })), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showCommission && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `inline-block w-1/2 ${showRevenue ? 'mt-5' : ''}` }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary" }, { children: t === null || t === void 0 ? void 0 : t('payments.commission_rate.title') })), (0, jsx_runtime_1.jsxs)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title20Semi, className: "text-typography-typography-secondary" }, { children: [displayedCommission * 100, "%"] }))] }))), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `
-              ${isCurrentMonth ? 'w-full' : ''} 
-              ${(showCommission && isCurrentMonth) || showRevenue ? 'mt-5' : ''} 
-              inline-block
-            ` }, { children: [!isFutureMonth && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${isCurrentMonth ? 'w-1/2' : ''} inline-block` }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary" }, { children: t === null || t === void 0 ? void 0 : t('payments.sessions_held.title') })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title20Semi, className: "text-typography-typography-secondary" }, { children: progress }))] }))), !isOldMonth && !isPreviousMonth && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${!isFutureMonth ? 'w-1/2' : ''} inline-block` }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary" }, { children: t === null || t === void 0 ? void 0 : t('payments.future_sessions.title') })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title20Semi, className: "text-typography-typography-secondary" }, { children: sessionsInFuture }))] })))] }))] }), !hideProgressBar && ((0, jsx_runtime_1.jsx)(shared_1.ProgressBarDashed, { t: t, ranges: ranges, progress: progress, maxValue: totalSessionsCount, className: "mt-5" }))] }))] })));
-};
-exports.default = (0, react_1.memo)(SpecialistPaymentCommonCardFeature);

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const shared_1 = require("../../shared");
-const styles_1 = require("./styles");
-const SpecialistPaymentCommonCardSkeleton = (props) => {
-    const { className } = props;
-    const styles = (0, styles_1.specialistPaymentFeatureStyles)();
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${styles.skeletonWrapper()} ${className}` }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex justify-start mb-9' }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col w-1/2' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonTLWTile() }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonTSWTile() })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col w-1/2' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonTLWTile() }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonTSWTile() })] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex justify-between' }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonBLNTile() }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonBSWTile() }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonBMWTile() })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonBLNTile() }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonBSWTile() }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonBMWTile() })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonBLNTile2() }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonBSWTile() }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: styles.skeletonBMWTile2() })] }))] }))] })));
-};
-exports.default = SpecialistPaymentCommonCardSkeleton;

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

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

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.specialistPaymentFeatureStyles = void 0;
-const tailwind_variants_1 = require("tailwind-variants");
-exports.specialistPaymentFeatureStyles = (0, tailwind_variants_1.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/cjs/lib2/features/SpecialistPaymentConsultationsFeature/Consultations/ConsultationCard.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const priceNormalizer_1 = require("../../../shared/utils/priceNormalizer");
-const shared_1 = require("../../../shared");
-const styles_1 = require("../styles");
-const luxon_1 = require("luxon");
-const ConsultationCard = ({ consultation, locale, consultationClick, }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const styles = (0, styles_1.specialistPaymentConsultationsStyles)();
-    const date = luxon_1.DateTime.fromJSDate(consultation.date)
-        .setLocale(locale !== null && locale !== void 0 ? locale : 'uk')
-        .toFormat('dd MMMM yyyy');
-    if (!consultation)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ onClick: consultationClick ? () => consultationClick(consultation) : () => null, className: `${styles.consultationCard()} ${consultationClick ? 'cursor-pointer' : ''}` }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-start items-center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mr-4" }, { children: (0, jsx_runtime_1.jsx)(shared_1.Avatar_v2, { src: consultation.avatar, alt: consultation.name }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text16Regular }, { children: consultation.name })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary" }, { children: date }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text16Regular, className: "text-right" }, { children: (0, priceNormalizer_1.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,
-                        }) })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text14Regular, opacity: 50, className: "text-typography-typography-secondary text-right" }, { children: (0, priceNormalizer_1.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,
-                        }) }))] }))] })));
-};
-exports.default = (0, react_1.memo)(ConsultationCard);

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

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ConsultationCard_1 = __importDefault(require("./ConsultationCard"));
-const ConsultationsList = ({ consultations, locale, consultationClick, }) => {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: consultations.map((consultation) => ((0, jsx_runtime_1.jsx)(ConsultationCard_1.default, { consultationClick: consultationClick, consultation: consultation, locale: locale }, consultation.id))) }));
-};
-exports.default = (0, react_1.memo)(ConsultationsList);

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConsultationsListSkeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const shared_1 = require("../../../shared");
-const ConsultationsListSkeleton = (props) => {
-    const { className } = props;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: [1, 0.8, 0.6, 0.4, 0.2].map((opacity, index) => ((0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-start items-center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mr-4" }, { children: (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-10 h-10 rounded-full" }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[142px] h-[14px] rounded-[12px] !mb-2" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[94px] h-[10px] rounded-[12px]" })] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col items-end" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[64px] h-[14px] rounded-[12px] !mb-2" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[32px] h-[10px] rounded-[12px]" })] }))] }), index))) }));
-};
-exports.ConsultationsListSkeleton = ConsultationsListSkeleton;

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

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shared_1 = require("../../shared");
-const useSpecialistPayments_1 = require("../../shared/hooks/useSpecialistPayments");
-const ConsultationsList_1 = __importDefault(require("./Consultations/ConsultationsList"));
-const styles_1 = require("./styles");
-const SpecialistPaymentConsultationsFeature = ({ t, calendarDate, consultations, locale, futureCount, previousCount, defaultTab, consultationsModeTrigger, consultationClick, }) => {
-    const styles = (0, styles_1.specialistPaymentConsultationsStyles)();
-    const [selectedTab, setSelectedTab] = (0, react_1.useState)('');
-    const { activeTab, tabs } = (0, useSpecialistPayments_1.usePaymentsConsultationsTabs)({
-        t,
-        date: calendarDate,
-        futureCount,
-        previousCount,
-        defaultTab,
-    });
-    const multiple = tabs.length > 1;
-    (0, react_1.useEffect)(() => {
-        if (selectedTab !== activeTab) {
-            setSelectedTab(activeTab);
-            consultationsModeTrigger(activeTab);
-        }
-    }, [activeTab]);
-    const onTabClick = (tab) => {
-        if (tab.value !== selectedTab) {
-            setSelectedTab(tab.value);
-            consultationsModeTrigger(tab.value);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mt-4 flex justify-between items-center" }, { children: tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum[multiple ? 'Text14Semi' : 'Title18Semi'], onClick: () => onTabClick(tab), className: styles.tab({
-                        active: selectedTab === tab.value,
-                        multiple,
-                    }) }, { children: tab.label }), `${tab.value}-${index}`))) })), (0, jsx_runtime_1.jsx)(ConsultationsList_1.default, { consultationClick: consultationClick, consultations: consultations, locale: locale })] }));
-};
-exports.default = (0, react_1.memo)(SpecialistPaymentConsultationsFeature);

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

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConsultationsListSkeleton = exports.PaymentSessionsList = exports.SpecialistPaymentConsultationsFeature = void 0;
-var SpecialistPaymentConsultationsFeature_1 = require("./SpecialistPaymentConsultationsFeature");
-Object.defineProperty(exports, "SpecialistPaymentConsultationsFeature", { enumerable: true, get: function () { return __importDefault(SpecialistPaymentConsultationsFeature_1).default; } });
-var ConsultationsList_1 = require("./Consultations/ConsultationsList");
-Object.defineProperty(exports, "PaymentSessionsList", { enumerable: true, get: function () { return __importDefault(ConsultationsList_1).default; } });
-var ConsultationsListSkeleton_1 = require("./Consultations/ConsultationsListSkeleton");
-Object.defineProperty(exports, "ConsultationsListSkeleton", { enumerable: true, get: function () { return ConsultationsListSkeleton_1.ConsultationsListSkeleton; } });

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

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.specialistPaymentConsultationsStyles = void 0;
-const tailwind_variants_1 = require("tailwind-variants");
-exports.specialistPaymentConsultationsStyles = (0, tailwind_variants_1.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/cjs/lib2/features/SpecialistShortInfoItemFeature/SpecialistShortInfoItemFeature.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shared_1 = require("../../shared");
-const classnames_1 = __importDefault(require("classnames"));
-const MatchProgress_1 = __importDefault(require("../../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 = (0, react_1.useMemo)(() => {
-        if (!match)
-            return 'attention';
-        if (match >= 80)
-            return 'success';
-        return 'attention';
-    }, []);
-    const avatar = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(shared_1.Avatar_v2, Object.assign({ alt: "avatar", round: "drop", variant: "small", showSkeleton: false, src: avatarLink }, avatarProps))), [avatarLink, avatarProps]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('container flex items-center', className) }, { children: [matchVariant === 'avatar' && !isSpecialistUnAvailable && isAuth ? ((0, jsx_runtime_1.jsx)(MatchProgress_1.default, Object.assign({ percentMatch: match }, { children: avatar }))) : (avatar), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex-1 mx-2.5" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-center" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: variantFullName || shared_1.TypographyVariantsEnum.Text15Semi, className: "[hyphenate-character:''] hyphens-auto [word-break:break-word]" }, { children: fullName })), countryCode && (0, jsx_runtime_1.jsx)(shared_1.Flag_v2, { name: countryCode, className: "mx-1 w-5 h-6" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "min-w-5" }, { children: (0, jsx_runtime_1.jsx)(shared_1.IconVerifiedUser, { size: 20 }) }))] })), yearsOfExperience && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ opacity: 50, variant: shared_1.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' && ((0, jsx_runtime_1.jsx)(shared_1.ReviewsSummary, { rating: rating, reviews: reviews, size: "small", t: t, endAdornment: (0, jsx_runtime_1.jsx)(shared_1.IconArrowRight, {}), onClick: onClickReview }))] })), matchVariant === 'badge' && !isSpecialistUnAvailable && isAuth && ((0, jsx_runtime_1.jsx)(shared_1.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}%` }) })))] })));
-};
-exports.default = SpecialistShortInfoItemFeature;

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

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DetailProfileSpecialist = exports.Default = void 0;
-const SpecialistShortInfoItemFeature_1 = __importDefault(require("./SpecialistShortInfoItemFeature"));
-const mock_1 = require("../../shared/utils/mock");
-const meta = {
-    title: 'V2/Features/SpecialistShortInfoItemFeature',
-    component: SpecialistShortInfoItemFeature_1.default,
-};
-exports.default = meta;
-const t = (0, mock_1.mockT)();
-exports.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',
-    },
-};
-exports.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/cjs/lib2/features/SpecialistShortInfoItemFeature/index.js

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

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

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