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

package/dist/esm/lib2/shared/ui/Toast/index.js

@@ -1,2 +0,0 @@
-export * from './Toast';
-export * from './ToastRegion';

package/dist/esm/lib2/shared/ui/Toast/styles.js

@@ -1,15 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const toastStyles = tv({
-    base: 'toast fixed top-0 left-0 right-0 w-full h-[80px]',
-    variants: {
-        type: {
-            success: ' bg-badges-success-main',
-            error: 'bg-color-info-red-not-red',
-            attention: 'bg-badges-attention-main',
-            info: 'bg-color-info-blue',
-        },
-    },
-    defaultVariants: {
-        type: 'error',
-    },
-});

package/dist/esm/lib2/shared/ui/Toast/types.js

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

package/dist/esm/lib2/shared/ui/Typography/Typography.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef } from 'react';
-import { TypographyVariantsEnum } from './types';
-import classNames from 'classnames';
-import { typographyAlignClasses, typographyOpacityClasses, typographyVariantClasses, } from './styles';
-const Typography = forwardRef(({ variant = TypographyVariantsEnum.Text16Regular, align = 'left', opacity = 100, isAppearCase = false, className = '', children, onClick, isError = false, }, ref) => {
-    return (_jsx("div", Object.assign({ ref: ref, onClick: onClick, className: classNames('text-typography-typography-primary', typographyVariantClasses[variant], typographyAlignClasses[align], typographyOpacityClasses[opacity], { uppercase: isAppearCase }, { '!text-color-info-red-not-red': isError }, className) }, { children: children })));
-});
-Typography.displayName = 'Typography';
-export default React.memo(Typography);

package/dist/esm/lib2/shared/ui/Typography/index.js

@@ -1,3 +0,0 @@
-import { TypographyVariantsEnum } from './types';
-export { default as Typography } from './Typography';
-export { TypographyVariantsEnum };

package/dist/esm/lib2/shared/ui/Typography/styles.js

@@ -1,51 +0,0 @@
-import { TypographyVariantsEnum } from './types';
-export const typographyVariantClasses = {
-    [TypographyVariantsEnum.Title48Bold]: 'text-5xl/[120%] font-bold font-title tracking-normal',
-    [TypographyVariantsEnum.Title48Semi]: 'text-5xl font-semibold font-title tracking-normal',
-    [TypographyVariantsEnum.Title32Semi]: 'text-3.5xl font-semibold font-title tracking-normal',
-    [TypographyVariantsEnum.Title28Semi]: 'text-2.5xl font-semibold font-title tracking-normal',
-    [TypographyVariantsEnum.Title24Semi]: 'text-2xl/[140%] font-semibold font-title tracking-normal',
-    [TypographyVariantsEnum.Title20Semi]: 'text-xl/[140%] font-semibold font-title tracking-normal',
-    [TypographyVariantsEnum.Title18Semi]: 'text-xl/[140%] font-semibold font-title tracking-normal',
-    [TypographyVariantsEnum.Title14Semi]: 'text-sm/[130%] font-semibold font-title tracking-normal',
-    [TypographyVariantsEnum.Title12Semi]: 'text-xs/[130%] font-semibold font-title tracking-normal',
-    [TypographyVariantsEnum.Text48Semi]: 'text-5xl/[120%] font-semibold',
-    [TypographyVariantsEnum.Text32Semi]: 'text-3.5xl font-semibold',
-    [TypographyVariantsEnum.Text24Semi]: 'text-2xl/[140%] font-semibold',
-    [TypographyVariantsEnum.Text20Semi]: 'text-xl/[140%] font-semibold',
-    [TypographyVariantsEnum.Text18Regular]: 'text-lg/[150%]',
-    [TypographyVariantsEnum.Text18Semi]: 'text-lg/[150%] font-semibold',
-    [TypographyVariantsEnum.Text16Semi]: 'text-base/[150%] font-semibold',
-    [TypographyVariantsEnum.Text16Regular]: 'text-base/[150%]',
-    [TypographyVariantsEnum.Text15Semi]: 'text-sl font-semibold',
-    [TypographyVariantsEnum.Text15Regular]: 'text-sl',
-    [TypographyVariantsEnum.Text14Semi]: 'text-sm/[140%] font-semibold',
-    [TypographyVariantsEnum.Text14Regular]: 'text-sm/[140%]',
-    [TypographyVariantsEnum.Text13Semi]: 'text-xm font-semibold',
-    [TypographyVariantsEnum.Text13Regular]: 'text-xm',
-    [TypographyVariantsEnum.Text13Regular150]: 'text-xm/[150%]',
-    [TypographyVariantsEnum.Text12Regular]: 'text-xs/[120%]',
-    [TypographyVariantsEnum.Tabbar10Medium]: 'text-lm font-medium',
-    [TypographyVariantsEnum.Text8Regular]: 'text-[8px]/[150%]',
-    [TypographyVariantsEnum.Text7Regular]: 'text-[7px]/[140%]',
-    [TypographyVariantsEnum.Text6Regular]: 'text-[6px]/[120%]',
-    [TypographyVariantsEnum.Badge12Regular]: 'text-xs/[140%]',
-    [TypographyVariantsEnum.Badge12Semi]: 'text-xs/[140%] font-semibold',
-};
-export const typographyAlignClasses = {
-    left: 'text-left',
-    right: 'text-right',
-    center: 'text-center',
-};
-export const typographyOpacityClasses = {
-    100: 'opacity-100',
-    65: 'opacity-65',
-    50: 'opacity-50',
-    45: 'opacity-45',
-    35: 'opacity-35',
-    30: 'opacity-30',
-    15: 'opacity-15',
-    10: 'opacity-10',
-    8: 'opacity-8',
-    6: 'opacity-6',
-};

