react-gldn-kit 0.0.1

package/dist/lib/components/ui/Buttons/CloseButton/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 });
+exports.CloseButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var close_svg_1 = require("assets/close.svg");
+var styles = __importStar(require("./CloseButton.module.css"));
+var CloseButton = function (_a) {
+    var handleClick = _a.handleClick, classes = _a.classes;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, classes), onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)(close_svg_1.ReactComponent, {}) })));
+};
+exports.CloseButton = CloseButton;

package/dist/lib/components/ui/Buttons/CloseButton/types.d.ts

@@ -0,0 +1,4 @@
+export type CloseButtonProps = {
+    handleClick: () => void;
+    classes?: string;
+};

package/dist/lib/components/ui/Buttons/CloseButton/types.js

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

package/dist/lib/components/ui/Buttons/DepositButton/index.d.ts

@@ -0,0 +1,10 @@
+import { EAppType } from 'types/ui';
+type Props = {
+    classes?: string;
+    handleClick: () => void;
+    isMobile: boolean;
+    text: string;
+    appType?: EAppType;
+};
+export declare const DepositButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/ui/Buttons/DepositButton/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 });
+exports.DepositButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var PlusSvg_1 = require("components/ui/Icons/Base/PlusSvg");
+var BaseButton_1 = require("../BaseButton");
+var ui_1 = require("types/ui");
+var styles = __importStar(require("./DepositButton.module.css"));
+var DepositButton = function (props) {
+    var isMobile = props.isMobile, classes = props.classes, text = props.text, handleClick = props.handleClick, appType = props.appType;
+    if (appType === ui_1.EAppType.FsWin || appType === ui_1.EAppType.JabiBet) {
+        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.fsWinWrapper, onClick: handleClick }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ viewBox: "0 0 180 36", width: "100%", height: "100%", preserveAspectRatio: "none" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "\n        M 165,1 \n    Q 179,1 179,15 \n    L 179,21 \n    Q 179,35 165,35 \n    L 15,35 \n    Q 1,35 1,21 \n    L 1,15 \n    Q 1,1 15,1\n    Z", fill: "none", strokeWidth: "1" }) })), (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: text, handleClick: handleClick, size: "--button-m", color: "primary", borderR: "--border-s", buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(classes, styles.btn), centreText: true, isResized: true })] })));
+    }
+    if (isMobile) {
+        return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.mobileWrapper, classes), onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)(PlusSvg_1.PlusSvg, {}) })));
+    }
+    return ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: text, handleClick: handleClick, size: "--button-l", color: "primary", buttonHeight: "--button-height-xs", classes: classes, centreText: true, isResized: true }));
+};
+exports.DepositButton = DepositButton;

package/dist/lib/components/ui/Buttons/DrawerButton/index.d.ts

@@ -0,0 +1,2 @@
+import { DrawerButtonProps } from './types';
+export declare const DrawerButton: (props: DrawerButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Buttons/DrawerButton/index.js

@@ -0,0 +1,63 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 });
+exports.DrawerButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var BaseButton_1 = require("../BaseButton");
+var styles = __importStar(require("./DrawerButton.module.css"));
+var DrawerButton = function (props) {
+    var _a;
+    var classes = props.classes, text = props.text, _b = props.isFullView, isFullView = _b === void 0 ? true : _b, rest = __rest(props, ["classes", "text", "isFullView"]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperDrawerButton, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.borderBg }), (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, __assign({}, rest, { text: isFullView ? text : '', buttonHeight: "--button-height-xxl", size: "--button-full", color: "transparent", classes: (0, classnames_1.default)(styles.buttonIndex, (_a = {},
+                    _a[styles.center] = !isFullView,
+                    _a)), classesText: styles.full })), (0, jsx_runtime_1.jsx)("div", { className: styles.shadowBg })] })));
+};
+exports.DrawerButton = DrawerButton;

package/dist/lib/components/ui/Buttons/DrawerButton/types.d.ts

