react-gldn-kit 0.0.1

package/dist/lib/components/HOCs/HOCErrorBoundary/index.js

@@ -0,0 +1,107 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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.HOCErrorBoundary = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var Buttons_1 = require("components/ui/Buttons");
+var Logos_1 = require("components/ui/Logos");
+var styles = __importStar(require("./HOCErrorBoundary.module.css"));
+var HOCErrorBoundary = /** @class */ (function (_super) {
+    __extends(HOCErrorBoundary, _super);
+    function HOCErrorBoundary(props) {
+        var _this = _super.call(this, props) || this;
+        // componentDidMount(): void {
+        //   setTimeout(() => {
+        //     this.setState({ hasError: true });
+        //   }, 1000);
+        // }
+        _this.handleClickErrorBtn = function () {
+            window.location.reload();
+        };
+        _this.state = { hasError: false };
+        _this.isMobile = window.innerWidth < 768;
+        return _this;
+    }
+    HOCErrorBoundary.prototype.componentDidCatch = function (error, info) {
+        var _a;
+        this.setState({ hasError: true });
+        var jivoDiv = (_a = document.getElementsByTagName('jdiv')) === null || _a === void 0 ? void 0 : _a[0];
+        if (!jivoDiv) {
+            return;
+        }
+        jivoDiv.setAttribute('style', '');
+    };
+    HOCErrorBoundary.prototype.render = function () {
+        var _a = this.props, children = _a.children, tapesPaths = _a.tapesPaths, logoProps = _a.logoProps;
+        var top = tapesPaths[0], bottom = tapesPaths[1], topDesktop = tapesPaths[2], bottomDesktop = tapesPaths[3];
+        if (this.state.hasError) {
+            return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperErrorPage }, { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, __assign({}, logoProps, { isMobile: this.isMobile, classes: styles.logo })), (0, jsx_runtime_1.jsx)("div", { style: {
+                            background: "url(".concat(this.isMobile ? top : topDesktop, ")"),
+                            backgroundRepeat: 'no-repeat',
+                            backgroundSize: 'cover',
+                            backgroundPosition: 'center',
+                        }, className: (0, classnames_1.default)(styles.tape, styles.topTape) }), (0, jsx_runtime_1.jsx)("h1", __assign({ className: styles.title }, { children: "Text error" })), (0, jsx_runtime_1.jsx)("h2", __assign({ className: styles.subTitle }, { children: "A Hint to the user" })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "Update the site", size: "--button-xxl", buttonHeight: "--button-height-full", centreText: true, color: "primary", marginB: "base-double", handleClick: this.handleClickErrorBtn, classes: styles.errorButton }), (0, jsx_runtime_1.jsx)("div", { style: {
+                            background: "url(".concat(this.isMobile ? bottom : bottomDesktop, ")"),
+                            backgroundRepeat: 'no-repeat',
+                            backgroundSize: 'cover',
+                            backgroundPosition: 'center',
+                        }, className: (0, classnames_1.default)(styles.bottomTape, styles.tape) })] })));
+        }
+        return children;
+    };
+    return HOCErrorBoundary;
+}(react_1.default.Component));
+exports.HOCErrorBoundary = HOCErrorBoundary;

package/dist/lib/components/HOCs/HOCErrorBoundary/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { LogoProps } from 'components/ui/Logos/types';
+export type HOCErrorBoundaryProps = {
+    children: React.ReactElement;
+    tapesPaths: [string, string, string, string];
+    logoProps: LogoProps;
+};

package/dist/lib/components/HOCs/HOCErrorBoundary/types.js

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

package/dist/lib/components/HOCs/HOCImageLoader/index.d.ts

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

package/dist/lib/components/HOCs/HOCImageLoader/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HOCImageLoader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var HOCImageLoader = function (props) {
+    var classes = props.classes, src = props.src, children = props.children;
+    var _a = (0, react_1.useState)(false), imgError = _a[0], setImageState = _a[1];
+    var handleCatchError = function () {
+        setImageState(true);
+    };
+    if (imgError) {
+        return children;
+    }
+    return (0, jsx_runtime_1.jsx)("img", { src: src, className: classes, onError: handleCatchError });
+};
+exports.HOCImageLoader = HOCImageLoader;

package/dist/lib/components/HOCs/HOCImageLoader/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type HOCImageLoaderProps = {
+    children: React.ReactElement;
+    src: string;
+    classes?: string;
+};

package/dist/lib/components/HOCs/HOCImageLoader/types.js

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

package/dist/lib/components/HOCs/HOCOutsideClick/index.d.ts

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