package/dist/esm/lib2/shared/ui/Typography/types.js

@@ -1,34 +0,0 @@
-export var TypographyVariantsEnum;
-(function (TypographyVariantsEnum) {
-    TypographyVariantsEnum["Title48Bold"] = "Title/48 Bold";
-    TypographyVariantsEnum["Title48Semi"] = "Title/48 Semi";
-    TypographyVariantsEnum["Title32Semi"] = "Title/32 Semi";
-    TypographyVariantsEnum["Title28Semi"] = "Title/28 Semi";
-    TypographyVariantsEnum["Title24Semi"] = "Title/24 Semi";
-    TypographyVariantsEnum["Title20Semi"] = "Title/20 Semi";
-    TypographyVariantsEnum["Title18Semi"] = "Title/18 Semi";
-    TypographyVariantsEnum["Title14Semi"] = "Title/14 Semi";
-    TypographyVariantsEnum["Title12Semi"] = "Title/12 Semi";
-    TypographyVariantsEnum["Text48Semi"] = "Text/48 Semi";
-    TypographyVariantsEnum["Text32Semi"] = "Text/32 Semi";
-    TypographyVariantsEnum["Text24Semi"] = "Text/24 Semi";
-    TypographyVariantsEnum["Text20Semi"] = "Text/20 Semi";
-    TypographyVariantsEnum["Text18Regular"] = "Text/18 Regular";
-    TypographyVariantsEnum["Text18Semi"] = "Text/18 Semi";
-    TypographyVariantsEnum["Text16Semi"] = "Text/16 Semi";
-    TypographyVariantsEnum["Text16Regular"] = "Text/16 Regular";
-    TypographyVariantsEnum["Text15Semi"] = "Text/15 Semi";
-    TypographyVariantsEnum["Text15Regular"] = "Text/15 Regular";
-    TypographyVariantsEnum["Text14Semi"] = "Text/14 Semi";
-    TypographyVariantsEnum["Text14Regular"] = "Text/14 Regular";
-    TypographyVariantsEnum["Text13Semi"] = "Text/13 Semi";
-    TypographyVariantsEnum["Text13Regular"] = "Text/13 Regular";
-    TypographyVariantsEnum["Text13Regular150"] = "Text/13 Regular/1.5";
-    TypographyVariantsEnum["Text12Regular"] = "Text/12 Regular";
-    TypographyVariantsEnum["Tabbar10Medium"] = "Tabbar/10 Medium";
-    TypographyVariantsEnum["Text8Regular"] = "Text/8 Regular";
-    TypographyVariantsEnum["Text7Regular"] = "Text/7 Regular";
-    TypographyVariantsEnum["Text6Regular"] = "Text/6 Regular";
-    TypographyVariantsEnum["Badge12Semi"] = "Badge/12 Semi";
-    TypographyVariantsEnum["Badge12Regular"] = "Badge/12 Regular";
-})(TypographyVariantsEnum || (TypographyVariantsEnum = {}));