@@ -0,0 +1,4 @@
+import { BaseButtonProps } from '../BaseButton/types';
+export type DrawerButtonProps = BaseButtonProps & {
+    isFullView?: boolean;
+};

package/dist/lib/components/ui/Buttons/DrawerButton/types.js

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

package/dist/lib/components/ui/Buttons/JivoButton/index.d.ts

@@ -0,0 +1,2 @@
+import { JivoChatButtonProps } from './types';
+export declare const JivoChatButton: (props: JivoChatButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Buttons/JivoButton/index.js

@@ -0,0 +1,154 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JivoChatButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styles = __importStar(require("./JivoButton.module.css"));
+var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
+var body = document.body;
+var JivoChatButton = function (props) {
+    var isDisableText = props.isDisableText, supportSvg = props.supportSvg, isInitChat = props.isInitChat, notificationCallback = props.notificationCallback, jivoKey = props.jivoKey, userInfo = props.userInfo, isAuth = props.isAuth, contactInfo = props.contactInfo, setInitJivoChatStatus = props.setInitJivoChatStatus, text = props.text;
+    var _a = (0, react_1.useState)(false), isLoadedChat = _a[0], setLoadedChatState = _a[1];
+    var _b = (0, react_1.useState)(false), isAvailableAgent = _b[0], setAvailableAgent = _b[1];
+    var _c = (0, react_1.useState)(false), openChat = _c[0], setOpenChatState = _c[1];
+    var _d = (0, react_1.useState)(false), isReceivedMsg = _d[0], setReceivedMsgState = _d[1];
+    var toggleChatState = function () {
+        setOpenChatState(!openChat);
+    };
+    var toggleJDivState = function () {
+        var _a;
+        var jivoDiv = (_a = document.getElementsByTagName('jdiv')) === null || _a === void 0 ? void 0 : _a[0];
+        if (!jivoDiv) {
+            return;
+        }
+        if (openChat) {
+            jivoDiv.setAttribute('style', '');
+            document.body.style.overflow = 'hidden';
+            // @ts-ignore
+            window.jivo_api.open();
+            setReceivedMsgState(false);
+            return;
+        }
+        document.body.style.overflow = 'unset';
+        jivoDiv.setAttribute('style', 'display:none!important');
+    };
+    (0, react_1.useEffect)(function () {
+        if (!isInitChat || !isLoadedChat) {
+            // @ts-ignore
+            if (window.jivo_api) {
+                setLoadedChatState(true);
+            }
+            return;
+        }
+        toggleJDivState();
+    }, [openChat, isInitChat, isLoadedChat]);
+    (0, react_1.useEffect)(function () {
+        if (!jivoKey || !isInitChat || isLoadedChat) {
+            return;
+        }
+        // @ts-ignore
+        window.jivo_onLoadCallback = function () {
+            toggleJDivState();
+            setLoadedChatState(true);
+        };
+        // @ts-ignore
+        window.jivo_onAccept = function () {
+            setAvailableAgent(true);
+        };
+        // @ts-ignore
+        window.jivo_onClose = function () {
+            setOpenChatState(false);
+        };
+        // @ts-ignore
+        window.jivo_onMessageReceived = function () {
+            if (!openChat) {
+                setReceivedMsgState(true);
+                notificationCallback({
+                    uid: 'support_msg',
+                    text: 'supportSendMessage',
+                    type: 1, //ENotificationType.Warning,
+                });
+            }
+        };
+        var div = document.createElement('div');
+        div.id = 'JivoChatElement';
+        // if (document.getElementById('JivoChatElement')) {
+        //   return;
+        // }
+        var scriptElement = document.createElement('script');
+        scriptElement.src = "//code.jivo.ru/widget/".concat(jivoKey);
+        scriptElement.id = 'JivoChatElement';
+        scriptElement.async = true;
+        if (!body) {
+            return;
+        }
+        div.appendChild(scriptElement);
+        body.appendChild(div);
+    }, [jivoKey, isInitChat, openChat, isLoadedChat]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (!isLoadedChat || !isInitChat) {
+            return;
+        }
+        // @ts-ignore
+        if (!window.jivo_api) {
+            console.error('JIVO IS NOT SUPPORTED');
+            return;
+        }
+        if (openChat) {
+            setTimeout(function () {
+                var _a;
+                //@ts-ignore
+                (_a = window.jivo_api) === null || _a === void 0 ? void 0 : _a.setCustomData(userInfo);
+            }, 1000);
+        }
+        //@ts-ignore
+        (_a = window.jivo_api) === null || _a === void 0 ? void 0 : _a.setCustomData(userInfo);
+        console.log('🚀 ~ useEffect ~ contactInfo:', contactInfo);
+        //@ts-ignore
+        window.jivo_api.setContactInfo(contactInfo);
+    }, [isLoadedChat, userInfo, isInitChat, contactInfo, isAuth, openChat]);
+    (0, react_1.useEffect)(function () {
+        if (jivoKey) {
+            return;
+        }
+        setInitJivoChatStatus(true);
+        sessionStorage.clear();
+    }, [jivoKey]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.customJivoButtonWrapper }, { children: [!isLoadedChat && (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, { classes: styles.loaderSize }), isLoadedChat && (0, jsx_runtime_1.jsx)("div", __assign({ onClick: toggleChatState }, { children: supportSvg })), !isDisableText && text] })));
+};
+exports.JivoChatButton = JivoChatButton;

