@mindly/ui-components 5.98.16 → 5.98.18

package/dist/cjs/lib2/shared/ui/Textarea_v2/Textarea_v2.js

@@ -0,0 +1,67 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 = __importStar(require("react"));
+const react_2 = require("@ionic/react");
+const Textarea_v2_module_css_1 = __importDefault(require("./Textarea_v2.module.css"));
+const classnames_1 = __importDefault(require("classnames"));
+const Typography_1 = require("../Typography");
+const Textarea_v2 = (0, react_1.forwardRef)((props, ref) => {
+    const { className, borderTop = false, showCounter = false, maxlength, onIonChange, value: defaultValue, onKeyPress } = props, rest = __rest(props, ["className", "borderTop", "showCounter", "maxlength", "onIonChange", "value", "onKeyPress"]);
+    const [value, setValue] = (0, react_1.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
+    const handleChange = (0, react_1.useCallback)((e) => {
+        var _a;
+        const currentValue = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.value;
+        setValue(currentValue !== null && currentValue !== void 0 ? currentValue : '');
+        onIonChange === null || onIonChange === void 0 ? void 0 : onIonChange(e);
+    }, [onIonChange]);
+    (0, react_1.useEffect)(() => {
+        if (!maxlength)
+            return;
+        if (value.length > maxlength) {
+            setValue(value.slice(0, maxlength));
+        }
+    }, [value, maxlength]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: Textarea_v2_module_css_1.default.wrapper }, { children: [(0, jsx_runtime_1.jsx)(react_2.IonTextarea, Object.assign({ ref: ref, className: (0, classnames_1.default)(Textarea_v2_module_css_1.default.textarea, { [Textarea_v2_module_css_1.default.borderTop]: borderTop }, {
+                    [Textarea_v2_module_css_1.default.withCounter]: showCounter && !!maxlength,
+                }, className), inputmode: "text", onIonChange: handleChange, onKeyPress: onKeyPress, value: value }, rest)), showCounter && !!maxlength && ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text13Regular, className: Textarea_v2_module_css_1.default.counter }, { children: [value.length, "/", maxlength] })))] })));
+});
+Textarea_v2.displayName = 'Textarea_v2';
+exports.default = react_1.default.memo(Textarea_v2);

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

package/dist/cjs/lib2/shared/ui/Textarea_v2/types.js

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

package/dist/cjs/lib2/shared/ui/Toast/Toast.js

@@ -0,0 +1,39 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const toast_1 = require("@react-aria/toast");
+const ToastCloseButton_1 = require("./ToastCloseButton");
+const Container_v2_1 = require("../Container_v2");
+const hooks_1 = require("../../hooks");
+require("./Toast.css");
+const styles_1 = require("./styles");
+const assets_1 = require("../../assets");
+function Toast(_a) {
+    var _b;
+    var { state } = _a, props = __rest(_a, ["state"]);
+    const ref = (0, hooks_1.useDomRef)(null);
+    const toastContent = (_b = props === null || props === void 0 ? void 0 : props.toast) === null || _b === void 0 ? void 0 : _b.content;
+    const classNames = (0, styles_1.toastStyles)({
+        type: toastContent === null || toastContent === void 0 ? void 0 : toastContent.type,
+    });
+    const { toastProps, titleProps, closeButtonProps } = (0, toast_1.useToast)(props, state, ref);
+    const onAnimationEnd = (0, hooks_1.useEvent)(() => {
+        if (props.toast.animation === 'exiting') {
+            state.remove(props.toast.key);
+        }
+    });
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, toastProps, { ref: ref, className: classNames, "data-animation": props.toast.animation, onAnimationEnd: onAnimationEnd }, { children: (0, jsx_runtime_1.jsx)(Container_v2_1.Container_v2, Object.assign({ as: "div", className: "flex h-full items-end" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-center justify-between w-full pb-2" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({}, titleProps, { className: "text-sm/[120%] text-color-background-white" }, { children: toastContent.text })), (0, jsx_runtime_1.jsx)(ToastCloseButton_1.ToastCloseButton, Object.assign({}, closeButtonProps, { className: "text-color-background-white" }, { children: (0, jsx_runtime_1.jsx)(assets_1.IconClose, { className: "h-5 w-5" }) }))] })) })) })));
+}
+exports.Toast = Toast;

package/dist/cjs/lib2/shared/ui/Toast/ToastCloseButton.js

@@ -0,0 +1,47 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastCloseButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_aria_1 = require("react-aria");
+const hooks_1 = require("../../hooks");
+exports.ToastCloseButton = React.forwardRef(function CalendarButton(_a, ref) {
+    var { children, onPressEnd, onPress, onPressChange, onPressStart, onPressUp, className } = _a, props = __rest(_a, ["children", "onPressEnd", "onPress", "onPressChange", "onPressStart", "onPressUp", "className"]);
+    const buttonRef = (0, hooks_1.useDomRef)(ref);
+    const { buttonProps } = (0, react_aria_1.useButton)(Object.assign({ onPressEnd, onPress, onPressChange, onPressStart, onPressUp }, props), buttonRef);
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className, ref: buttonRef }, buttonProps, { children: children })));
+});