package/dist/lib/components/HOCs/HOCOutsideClick/index.js

@@ -0,0 +1,25 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HOCOutsideClick = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var useOutsideClick_1 = require("hooks/useOutsideClick");
+var types_1 = require("./types");
+var HOCOutsideClick = function (props) {
+    var classes = props.classes, children = props.children, _a = props.eventType, eventType = _a === void 0 ? types_1.EEventType.Click : _a;
+    var wrapperRef = (0, react_1.useRef)(null);
+    (0, useOutsideClick_1.useOnClickOutside)(wrapperRef, props.handleFunc, eventType);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classes, ref: wrapperRef }, { children: children })));
+};
+exports.HOCOutsideClick = HOCOutsideClick;

package/dist/lib/components/HOCs/HOCOutsideClick/types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare enum EEventType {
+    Click = "click",
+    Mousedown = "mousedown"
+}
+export type TOutsideAlerterProps = {
+    children: React.ReactNode;
+    classes?: string;
+    handleFunc: (event: any) => void;
+    eventType?: EEventType;
+};

package/dist/lib/components/HOCs/HOCOutsideClick/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EEventType = void 0;
+var EEventType;
+(function (EEventType) {
+    EEventType["Click"] = "click";
+    EEventType["Mousedown"] = "mousedown";
+})(EEventType = exports.EEventType || (exports.EEventType = {}));

package/dist/lib/components/Jackpots/JackpotWidget/components/Jackpot/index.d.ts

@@ -0,0 +1,6 @@
+import { Jackpot } from '../../types';
+export type JackPotInfoBoxProps = Jackpot & {
+    classes?: string;
+    handleClick?: () => void;
+};
+export declare const JackPotInfoBox: (props: JackPotInfoBoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Jackpots/JackpotWidget/components/Jackpot/index.js

@@ -0,0 +1,77 @@
+"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.JackPotInfoBox = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var utils_1 = require("../../utils");
+var JackpotCounter_1 = __importDefault(require("../JackpotCounter"));
+var styles = __importStar(require("./Jackpot.module.css"));
+var JackPotInfoBox = function (props) {
+    var classes = props.classes, name = props.name, min = props.min, max = props.max, drawDate = props.drawDate, createdAt = props.createdAt, handleClick = props.handleClick;
+    var _a = (0, react_1.useState)(+(0, utils_1.getJackpotInfo)(createdAt, drawDate, max, min).currentJackpotSum.toFixed(2)), currentSum = _a[0], setCurrentSum = _a[1];
+    var timer = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+        var _a = (0, utils_1.getJackpotInfo)(createdAt, drawDate, max, min), initialSum = _a.currentJackpotSum, secondWin = _a.secondWin;
+        timer.current = setTimeout(function () {
+            setCurrentSum(+initialSum + secondWin);
+        }, 1500);
+    }, [drawDate, createdAt, currentSum]);
+    (0, react_1.useEffect)(function () { return function () {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+    }; }, []);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.jackpotInfoBoxWrapper, classes), onClick: handleClick }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/jackpots/jackpot-bg.jpg", className: styles.img }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/jackpots/ligths.png", className: (0, classnames_1.default)(styles.img, styles.whiteLight) }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/jackpots/red-light.png", className: (0, classnames_1.default)(styles.img, styles.redLight) }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title, style: {
+                            background: 'url(icons-elon/jackpots/jackpot-name.png)',
+                            backgroundSize: 'contain',
+                            backgroundPosition: 'center',
+                            backgroundRepeat: 'no-repeat',
+                        } }, { children: name })), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/jackpots/zeus.png", className: (0, classnames_1.default)(styles.img, styles.zues) }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/jackpots/devil.png", className: (0, classnames_1.default)(styles.img, styles.devil) }), !!currentSum && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.jackpotCounterWrapper }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.jackpotBtn, style: {
+                                background: 'url(icons-elon/jackpots/jackpotBtn.png)',
+                                backgroundSize: 'contain',
+                                backgroundPosition: 'center',
+                                backgroundRepeat: 'no-repeat',
+                            } }, { children: (0, jsx_runtime_1.jsx)(JackpotCounter_1.default, { sum: +currentSum.toFixed(2) }) })) })))] }))] })));
+};
+exports.JackPotInfoBox = JackPotInfoBox;

package/dist/lib/components/Jackpots/JackpotWidget/components/JackpotCounter/components/Digit/index.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    num: string;
+    prev: string | number;
+};
+declare const Digit: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Digit;