package/dist/lib/components/ui/Buttons/JivoButton/types.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export type JivoChatButtonProps = JivoChatText & {
+    jivoKey: string;
+    isAuth: boolean;
+    userInfo: {
+        content: string;
+    }[];
+    isInitChat: boolean;
+    isMobileApp: boolean;
+    contactInfo: {
+        name: string;
+        email: string;
+        phone: string;
+    };
+    setInitJivoChatStatus: (status: boolean) => void;
+    notificationCallback: (data: {
+        uid: string;
+        text: string;
+        type: any;
+    }) => void;
+    supportSvg: React.ReactElement;
+};
+type JivoChatText = {
+    isDisableText: true;
+    text: string;
+} | {
+    isDisableText?: false | undefined;
+    text?: undefined;
+};
+export {};

package/dist/lib/components/ui/Buttons/JivoButton/types.js

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

package/dist/lib/components/ui/Buttons/ProviderName/index.d.ts

@@ -0,0 +1,2 @@
+import { ProviderNameButtonProps } from './types';
+export declare const ProviderNameButton: (props: ProviderNameButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Buttons/ProviderName/index.js

@@ -0,0 +1,54 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 });
+exports.ProviderNameButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styles = __importStar(require("./ProviderName.module.css"));
+var ProviderNameButton = function (props) {
+    var _a;
+    var jumpTo = props.jumpTo, SpecIcon = props.SpecIcon, providerName = props.providerName, classes = props.classes;
+    if (!providerName && !SpecIcon) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.providerName, classes), onClick: jumpTo }, { children: [SpecIcon && (0, jsx_runtime_1.jsx)(SpecIcon, { className: styles.flexShrink }), providerName && ((0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)(styles.name, (_a = {},
+                    _a[styles.marginL] = SpecIcon,
+                    _a)) }, { children: providerName })))] })));
+};
+exports.ProviderNameButton = ProviderNameButton;

package/dist/lib/components/ui/Buttons/ProviderName/types.d.ts

@@ -0,0 +1,6 @@
+export type ProviderNameButtonProps = {
+    jumpTo: () => void;
+    SpecIcon?: any;
+    providerName: string;
+    classes?: string;
+};

package/dist/lib/components/ui/Buttons/ProviderName/types.js

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

package/dist/lib/components/ui/Buttons/index.d.ts

@@ -0,0 +1,4 @@
+export { BaseButton } from './BaseButton';
+export { BaseButtonProps } from './BaseButton/types';
+export { JivoChatButton } from './JivoButton';
+export { JivoChatButtonProps } from './JivoButton/types';

