@mindly/ui-components 7.5.2 → 8.0.0-alpha.32

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

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

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

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

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

@@ -0,0 +1,12 @@
+"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.d.ts

@@ -1,87 +1 @@
-export declare const specialistPaymentConsultationsStyles: import("tailwind-variants").TVReturnType<{
-    multiple: {
-        false: {
-            tab: string;
-        };
-    };
-    active: {
-        true: {
-            tab: string;
-        };
-    };
-}, {
-    tab: string;
-    consultationCard: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    multiple: {
-        false: {
-            tab: string;
-        };
-    };
-    active: {
-        true: {
-            tab: string;
-        };
-    };
-}, {
-    multiple: {
-        false: {
-            tab: string;
-        };
-    };
-    active: {
-        true: {
-            tab: string;
-        };
-    };
-}>, {
-    multiple: {
-        false: {
-            tab: string;
-        };
-    };
-    active: {
-        true: {
-            tab: string;
-        };
-    };
-}, {
-    tab: string;
-    consultationCard: string;
-}, import("tailwind-variants").TVReturnType<{
-    multiple: {
-        false: {
-            tab: string;
-        };
-    };
-    active: {
-        true: {
-            tab: string;
-        };
-    };
-}, {
-    tab: string;
-    consultationCard: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    multiple: {
-        false: {
-            tab: string;
-        };
-    };
-    active: {
-        true: {
-            tab: string;
-        };
-    };
-}, {
-    multiple: {
-        false: {
-            tab: string;
-        };
-    };
-    active: {
-        true: {
-            tab: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+export declare const specialistPaymentConsultationsStyles: any;

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

@@ -0,0 +1,22 @@
+"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.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { WithTranslation } from 'react-i18next';
 import { TypographyVariantsEnum } from '../../shared';
 import { Avatar_v2Props } from '../../../lib2/shared/ui/Avatar_v2';
-export type SpecialistShortInfoItemFeatureProps = {
+export type SpecialistShortInfoItemFeatureProps = React.PropsWithChildren<{
     t?: WithTranslation['t'];
     match?: number;
     matchVariant?: 'badge' | 'avatar';
@@ -21,6 +21,6 @@ export type SpecialistShortInfoItemFeatureProps = {
     onClickReview?(): void;
     onToggleFavourite?(): void;
     onVideoPlay?(): void;
-};
+}>;
 declare const SpecialistShortInfoItemFeature: FC<SpecialistShortInfoItemFeatureProps>;
 export default SpecialistShortInfoItemFeature;

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

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

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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

@@ -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/cjs/lib2/features/TabsToolbarFeature/types.d.ts

@@ -11,12 +11,9 @@ export type TabsToolbarItem = {
 };
 export type TabsToolbarProps = {
     className?: string;
-    classNameIonTabs?: string;
     user?: UserType | Specialist;
     slot?: 'bottom' | 'top';
     items: TabsToolbarItem[];
     selectedTab: string;
-    onTabWillChange?(e: CustomEvent<{
-        tab: string;
-    }>): void;
+    onTabChange?(tab: string): void;
 };

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

@@ -1,222 +1 @@
-export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    content: string;
-    info: string;
-    checkbox: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}, {
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}>, {
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    content: string;
-    info: string;
-    checkbox: string;
-}, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    content: string;
-    info: string;
-    checkbox: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}, {
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+export declare const tariffFeatureStyle: any;

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

@@ -0,0 +1,30 @@
+"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 react_2 = require("@ionic/react");
+const TextAreaForm_module_css_1 = __importDefault(require("./TextAreaForm.module.css"));
+const TextAreaFormFeature = ({ title, subtitle, placeholder, buttonText = 'Зберегти', defaultValue, name, onSubmit, isLoading, isFocus = false, isKeyboardShown = false, }) => {
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const textareaRef = (0, react_1.useRef)(null);
+    (0, react_1.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 = (0, react_1.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 ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(shared_1.AppHeader_v2, Object.assign({ toolbarClassName: '!p-0', className: 'mb-5' }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col gap-1' }, { children: [title && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title28Semi }, { children: title }))), subtitle && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text15Regular, opacity: 50 }, { children: subtitle })))] })) })), (0, jsx_runtime_1.jsx)(shared_1.Container_v2, Object.assign({ className: TextAreaForm_module_css_1.default.container }, { children: (0, jsx_runtime_1.jsx)(shared_1.Textarea_v2, { ref: textareaRef, placeholder: placeholder, showCounter: true, autoGrow: true, maxlength: 300, spellcheck: true, value: value, name: name, onIonChange: (e) => setValue(e.target.value), onKeyPress: (e) => !(0, react_2.isPlatform)('hybrid') && e.key === 'Enter' && handleSubmit(e), disabled: isLoading }) })), (0, jsx_runtime_1.jsx)(shared_1.AppFooter_v2, Object.assign({ bottomSaveArea: !isKeyboardShown }, { children: (0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ type: 'button', fullWidth: true, size: 'large', disabled: !value, isLoading: isLoading, onClick: handleSubmit }, { children: buttonText })) }))] }));
+};
+exports.default = (0, react_1.memo)(TextAreaFormFeature);

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

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