package/dist/cjs/lib2/shared/ui/Toast/ToastRegion.js

@@ -0,0 +1,25 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastRegion = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const toast_1 = require("@react-aria/toast");
+const Toast_1 = require("./Toast");
+const hooks_1 = require("../../hooks");
+function ToastRegion(_a) {
+    var { state } = _a, props = __rest(_a, ["state"]);
+    const ref = (0, hooks_1.useDomRef)(null);
+    const { regionProps } = (0, toast_1.useToastRegion)(props, state, ref);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, regionProps, { ref: ref, className: "toast-region" }, { children: state.visibleToasts.map((toast) => ((0, jsx_runtime_1.jsx)(Toast_1.Toast, { toast: toast, state: state }, toast.key))) })));
+}
+exports.ToastRegion = ToastRegion;

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

@@ -0,0 +1,18 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Toast"), exports);
+__exportStar(require("./ToastRegion"), exports);

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

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

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

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

@@ -0,0 +1,38 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 = __importStar(require("react"));
+const types_1 = require("./types");
+const classnames_1 = __importDefault(require("classnames"));
+const styles_1 = require("./styles");
+const Typography = (0, react_1.forwardRef)(({ variant = types_1.TypographyVariantsEnum.Text16Regular, align = 'left', opacity = 100, isAppearCase = false, className = '', children, onClick, isError = false, }, ref) => {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, onClick: onClick, className: (0, classnames_1.default)('text-typography-typography-primary', styles_1.typographyVariantClasses[variant], styles_1.typographyAlignClasses[align], styles_1.typographyOpacityClasses[opacity], { uppercase: isAppearCase }, { '!text-color-info-red-not-red': isError }, className) }, { children: children })));
+});
+Typography.displayName = 'Typography';
+exports.default = react_1.default.memo(Typography);

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

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypographyVariantsEnum = exports.Typography = void 0;
+const types_1 = require("./types");
+Object.defineProperty(exports, "TypographyVariantsEnum", { enumerable: true, get: function () { return types_1.TypographyVariantsEnum; } });
+var Typography_1 = require("./Typography");
+Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return __importDefault(Typography_1).default; } });

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyOpacityClasses = exports.typographyAlignClasses = exports.typographyVariantClasses = void 0;
+const types_1 = require("./types");
+exports.typographyVariantClasses = {
+    [types_1.TypographyVariantsEnum.Title48Bold]: 'text-5xl/[120%] font-bold font-title tracking-normal',
+    [types_1.TypographyVariantsEnum.Title48Semi]: 'text-5xl font-semibold font-title tracking-normal',
+    [types_1.TypographyVariantsEnum.Title32Semi]: 'text-3.5xl font-semibold font-title tracking-normal',
+    [types_1.TypographyVariantsEnum.Title28Semi]: 'text-2.5xl font-semibold font-title tracking-normal',
+    [types_1.TypographyVariantsEnum.Title24Semi]: 'text-2xl/[140%] font-semibold font-title tracking-normal',
+    [types_1.TypographyVariantsEnum.Title20Semi]: 'text-xl/[140%] font-semibold font-title tracking-normal',
+    [types_1.TypographyVariantsEnum.Title18Semi]: 'text-xl/[140%] font-semibold font-title tracking-normal',
+    [types_1.TypographyVariantsEnum.Title14Semi]: 'text-sm/[130%] font-semibold font-title tracking-normal',
+    [types_1.TypographyVariantsEnum.Title12Semi]: 'text-xs/[130%] font-semibold font-title tracking-normal',
+    [types_1.TypographyVariantsEnum.Text48Semi]: 'text-5xl/[120%] font-semibold',
+    [types_1.TypographyVariantsEnum.Text32Semi]: 'text-3.5xl font-semibold',
+    [types_1.TypographyVariantsEnum.Text24Semi]: 'text-2xl/[140%] font-semibold',
+    [types_1.TypographyVariantsEnum.Text20Semi]: 'text-xl/[140%] font-semibold',
+    [types_1.TypographyVariantsEnum.Text18Regular]: 'text-lg/[150%]',
+    [types_1.TypographyVariantsEnum.Text18Semi]: 'text-lg/[150%] font-semibold',
+    [types_1.TypographyVariantsEnum.Text16Semi]: 'text-base/[150%] font-semibold',
+    [types_1.TypographyVariantsEnum.Text16Regular]: 'text-base/[150%]',
+    [types_1.TypographyVariantsEnum.Text15Semi]: 'text-sl font-semibold',
+    [types_1.TypographyVariantsEnum.Text15Regular]: 'text-sl',
+    [types_1.TypographyVariantsEnum.Text14Semi]: 'text-sm/[140%] font-semibold',
+    [types_1.TypographyVariantsEnum.Text14Regular]: 'text-sm/[140%]',
+    [types_1.TypographyVariantsEnum.Text13Semi]: 'text-xm font-semibold',
+    [types_1.TypographyVariantsEnum.Text13Regular]: 'text-xm',
+    [types_1.TypographyVariantsEnum.Text13Regular150]: 'text-xm/[150%]',
+    [types_1.TypographyVariantsEnum.Text12Regular]: 'text-xs/[120%]',
+    [types_1.TypographyVariantsEnum.Tabbar10Medium]: 'text-lm font-medium',
+    [types_1.TypographyVariantsEnum.Text8Regular]: 'text-[8px]/[150%]',
+    [types_1.TypographyVariantsEnum.Text7Regular]: 'text-[7px]/[140%]',
+    [types_1.TypographyVariantsEnum.Text6Regular]: 'text-[6px]/[120%]',
+    [types_1.TypographyVariantsEnum.Badge12Regular]: 'text-xs/[140%]',
+    [types_1.TypographyVariantsEnum.Badge12Semi]: 'text-xs/[140%] font-semibold',
+};
+exports.typographyAlignClasses = {
+    left: 'text-left',
+    right: 'text-right',
+    center: 'text-center',
+};
+exports.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/cjs/lib2/shared/ui/Typography/types.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypographyVariantsEnum = void 0;
+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 = exports.TypographyVariantsEnum || (exports.TypographyVariantsEnum = {}));

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