package/dist/lib/components/ui/Buttons/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JivoChatButton = exports.BaseButton = void 0;
+var BaseButton_1 = require("./BaseButton");
+Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return BaseButton_1.BaseButton; } });
+var JivoButton_1 = require("./JivoButton");
+Object.defineProperty(exports, "JivoChatButton", { enumerable: true, get: function () { return JivoButton_1.JivoChatButton; } });

package/dist/lib/components/ui/CountDown/index.d.ts

@@ -0,0 +1,2 @@
+import { CountDownProps } from './types';
+export declare const CountDown: (props: CountDownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/CountDown/index.js

@@ -0,0 +1,65 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 });
+exports.CountDown = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var useCountDown_1 = require("hooks/useCountDown");
+var styles = __importStar(require("./CountDown.module.css"));
+var CountDown = function (props) {
+    var wrapperClasses = props.wrapperClasses, timeBlockClasses = props.timeBlockClasses, timeClasses = props.timeClasses, callbackEndTime = props.callbackEndTime, type = props.type, names = props.names;
+    var day = names.day, hours = names.hours, min = names.min, seconds = names.seconds, shortMM = names.shortMM, shortDay = names.shortDay, shortHH = names.shortHH, shortSec = names.shortSec;
+    var time = (0, useCountDown_1.useCountDown)(props);
+    (0, react_1.useEffect)(function () {
+        var timeRemaining = time.timeRemaining;
+        if (!timeRemaining) {
+            callbackEndTime === null || callbackEndTime === void 0 ? void 0 : callbackEndTime();
+        }
+    }, [time, callbackEndTime]);
+    if (type === 'cards') {
+        var formatTime = time.formatTime;
+        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperCardCounters, wrapperClasses) }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.rowCounter }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[0][0] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[0][1] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.dayName }, { children: day }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.dots }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.itemDot }), (0, jsx_runtime_1.jsx)("div", { className: styles.itemDot })] })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.rowCounter }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[1][0] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[1][1] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.dayName }, { children: hours }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.dots }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.itemDot }), (0, jsx_runtime_1.jsx)("div", { className: styles.itemDot })] })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.rowCounter }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[2][0] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[2][1] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.dayName }, { children: min }))] })] })));
+    }
+    if (type === 'row') {
+        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperCountDown, wrapperClasses) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[0] || 0, shortDay[0]] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[1] || 0, shortHH[0]] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[2] || 0, shortMM[0]] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[3] || 0, shortSec[0]] }))] })));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperCountDown, wrapperClasses) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.timeBlock, timeBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.time, timeClasses) }, { children: time.formatTime[0] || 0 })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeInfo }, { children: shortDay }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.timeBlock, timeBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.time, timeClasses) }, { children: time.formatTime[1] || 0 })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeInfo }, { children: shortHH }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.timeBlock, timeBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.time, timeClasses) }, { children: time.formatTime[2] || 0 })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeInfo }, { children: shortMM }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.timeBlock, timeBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.time, timeClasses) }, { children: time.formatTime[3] || 0 })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeInfo }, { children: shortSec }))] }))] })));
+};
+exports.CountDown = CountDown;

package/dist/lib/components/ui/CountDown/types.d.ts

@@ -0,0 +1,19 @@
+export type CountDownProps = {
+    endTimestamp: number;
+    type?: 'base' | 'cards' | 'row';
+    wrapperClasses?: string;
+    timeBlockClasses?: string;
+    timeClasses?: string;
+    timeInfoClasses?: string;
+    callbackEndTime?: () => void;
+    names: {
+        day: string;
+        hours: string;
+        min: string;
+        seconds: string;
+        shortDay: string;
+        shortHH: string;
+        shortMM: string;
+        shortSec: string;
+    };
+};

package/dist/lib/components/ui/CountDown/types.js

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

package/dist/lib/components/ui/Docs/index.d.ts

@@ -0,0 +1,2 @@
+import { DocProps } from './types';
+export declare const Docs: (props: DocProps) => import("react/jsx-runtime").JSX.Element;