package/dist/lib/components/Jackpots/JackpotWidget/components/JackpotCounter/components/Digit/index.js

@@ -0,0 +1,50 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styles = __importStar(require("./Digit.module.css"));
+var Digit = function (props) {
+    var num = props.num, prev = props.prev;
+    var _a = (0, react_1.useState)(num), digit = _a[0], setDigit = _a[1];
+    var _b = (0, react_1.useState)(prev), prevDigit = _b[0], setPrevDigit = _b[1];
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.digit, styles.animationChange) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prevDigit }, { children: prevDigit })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.currentDigit }, { children: digit }))] })));
+};
+exports.default = Digit;

package/dist/lib/components/Jackpots/JackpotWidget/components/JackpotCounter/index.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    sum: number;
+    classes?: string;
+};
+declare const JackpotCounter: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default JackpotCounter;

package/dist/lib/components/Jackpots/JackpotWidget/components/JackpotCounter/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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var Digit_1 = __importDefault(require("./components/Digit"));
+var styles = __importStar(require("./JackpotCounter.module.css"));
+var JackpotCounter = function (props) {
+    var classes = props.classes, sum = props.sum;
+    var prev = (0, react_1.useRef)("".concat(sum, "$"));
+    var numbers = "".concat(sum, "$").split('');
+    (0, react_1.useEffect)(function () {
+        var currentNumbers = numbers.join('');
+        if (prev.current !== currentNumbers) {
+            prev.current = currentNumbers;
+        }
+    }, [sum]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperCounter, classes) }, { children: numbers.map(function (num, inx) { return ((0, jsx_runtime_1.jsx)(Digit_1.default, { num: num, prev: prev.current[inx] || 0 }, "".concat(num, "_").concat(inx))); }) })));
+};
+exports.default = JackpotCounter;

package/dist/lib/components/Jackpots/JackpotWidget/index.d.ts

@@ -0,0 +1,2 @@
+import { JackpotWidgetProps } from './types';
+export declare const JackpotWidget: ({ classes, jackpots, handleClick, }: JackpotWidgetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Jackpots/JackpotWidget/index.js

@@ -0,0 +1,52 @@
+"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.JackpotWidget = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var Jackpot_1 = require("./components/Jackpot");
+var styles = __importStar(require("./JackpotWidget.module.css"));
+var JackpotWidget = function (_a) {
+    var classes = _a.classes, jackpots = _a.jackpots, handleClick = _a.handleClick;
+    if (!jackpots.length) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapper, classes) }, { children: jackpots.map(function (j) { return ((0, jsx_runtime_1.jsx)(Jackpot_1.JackPotInfoBox, __assign({}, j, { classes: styles.marginL, handleClick: handleClick === null || handleClick === void 0 ? void 0 : handleClick(j.id) }), j.id)); }) })));
+};
+exports.JackpotWidget = JackpotWidget;

package/dist/lib/components/Jackpots/JackpotWidget/types.d.ts

@@ -0,0 +1,13 @@
+export type Jackpot = {
+    id: number;
+    min: number;
+    name: string;
+    max: number;
+    drawDate: number;
+    createdAt: number;
+};
+export type JackpotWidgetProps = {
+    classes?: string;
+    jackpots: Jackpot[];
+    handleClick?: (id: number) => () => void;
+};

package/dist/lib/components/Jackpots/JackpotWidget/types.js

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

package/dist/lib/components/Jackpots/JackpotWidget/utils.d.ts