package/dist/esm/lib2/shared/ui/Video/Video.js

@@ -1,66 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { memo, forwardRef, useRef, useState, useEffect, useImperativeHandle, } from 'react';
-import { IconMute, IconUnmute } from '../../index';
-import { IconMindly } from '../../assets/icons/IconMindly';
-import { IconPlay } from '../../assets/icons/IconPlay';
-import classNames from 'classnames';
-// TODO ref will be used in the future when autoplay feature is implemented
-const Video = forwardRef(({ src, isMuted, onMuteToggle, isWithWatermark, isWithPlay, hiddenVideo, children, preview, }, ref) => {
-    const videoRef = useRef(null);
-    const [isPlaying, setPlaying] = useState(false);
-    useImperativeHandle(ref, () => ({
-        play() {
-            handlePlay();
-        },
-    }));
-    useEffect(() => {
-        var _a;
-        const handleFullscreenChange = () => {
-            var _a;
-            if (!document.fullscreenElement) {
-                if (videoRef.current)
-                    videoRef.current.currentTime = 0;
-                (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
-                setPlaying(false);
-            }
-            else {
-                setPlaying(true);
-            }
-        };
-        (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('fullscreenchange', handleFullscreenChange);
-        return () => {
-            var _a;
-            (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('fullscreenchange', handleFullscreenChange);
-        };
-    }, []);
-    const handlePlay = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
-        try {
-            yield ((_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.play());
-            yield ((_c = (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.requestFullscreen) === null || _c === void 0 ? void 0 : _c.call(_b));
-        }
-        catch (error) {
-            console.error('Error playing video', error);
-        }
-    });
-    const childrenWithProps = React.Children.map(children, (child) => {
-        if (React.isValidElement(child)) {
-            return React.cloneElement(child, { onClick: handlePlay });
-        }
-        return child;
-    });
-    return (_jsxs("div", Object.assign({ className: "relative overflow-hidden max-h-[min(125vw,_512px)]" }, { children: [_jsx("video", Object.assign({ ref: videoRef, loop: true, muted: isMuted, className: classNames('w-full min-h-[min(100vw,_410px)]', {
-                    hidden: hiddenVideo && !isPlaying,
-                }) }, { children: _jsx("source", { src: src, type: "video/mp4" }) })), !hiddenVideo && (_jsx("img", { src: preview, className: "w-full h-full absolute top-0 left-0 object-cover", onClick: onMuteToggle })), onMuteToggle && (_jsx("button", Object.assign({ onClick: onMuteToggle, className: "p-1.5 bg-typography-typography-primary/15 rounded-full absolute bottom-5 right-5" }, { children: isMuted ? (_jsx(IconMute, { color: "white" })) : (_jsx(IconUnmute, { color: "white" })) }))), isWithWatermark && (_jsx(IconMindly, { className: "text-color-white absolute top-4 left-4" })), isWithPlay && !isPlaying && (_jsx("button", Object.assign({ onClick: handlePlay, className: "flex justify-center items-center border-0 w-14 h-14 rounded-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-color-background-anti-flash-light" }, { children: _jsx(IconPlay, {}) }))), childrenWithProps] })));
-});
-Video.displayName = 'Video';
-export default memo(Video);

package/dist/esm/lib2/shared/ui/Video/Video.stories.js

@@ -1,19 +0,0 @@
-import Video from './Video';
-const meta = {
-    title: 'v2/Shared/Video',
-    component: Video,
-};
-export default meta;
-export const Default = {
-    args: {
-        src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4',
-        ref: null,
-    },
-};
-export const WithWaterMark = {
-    args: {
-        src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4',
-        ref: null,
-        isWithWatermark: true,
-    },
-};

package/dist/esm/lib2/shared/ui/Video/index.js

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

package/dist/esm/lib2/shared/ui/index.js

@@ -1,42 +0,0 @@
-export * from './Typography';
-export * from './AlertCard';
-export * from './AppFooter_v2';
-export * from './Avatar_v2';
-export * from './Skeleton_v2';
-export * from './Button_v2';
-export * from './Container_v2';
-export * from './Flag_v2';
-export * from './Picture';
-export * from './Badge';
-export * from './ItemCard';
-export * from './AppHeader_v2';
-export * from './ListBoxItem';
-export * from './ListBox';
-export * from './Calendar';
-export * from './Textarea_v2';
-export * from './Rating';
-export * from './RatingCircle';
-export * from './IconButton';
-export * from './Toast';
-export * from './ScreenInput';
-export * from './Spinner_v2';
-export * from './ModalSheet';
-export * from './ProgressBar_v2';
-export * from './Loading';
-export * from './ListItems';
-export * from './Video';
-export * from './ListSimple';
-export * from './CheckBoxItem';
-export * from './InputSearch';
-export * from './LabelArrowRedirect';
-export * from './HeaderWithRedirect';
-export * from './ProgressBarDashed';
-export * from './DrumListPicker';
-export * from './CollapsableText';
-export * from './Tabs';
-export * from './AlertCard';
-export * from './SuperSpecialist';
-export * from './MatchProgress';
-export * from './ListItemWithColumns';
-export * from './ShowMore';
-export * from './ReviewsSummary';

package/dist/esm/lib2/shared/utils/format.js

@@ -1,7 +0,0 @@
-export const formatByDigits = (value) => {
-    return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
-};
-export const roundToPrecision = (value, decimals = 2) => {
-    const v = Number(`${value}e${decimals}`);
-    return Number(`${Math.round(v)}e-${decimals}`);
-};

package/dist/esm/lib2/shared/utils/getSignAgreementsTabs.js

@@ -1,52 +0,0 @@
-import { getCountryKeyByName, SupportedLangs } from '../types';
-/**
- * This function takes json tree and locale and
- * returns tabs for contract modal.
- *
- * @param behavior - 'tax-country' or 'profile-lang'
- * @param localeOrCountry - locale to filter tabs
- * @param jsonTree - json tree with contracts
- * @param t - translation function
- * @returns - array of tabs with id, title and value
- */
-export function getSignAgreementsTabs({ behavior, localeOrCountry, jsonTree, t, }) {
-    const defaultTabs = [
-        {
-            id: SupportedLangs.en,
-            title: t === null || t === void 0 ? void 0 : t('confirm_contract.language_en'),
-            value: jsonTree[0],
-        },
-    ];
-    if (!localeOrCountry)
-        return defaultTabs;
-    const countryLocale = behavior === 'tax-country'
-        ? getCountryKeyByName(localeOrCountry)
-        : localeOrCountry;
-    const tabMap = {
-        [SupportedLangs.uk]: {
-            id: SupportedLangs.uk,
-            title: t === null || t === void 0 ? void 0 : t('confirm_contract.language_uk'),
-            value: jsonTree[1],
-        },
-        [SupportedLangs.pl]: {
-            id: SupportedLangs.pl,
-            title: t === null || t === void 0 ? void 0 : t('confirm_contract.language_pl'),
-            value: jsonTree[1],
-        },
-        [SupportedLangs.es]: {
-            id: SupportedLangs.es,
-            title: t === null || t === void 0 ? void 0 : t('confirm_contract.language_sp'),
-            value: jsonTree[1],
-        },
-        [SupportedLangs.en]: {
-            id: SupportedLangs.en,
-            title: t === null || t === void 0 ? void 0 : t('confirm_contract.language_en'),
-            value: jsonTree[1],
-        },
-    };
-    if (countryLocale !== SupportedLangs.en &&
-        tabMap[countryLocale]) {
-        defaultTabs.push(tabMap[countryLocale]);
-    }
-    return defaultTabs;
-}

package/dist/esm/lib2/shared/utils/index.js

@@ -1,6 +0,0 @@
-export * from './format';
-export { mergeRefs } from './mergeRefs';
-export { priceNormalize } from './priceNormalizer';
-export { newShade } from './newShade';
-export { replaceMarkdownWithReactElements } from './replaceMarkdownWithReactElements';
-export { getSignAgreementsTabs } from './getSignAgreementsTabs';

package/dist/esm/lib2/shared/utils/matching.js

@@ -1,87 +0,0 @@
-const transformMatching = (areas, limit, t) => {
-    return [
-        ...areas.slice(0, limit),
-        areas.length > limit
-            ? `+ ${t === null || t === void 0 ? void 0 : t('therapist_list_item.more')} ${areas.length - limit}`
-            : undefined,
-    ]
-        .filter(Boolean)
-        .join(', ');
-};
-export const getMatchingValues = (specialist, user, join, t) => {
-    var _a, _b, _c, _d, _e, _f;
-    const specialistMatchingData = (_a = user === null || user === void 0 ? void 0 : user.specialist_order) === null || _a === void 0 ? void 0 : _a.find((order) => order.specialist_id === specialist.id);
-    const specialization = ((_b = specialist.specialization) === null || _b === void 0 ? void 0 : _b.split(', ')) || [];
-    // if no matching data, return areas of work and specialization
-    if (!specialistMatchingData) {
-        return {
-            matchingByAreas: join
-                ? [
-                    {
-                        text: transformMatching(specialist.areas_of_work, 3),
-                        hasMatch: false,
-                    },
-                ]
-                : specialist.areas_of_work.map((area) => ({
-                    text: area,
-                    hasMatch: false,
-                })),
-            matchingBySpecialization: join
-                ? [
-                    {
-                        text: transformMatching(specialization, 3),
-                        hasMatch: false,
-                    },
-                ]
-                : specialization.map((specialization) => ({
-                    text: specialization,
-                    hasMatch: false,
-                })),
-        };
-    }
-    const sortedAreas = [
-        // merge areas of work from specialist and matching data and remove duplicates so matching data is sorted first
-        ...new Set([
-            ...(specialistMatchingData.matching_by_areas || []),
-            ...specialist.areas_of_work,
-        ]),
-    ];
-    const sortedSpecialization = [
-        ...new Set([
-            ...(specialistMatchingData.matching_by_specialization || []),
-            ...specialization,
-        ]),
-    ];
-    return {
-        matchingByAreas: join
-            ? [
-                {
-                    text: `${t === null || t === void 0 ? void 0 : t('therapist_list_item.areas_list')} ${transformMatching(sortedAreas, 
-                    // not matched data hide into "+ more {{count}}"
-                    ((_c = specialistMatchingData.matching_by_areas) === null || _c === void 0 ? void 0 : _c.length) || 3, t)}`,
-                    hasMatch: ((_d = specialistMatchingData.matching_by_areas) === null || _d === void 0 ? void 0 : _d.some((area) => { var _a; return (_a = specialist.areas_of_work) === null || _a === void 0 ? void 0 : _a.some((a) => a === area); })) || false,
-                },
-            ]
-            : sortedAreas.map((area) => {
-                var _a;
-                return ({
-                    text: area,
-                    hasMatch: ((_a = specialistMatchingData.matching_by_areas) === null || _a === void 0 ? void 0 : _a.includes(area)) || false,
-                });
-            }),
-        matchingBySpecialization: join
-            ? [
-                {
-                    text: `${transformMatching(sortedSpecialization, ((_e = specialistMatchingData.matching_by_specialization) === null || _e === void 0 ? void 0 : _e.length) || 3, t)}`,
-                    hasMatch: ((_f = specialistMatchingData.matching_by_specialization) === null || _f === void 0 ? void 0 : _f.some((sp) => specialization && specialization.includes(sp))) || false,
-                },
-            ]
-            : sortedSpecialization.map((specialization) => {
-                var _a;
-                return ({
-                    text: specialization,
-                    hasMatch: ((_a = specialistMatchingData.matching_by_specialization) === null || _a === void 0 ? void 0 : _a.includes(specialization)) || false,
-                });
-            }),
-    };
-};

package/dist/esm/lib2/shared/utils/mergeRefs.js

@@ -1,13 +0,0 @@
-export const mergeRefs = (...refs) => (instance) => {
-    refs.forEach((ref) => {
-        if (!ref)
-            return;
-        if (typeof ref === 'function') {
-            ref(instance);
-            // eslint-disable-next-line no-prototype-builtins
-        }
-        else if (ref.hasOwnProperty('current')) {
-            ref.current = instance;
-        }
-    });
-};