@@ -0,0 +1,94 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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());
+    });
+};
+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 = __importStar(require("react"));
+const index_1 = require("../../index");
+const IconMindly_1 = require("../../assets/icons/IconMindly");
+const IconPlay_1 = require("../../assets/icons/IconPlay");
+const classnames_1 = __importDefault(require("classnames"));
+// TODO ref will be used in the future when autoplay feature is implemented
+const Video = (0, react_1.forwardRef)(({ src, isMuted, onMuteToggle, isWithWatermark, isWithPlay, hiddenVideo, children, preview, }, ref) => {
+    const videoRef = (0, react_1.useRef)(null);
+    const [isPlaying, setPlaying] = (0, react_1.useState)(false);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        play() {
+            handlePlay();
+        },
+    }));
+    (0, react_1.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_1.default.Children.map(children, (child) => {
+        if (react_1.default.isValidElement(child)) {
+            return react_1.default.cloneElement(child, { onClick: handlePlay });
+        }
+        return child;
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative overflow-hidden max-h-[min(125vw,_512px)]" }, { children: [(0, jsx_runtime_1.jsx)("video", Object.assign({ ref: videoRef, loop: true, muted: isMuted, className: (0, classnames_1.default)('w-full min-h-[min(100vw,_410px)]', {
+                    hidden: hiddenVideo && !isPlaying,
+                }) }, { children: (0, jsx_runtime_1.jsx)("source", { src: src, type: "video/mp4" }) })), !hiddenVideo && ((0, jsx_runtime_1.jsx)("img", { src: preview, className: "w-full h-full absolute top-0 left-0 object-cover", onClick: onMuteToggle })), onMuteToggle && ((0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: onMuteToggle, className: "p-1.5 bg-typography-typography-primary/15 rounded-full absolute bottom-5 right-5" }, { children: isMuted ? ((0, jsx_runtime_1.jsx)(index_1.IconMute, { color: "white" })) : ((0, jsx_runtime_1.jsx)(index_1.IconUnmute, { color: "white" })) }))), isWithWatermark && ((0, jsx_runtime_1.jsx)(IconMindly_1.IconMindly, { className: "text-color-white absolute top-4 left-4" })), isWithPlay && !isPlaying && ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(IconPlay_1.IconPlay, {}) }))), childrenWithProps] })));
+});
+Video.displayName = 'Video';
+exports.default = (0, react_1.memo)(Video);

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

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithWaterMark = exports.Default = void 0;
+const Video_1 = __importDefault(require("./Video"));
+const meta = {
+    title: 'v2/Shared/Video',
+    component: Video_1.default,
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4',
+        ref: null,
+    },
+};
+exports.WithWaterMark = {
+    args: {
+        src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4',
+        ref: null,
+        isWithWatermark: true,
+    },
+};

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

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

