@mindly/ui-components 7.5.1 → 8.0.0-alpha.31

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../shared");
+const ConsultationPricingFeatureSkeleton = (props) => {
+    const { className } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: className }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'flex justify-center mb-14' }, { children: (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'rounded-[28px] w-[142px] h-[30px]' }) })), (0, jsx_runtime_1.jsxs)(shared_1.ItemCard, Object.assign({ variant: 'neutral' }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex justify-between my-1 pb-4 border-b border-color-black border-opacity-10' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'rounded-[12px] w-[102px] h-[14px]' }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'rounded-[12px] w-[74px] h-[14px]' })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex justify-between my-1 py-4 border-b border-color-black border-opacity-10' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'rounded-[12px] w-[142px] h-[14px]' }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'rounded-[12px] w-[50px] h-[14px]' })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex justify-between my-1 pt-4' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'rounded-[12px] w-[62px] h-[14px]' }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'rounded-[12px] w-[97px] h-[14px]' })] }))] }))] })));
+};
+exports.default = ConsultationPricingFeatureSkeleton;

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../shared");
+const ConsultationUserSkeleton = (props) => {
+    const { className } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${className} flex flex-col justify-center items-center` }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'rounded-full w-[72px] h-[72px] !mb-4' }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'my-1 flex flex-col items-center' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'rounded-[12px] w-[142px] h-[14px] !mb-2' }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'rounded-[12px] w-[94px] h-[10px]' })] }))] })));
+};
+exports.default = ConsultationUserSkeleton;

package/dist/cjs/lib2/features/ConsultationPricingFeature/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.ConsultationPricingFeature = void 0;
+var ConsultationPricingFeature_1 = require("./ConsultationPricingFeature");
+Object.defineProperty(exports, "ConsultationPricingFeature", { enumerable: true, get: function () { return __importDefault(ConsultationPricingFeature_1).default; } });

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

@@ -1,160 +1 @@
-export declare const contractDataFeatureStyle: import("tailwind-variants").TVReturnType<{
-    status: {
-        pending: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        not_signed: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        expired: {};
-        none: {
-            root: string;
-        };
-        expired_none: {
-            root: string;
-        };
-        active: {};
-    };
-}, {
-    root: string;
-    subtitle: string;
-    icon: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    status: {
-        pending: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        not_signed: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        expired: {};
-        none: {
-            root: string;
-        };
-        expired_none: {
-            root: string;
-        };
-        active: {};
-    };
-}, {
-    status: {
-        pending: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        not_signed: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        expired: {};
-        none: {
-            root: string;
-        };
-        expired_none: {
-            root: string;
-        };
-        active: {};
-    };
-}>, {
-    status: {
-        pending: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        not_signed: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        expired: {};
-        none: {
-            root: string;
-        };
-        expired_none: {
-            root: string;
-        };
-        active: {};
-    };
-}, {
-    root: string;
-    subtitle: string;
-    icon: string;
-}, import("tailwind-variants").TVReturnType<{
-    status: {
-        pending: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        not_signed: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        expired: {};
-        none: {
-            root: string;
-        };
-        expired_none: {
-            root: string;
-        };
-        active: {};
-    };
-}, {
-    root: string;
-    subtitle: string;
-    icon: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    status: {
-        pending: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        not_signed: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        expired: {};
-        none: {
-            root: string;
-        };
-        expired_none: {
-            root: string;
-        };
-        active: {};
-    };
-}, {
-    status: {
-        pending: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        not_signed: {
-            root: string;
-            subtitle: string;
-            icon: string;
-        };
-        expired: {};
-        none: {
-            root: string;
-        };
-        expired_none: {
-            root: string;
-        };
-        active: {};
-    };
-}>, unknown, unknown, undefined>>;
+export declare const contractDataFeatureStyle: any;

package/dist/cjs/lib2/features/ContractTreeFeature/ContractTreeFeature.d.ts

@@ -5,5 +5,5 @@ interface ContentTreeProps {
     data: TreeNode[];
     className?: string;
 }
-declare const ContentTree: React.MemoExoticComponent<React.ForwardRefExoticComponent<ContentTreeProps & React.RefAttributes<HTMLDivElement>>>;
+declare const ContentTree: React.NamedExoticComponent<ContentTreeProps & React.RefAttributes<HTMLDivElement>>;
 export default ContentTree;

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContractTreeFeature = void 0;
+__exportStar(require("./types"), exports);
+var ContractTreeFeature_1 = require("./ContractTreeFeature");
+Object.defineProperty(exports, "ContractTreeFeature", { enumerable: true, get: function () { return __importDefault(ContractTreeFeature_1).default; } });

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+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 CountdownTimerFeature = ({ minutes, seconds, onCompleted, t, }) => {
+    const initialTimeInSeconds = minutes * 60 + seconds;
+    const initialTimeInMilliSeconds = initialTimeInSeconds * 1000;
+    const [remainingTime, setRemainingTime] = (0, react_1.useState)(initialTimeInSeconds);
+    const [remainingTimeInMilli, setRemainingTimeInMilli] = (0, react_1.useState)(initialTimeInMilliSeconds);
+    (0, react_1.useEffect)(() => {
+        const progressBarTimer = setInterval(() => {
+            setRemainingTimeInMilli((prevTime) => {
+                if (prevTime <= 0) {
+                    clearInterval(progressBarTimer);
+                    return 0;
+                }
+                else {
+                    return prevTime - 100;
+                }
+            });
+        }, 100);
+        return () => clearInterval(progressBarTimer);
+    }, [minutes, seconds]);
+    (0, react_1.useEffect)(() => {
+        const timer = setInterval(() => {
+            setRemainingTime((prevTime) => {
+                if (prevTime <= 0) {
+                    clearInterval(timer);
+                    onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted();
+                    return 0;
+                }
+                else {
+                    return prevTime - 1;
+                }
+            });
+        }, 1000);
+        return () => clearInterval(timer);
+    }, [minutes, seconds, onCompleted]);
+    const minutesLeft = Math.floor(remainingTime / 60);
+    const secondsLeft = remainingTime % 60;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col gap-5 items-center' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.ProgressBar_v2, { progress: remainingTimeInMilli / initialTimeInMilliSeconds, reversed: true, variant: 'success' }), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text16Regular }, { children: t === null || t === void 0 ? void 0 : t('timer.time_left_hint', {
+                    minutes: minutesLeft,
+                    seconds: secondsLeft,
+                }) }))] })));
+};
+exports.default = CountdownTimerFeature;

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

@@ -0,0 +1,37 @@
+"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 CountdownTimerFeature_1 = __importDefault(require("./CountdownTimerFeature"));
+const meta = {
+    title: 'V2/Features/CountdownTimerFeature',
+    component: CountdownTimerFeature_1.default,
+    argTypes: {
+        onCompleted: {
+            action: 'onCompleted',
+        },
+    },
+};
+exports.default = meta;
+const translate = {
+    'timer.time_left_hint': 'Залишилось {{minutes}} хв {{seconds}} сек',
+};
+const keys = ['{{minutes}}', '{{seconds}}'];
+exports.Default = {
+    args: {
+        t: (key, values) => {
+            let translation = translate[key] || key;
+            keys.forEach((placeholder) => {
+                const value = values[placeholder.slice(2, -2).trim()];
+                if (value !== undefined) {
+                    translation = translation.replace(new RegExp(placeholder, 'g'), String(value));
+                }
+            });
+            return translation;
+        },
+        minutes: 1,
+        seconds: 59,
+    },
+};

package/dist/cjs/lib2/features/CountdownTimerFeature/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.CountdownTimerFeature = void 0;
+var CountdownTimerFeature_1 = require("./CountdownTimerFeature");
+Object.defineProperty(exports, "CountdownTimerFeature", { enumerable: true, get: function () { return __importDefault(CountdownTimerFeature_1).default; } });

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

@@ -0,0 +1,35 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 react_2 = require("@ionic/react");
+const InputSearch_1 = require("../../shared/ui/InputSearch");
+const shared_1 = require("../../shared");
+const CountryOfOriginModal_module_css_1 = __importDefault(require("./CountryOfOriginModal.module.css"));
+const classnames_1 = __importDefault(require("classnames"));
+const CountryOfOriginModal = (_a) => {
+    var { onSearchChange, onItemClick, searchValue, countries, searchPlaceholder, t } = _a, props = __rest(_a, ["onSearchChange", "onItemClick", "searchValue", "countries", "searchPlaceholder", "t"]);
+    const modalRef = (0, react_1.useRef)(null);
+    const onCancelClick = (0, react_1.useCallback)(() => {
+        var _a;
+        (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.dismiss();
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(react_2.IonModal, Object.assign({}, props, { ref: modalRef, className: CountryOfOriginModal_module_css_1.default.countryOfOriginContent }, { children: [(0, jsx_runtime_1.jsx)(shared_1.AppHeader_v2, { children: (0, jsx_runtime_1.jsx)(InputSearch_1.InputSearch, { className: "pt-1.5 pb-3", onCancelClick: onCancelClick, onIonChange: onSearchChange, value: searchValue, placeholder: searchPlaceholder, t: t }) }), (0, jsx_runtime_1.jsx)(shared_1.Container_v2, { children: (0, jsx_runtime_1.jsx)(react_2.IonList, Object.assign({ lines: "none", mode: "ios" }, { children: countries === null || countries === void 0 ? void 0 : countries.map((country, index) => ((0, jsx_runtime_1.jsx)(react_2.IonItem, Object.assign({ onClick: () => {
+                            onItemClick && onItemClick(country);
+                        }, className: (0, classnames_1.default)(`h-[46px] cursor-pointer`, CountryOfOriginModal_module_css_1.default.ionListItem) }, { children: (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ className: "m-0" }, { children: country })) }), `${country}_${index}`))) })) })] })));
+};
+exports.default = CountryOfOriginModal;

package/dist/cjs/lib2/features/CountryOfOriginModal/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.CountryOfOriginModal = void 0;
+var CountryOfOriginModal_1 = require("./CountryOfOriginModal");
+Object.defineProperty(exports, "CountryOfOriginModal", { enumerable: true, get: function () { return __importDefault(CountryOfOriginModal_1).default; } });

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

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

package/dist/cjs/lib2/features/EmptyChatModalFeature/EmptyChatModalFeature.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { CardModalProps } from '../CardModal/CardModal';
-type EmptyChatModalFeatureProps = {
+type EmptyChatModalFeatureProps = React.PropsWithChildren<{
     buttonTitle?: string;
     onButtonClick?: () => void;
-} & CardModalProps;
+}> & CardModalProps;
 declare const EmptyChatModalFeature: FC<EmptyChatModalFeatureProps>;
 export default EmptyChatModalFeature;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../shared");
+const ErrorCardFeature = ({ title, description, errorTitle, stackTrace, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'h-full flex flex-col items-center justify-center gap-2' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-[88px]' }, { children: "\uD83D\uDE41" })), title && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title28Semi, align: 'center' }, { children: title }))), description && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text14Regular, align: 'center', opacity: 50 }, { children: description }))), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'w-full max-h-48 overflow-y-auto whitespace-pre-wrap bg-[#f7f7f9] border border-[#e1e1e8] text-[#333] text-sm p-2' }, { children: [errorTitle, (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), stackTrace] }))] })));
+};
+exports.default = ErrorCardFeature;

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

@@ -0,0 +1,32 @@
+"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 ErrorCardFeature_1 = __importDefault(require("./ErrorCardFeature"));
+const meta = {
+    title: 'v2/Features/ErrorCardFeature',
+    component: ErrorCardFeature_1.default,
+    argTypes: {},
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        title: 'Упс, щось пішло не так. Перезавантажте додаток, будь ласка',
+        description: 'Будь ласка, зробіть скріншот цього екрану та поділіться ним з нашою службою підтримки. Це допоможе нам виправити цю помилку. Зʼявилась помилка:',
+        errorTitle: 'Error: I crashed!',
+        stackTrace: 'BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
+            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App' +
+            '        BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
+            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App' +
+            '        BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
+            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App' +
+            '        BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
+            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App' +
+            '        BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
+            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App' +
+            '        BuggyCounter@https://cdpn.io/gaearon/fullpage/wqvxGa:81:10' +
+            '        ErrorBoundary@https://cdpn.io/gaearon/fullpage/wqvxGa:47:10 div App',
+    },
+};

package/dist/cjs/lib2/features/ErrorCardFeature/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.ErrorCardFeature = void 0;
+var ErrorCardFeature_1 = require("./ErrorCardFeature");
+Object.defineProperty(exports, "ErrorCardFeature", { enumerable: true, get: function () { return __importDefault(ErrorCardFeature_1).default; } });