@@ -0,0 +1,13 @@
+export declare const daysUntil: (start: number, end: number) => number;
+export declare const timeElapsed: (targetTimestamp: number, startTime: number) => {
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+export declare const getJackpotInfo: (createdAt: number, drawDate: number, max: number, min: number) => {
+    currentJackpotSum: number;
+    secondWin: number;
+    minWin: number;
+    hourWin: number;
+    dayWin: number;
+};

package/dist/lib/components/Jackpots/JackpotWidget/utils.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getJackpotInfo = exports.timeElapsed = exports.daysUntil = void 0;
+var daysUntil = function (start, end) {
+    // Create Date objects for the timestamp and current date
+    var targetDateObj = new Date(end);
+    var currentDateObj = new Date(start);
+    // Set both dates to the start of the day to count full days
+    targetDateObj.setHours(0, 0, 0, 0);
+    currentDateObj.setHours(0, 0, 0, 0);
+    // Calculate the difference in milliseconds
+    var difference = targetDateObj.getTime() - currentDateObj.getTime();
+    // Convert milliseconds to days
+    var daysDifference = Math.ceil(difference / (1000 * 60 * 60 * 24));
+    return daysDifference;
+};
+exports.daysUntil = daysUntil;
+var timeElapsed = function (targetTimestamp, startTime) {
+    var currentTimestamp = new Date(startTime).getTime();
+    var timeDiffInSeconds = Math.floor((targetTimestamp - currentTimestamp) / 1000);
+    var hours = Math.floor(timeDiffInSeconds / 3600);
+    timeDiffInSeconds %= 3600;
+    var minutes = Math.floor(timeDiffInSeconds / 60);
+    var seconds = timeDiffInSeconds % 60;
+    return {
+        hours: hours,
+        minutes: minutes,
+        seconds: seconds,
+    };
+};
+exports.timeElapsed = timeElapsed;
+var getJackpotInfo = function (createdAt, drawDate, max, min) {
+    var allDays = (0, exports.daysUntil)(new Date(createdAt).getTime(), new Date(drawDate).getTime());
+    var prevDays = (0, exports.daysUntil)(new Date(createdAt).getTime(), new Date().getTime());
+    var diff = max - min;
+    var dayWin = diff / (allDays + 1);
+    var hourWin = dayWin / 24;
+    var minWin = hourWin / 60;
+    var secondWin = minWin / 60;
+    var currentWinSum = prevDays * dayWin;
+    var _a = (0, exports.timeElapsed)(Date.now(), createdAt), minutes = _a.minutes, hours = _a.hours, seconds = _a.seconds;
+    var prevHoursWinSum = hourWin * hours;
+    var prevMinutesWinSum = minWin * minutes;
+    var prevSecondsWinSum = seconds * secondWin;
+    var currentJackpotSum = currentWinSum + prevHoursWinSum + prevMinutesWinSum + prevSecondsWinSum;
+    return { currentJackpotSum: currentJackpotSum, secondWin: secondWin, minWin: minWin, hourWin: hourWin, dayWin: dayWin };
+};
+exports.getJackpotInfo = getJackpotInfo;

package/dist/lib/components/LastBigWinners/components/LastBigWinner/LastBigWinner.d.ts

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

package/dist/lib/components/LastBigWinners/components/LastBigWinner/LastBigWinner.js

@@ -0,0 +1,53 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var profile_svg_1 = require("assets/profile.svg");
+var styles = __importStar(require("./LastBigWinner.module.css"));
+var SkeletLoader_1 = __importDefault(require("components/ui/Loaders/SkeletLoader"));
+var LastBigWinner = function (props) {
+    var classes = props.classes, _a = props.isLoading, isLoading = _a === void 0 ? false : _a;
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperLastBugWinner, classes) }, { children: [(0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: styles.img }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.header }, { children: [(0, jsx_runtime_1.jsx)(profile_svg_1.ReactComponent, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.userId }, { children: (0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: styles.idLoader }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.label }, { children: "Win In" }))] })), (0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: (0, classnames_1.default)(styles.title, styles.loaderTitle) }), (0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: (0, classnames_1.default)(styles.sum, styles.loaderSum) })] }))] })));
+    }
+    var _b = props, id = _b.id, _c = _b.gameImg, gameImg = _c === void 0 ? 'https://elondom.com/image/vertical_2/30201.webp' : _c, prize = _b.prize, gameName = _b.gameName, handleClick = _b.handleClick, gameId = _b.gameId;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperLastBugWinner, classes), onClick: handleClick(gameId) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: gameImg, className: styles.img }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.header }, { children: [(0, jsx_runtime_1.jsx)(profile_svg_1.ReactComponent, {}), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.userId }, { children: ["ID ", id] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.label }, { children: "Win In" }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: gameName })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.sum }, { children: prize }))] }))] })));
+};
+exports.default = LastBigWinner;

package/dist/lib/components/LastBigWinners/components/LastBigWinner/types.d.ts

@@ -0,0 +1,15 @@
+export type LastBigWinnerProps = BigWinnerCard | {
+    isLoading: true;
+    classes?: string;
+};
+export type BigWinnerCard = {
+    classes?: string;
+    id: string;
+    gameImg: string;
+    prize: string;
+    gameName: string;
+    gameId: number;
+    handleClick: (id: number) => () => void;
+    isLoading?: false | undefined;
+};
+export type LastBigWinnerInfo = Omit<BigWinnerCard, 'classes' | 'handleClick' | 'isLoading'>;

package/dist/lib/components/LastBigWinners/components/LastBigWinner/types.js

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

package/dist/lib/components/LastBigWinners/index.d.ts

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