@@ -0,0 +1,58 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Typography"), exports);
+__exportStar(require("./AlertCard"), exports);
+__exportStar(require("./AppFooter_v2"), exports);
+__exportStar(require("./Avatar_v2"), exports);
+__exportStar(require("./Skeleton_v2"), exports);
+__exportStar(require("./Button_v2"), exports);
+__exportStar(require("./Container_v2"), exports);
+__exportStar(require("./Flag_v2"), exports);
+__exportStar(require("./Picture"), exports);
+__exportStar(require("./Badge"), exports);
+__exportStar(require("./ItemCard"), exports);
+__exportStar(require("./AppHeader_v2"), exports);
+__exportStar(require("./ListBoxItem"), exports);
+__exportStar(require("./ListBox"), exports);
+__exportStar(require("./Calendar"), exports);
+__exportStar(require("./Textarea_v2"), exports);
+__exportStar(require("./Rating"), exports);
+__exportStar(require("./RatingCircle"), exports);
+__exportStar(require("./IconButton"), exports);
+__exportStar(require("./Toast"), exports);
+__exportStar(require("./ScreenInput"), exports);
+__exportStar(require("./Spinner_v2"), exports);
+__exportStar(require("./ModalSheet"), exports);
+__exportStar(require("./ProgressBar_v2"), exports);
+__exportStar(require("./Loading"), exports);
+__exportStar(require("./ListItems"), exports);
+__exportStar(require("./Video"), exports);
+__exportStar(require("./ListSimple"), exports);
+__exportStar(require("./CheckBoxItem"), exports);
+__exportStar(require("./InputSearch"), exports);
+__exportStar(require("./LabelArrowRedirect"), exports);
+__exportStar(require("./HeaderWithRedirect"), exports);
+__exportStar(require("./ProgressBarDashed"), exports);
+__exportStar(require("./DrumListPicker"), exports);
+__exportStar(require("./CollapsableText"), exports);
+__exportStar(require("./Tabs"), exports);
+__exportStar(require("./AlertCard"), exports);
+__exportStar(require("./SuperSpecialist"), exports);
+__exportStar(require("./MatchProgress"), exports);
+__exportStar(require("./ListItemWithColumns"), exports);
+__exportStar(require("./ShowMore"), exports);
+__exportStar(require("./ReviewsSummary"), exports);

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.roundToPrecision = exports.formatByDigits = void 0;
+const formatByDigits = (value) => {
+    return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+};
+exports.formatByDigits = formatByDigits;
+const roundToPrecision = (value, decimals = 2) => {
+    const v = Number(`${value}e${decimals}`);
+    return Number(`${Math.round(v)}e-${decimals}`);
+};
+exports.roundToPrecision = roundToPrecision;

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSignAgreementsTabs = void 0;
+const types_1 = require("../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
+ */
+function getSignAgreementsTabs({ behavior, localeOrCountry, jsonTree, t, }) {
+    const defaultTabs = [
+        {
+            id: types_1.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'
+        ? (0, types_1.getCountryKeyByName)(localeOrCountry)
+        : localeOrCountry;
+    const tabMap = {
+        [types_1.SupportedLangs.uk]: {
+            id: types_1.SupportedLangs.uk,
+            title: t === null || t === void 0 ? void 0 : t('confirm_contract.language_uk'),
+            value: jsonTree[1],
+        },
+        [types_1.SupportedLangs.pl]: {
+            id: types_1.SupportedLangs.pl,
+            title: t === null || t === void 0 ? void 0 : t('confirm_contract.language_pl'),
+            value: jsonTree[1],
+        },
+        [types_1.SupportedLangs.es]: {
+            id: types_1.SupportedLangs.es,
+            title: t === null || t === void 0 ? void 0 : t('confirm_contract.language_sp'),
+            value: jsonTree[1],
+        },
+        [types_1.SupportedLangs.en]: {
+            id: types_1.SupportedLangs.en,
+            title: t === null || t === void 0 ? void 0 : t('confirm_contract.language_en'),
+            value: jsonTree[1],
+        },
+    };
+    if (countryLocale !== types_1.SupportedLangs.en &&
+        tabMap[countryLocale]) {
+        defaultTabs.push(tabMap[countryLocale]);
+    }
+    return defaultTabs;
+}
+exports.getSignAgreementsTabs = getSignAgreementsTabs;