react-gldn-kit 0.0.1

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,35 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/lib/components/Banners/components/BannerTemplate/index.d.ts

@@ -0,0 +1,13 @@
+import { Banner } from '../../types';
+type Props = Banner & {
+    handleClick: () => void;
+    isMobile: boolean;
+    language: string;
+    classes?: string;
+    titleClasses?: string;
+    subTitleClasses?: string;
+    buttonClasses?: string;
+    buttonTextClasses?: string;
+};
+declare const BannerTemplate: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default BannerTemplate;

package/dist/lib/components/Banners/components/BannerTemplate/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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var Buttons_1 = require("components/ui/Buttons");
+var Text_1 = require("components/Text");
+var styles = __importStar(require("./BannerTemplate.module.css"));
+var BannerTemplate = function (props) {
+    var isMobile = props.isMobile, mobile = props.mobile, desktop = props.desktop, _a = props.text, text = _a === void 0 ? '' : _a, _b = props.buttonText, buttonText = _b === void 0 ? '' : _b, subTitle = props.subTitle, handleClick = props.handleClick, language = props.language, classes = props.classes, titleClasses = props.titleClasses, subTitleClasses = props.subTitleClasses, buttonClasses = props.buttonClasses, buttonTextClasses = props.buttonTextClasses;
+    var path = isMobile ? mobile : desktop;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBanner, classes), onClick: buttonText ? undefined : handleClick, style: {
+            backgroundImage: "url(".concat(path, ")"),
+        } }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [text && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }))), subTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.subTitle, subTitleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: subTitle }) })))] }), buttonText && ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, size: "--button-xxl", centreText: true, color: "primary", buttonHeight: isMobile ? '--button-height-xs' : '--button-height-xxl', handleClick: handleClick, classes: buttonClasses, classesText: buttonTextClasses }))] })));
+};
+exports.default = BannerTemplate;

package/dist/lib/components/Banners/components/BannerTemplate/types.d.ts

@@ -0,0 +1,6 @@
+type Banner = {
+    desktop: string;
+    mobile: string;
+    id: number;
+    handleClick: () => void;
+};

package/dist/lib/components/Banners/components/BattleBanner/index.d.ts

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

package/dist/lib/components/Banners/components/BattleBanner/index.js

@@ -0,0 +1,59 @@
+"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.BattleBanner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var ArrowSvg_1 = require("components/ui/Icons/ArrowSvg");
+var CountDown_1 = require("components/ui/CountDown");
+var Buttons_1 = require("components/ui/Buttons");
+var Text_1 = require("components/Text");
+var styles = __importStar(require("./BattleBanner.module.css"));
+var BattleBanner = function (props) {
+    var _a;
+    var imagePath = props.imagePath, name = props.name, endDate = props.endDate, names = props.names, countDownText = props.countDownText, isFinished = props.isFinished, buttonText = props.buttonText, handleClick = props.handleClick, handleClickPath = props.handleClickPath, prizePoolText = props.prizePoolText, amount = props.amount, path = props.path, subTitle = props.subTitle, classes = props.classes;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBattleBanner, classes), style: {
+            backgroundImage: "url(".concat(imagePath, ")"),
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+        } }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.top }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.path, onClick: handleClickPath }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: path }) }), (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: styles.arrowSvg }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.time, (_a = {},
+                            _a[styles.finished] = isFinished,
+                            _a)) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.countDownText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: countDownText }) })), !isFinished && ((0, jsx_runtime_1.jsx)(CountDown_1.CountDown, { endTimestamp: endDate, names: names, type: "row" }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) })), subTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: subTitle }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.prizePool }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: prizePoolText }) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prizeAmount }, { children: amount }))] }))] }))] })), handleClick && ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClick, size: "--button-xxl", buttonHeight: "--button-height-xxl", color: "primary", centreText: true, classes: styles.button }))] })));
+};
+exports.BattleBanner = BattleBanner;

package/dist/lib/components/Banners/components/BattleBanner/types.d.ts

@@ -0,0 +1,15 @@
+export type BattleBannerProps = {
+    imagePath: string;
+    name: string;
+    endDate: number;
+    countDownText: string;
+    isFinished: boolean;
+    buttonText: string;
+    handleClick?: () => void;
+    handleClickPath: () => void;
+    prizePoolText: string;
+    amount: string;
+    path: string;
+    subTitle?: string;
+    classes?: string;
+};

package/dist/lib/components/Banners/components/BattleBanner/types.js

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

package/dist/lib/components/Banners/components/PromotionMobileApp/components/ElonAppBanner/index.d.ts

@@ -0,0 +1,2 @@
+import { AppsPromotionBannerProps } from '../../types';
+export declare const ElonAppBanner: (props: Omit<AppsPromotionBannerProps, 'appType' | 'isVisible'>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Banners/components/PromotionMobileApp/components/ElonAppBanner/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.ElonAppBanner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var react_qr_code_1 = __importDefault(require("react-qr-code"));
+var constants_1 = require("../../constants");
+var Text_1 = require("components/Text");
+var Buttons_1 = require("components/ui/Buttons");
+var DownloadSvg_1 = require("components/ui/Icons/Base/DownloadSvg");
+var ui_1 = require("types/ui");
+var useInView_1 = __importDefault(require("hooks/useInView"));
+var styles = __importStar(require("./ElonAppBanner.module.css"));
+var ElonAppBanner = function (props) {
+    var _a, _b, _c;
+    var _d = props.translation, translation = _d === void 0 ? constants_1.DEFAULT_TRANSLATION : _d, qrLink = props.qrLink, handleDownloadApp = props.handleDownloadApp;
+    var phoneRef = (0, react_1.useRef)(null);
+    var isVisible = (0, useInView_1.default)(phoneRef);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperMainBanner, ref: phoneRef }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(ui_1.EAppType.Elon, "/banner/phone-left.png"), className: (0, classnames_1.default)(styles.phoneLeft, (_a = {},
+                    _a[styles.animationUp] = isVisible,
+                    _a)) }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(ui_1.EAppType.Elon, "/banner/phone-right.png"), className: (0, classnames_1.default)(styles.phoneRight, (_b = {},
+                    _b[styles.animationUp] = isVisible,
+                    _b)) }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(ui_1.EAppType.Elon, "/banner/mobile-icon.png"), className: styles.mobileBanner }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(ui_1.EAppType.Elon, "/banner/android.png"), className: (0, classnames_1.default)(styles.android, (_c = {},
+                    _c[styles.animationUp] = isVisible,
+                    _c)) }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(ui_1.EAppType.Elon, "/banner/web.svg"), className: styles.web }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(ui_1.EAppType.Elon, "/banner/web.svg"), className: styles.webTwo }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(ui_1.EAppType.Elon, "/banner/dragon.png"), className: styles.dragon }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.contentBanner }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.title }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.subTitle }) }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.qrContent }, { children: [(0, jsx_runtime_1.jsx)(react_qr_code_1.default, { value: qrLink, size: 200, bgColor: "transparent", fgColor: "rgb(var(--primary))" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.description }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.qrDescription }) })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: translation.downloadText, handleClick: handleDownloadApp, size: "--button-full", buttonHeight: "--button-height-xxl", color: "primary", centreText: true, startIcon: (0, jsx_runtime_1.jsx)(DownloadSvg_1.DownloadSvg, { classes: styles.whiteSvg }), classes: styles.mobileBtn })] }))] }))] })));
+};
+exports.ElonAppBanner = ElonAppBanner;

package/dist/lib/components/Banners/components/PromotionMobileApp/components/JabiAppBanner/index.d.ts

@@ -0,0 +1,2 @@
+import { AppsPromotionBannerProps } from '../../types';
+export declare const JabiAppBanner: (props: Omit<AppsPromotionBannerProps, 'appType' | 'isVisible'>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Banners/components/PromotionMobileApp/components/JabiAppBanner/index.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 });
+exports.JabiAppBanner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_qr_code_1 = __importDefault(require("react-qr-code"));
+var constants_1 = require("../../constants");
+var Text_1 = require("components/Text");
+var Buttons_1 = require("components/ui/Buttons");
+var DownloadSvg_1 = require("components/ui/Icons/Base/DownloadSvg");
+var ui_1 = require("types/ui");
+var styles = __importStar(require("./JabiAppBanner.module.css"));
+var JabiAppBanner = function (props) {
+    var _a = props.translation, translation = _a === void 0 ? constants_1.DEFAULT_TRANSLATION : _a, qrLink = props.qrLink, handleDownloadApp = props.handleDownloadApp;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperMainBanner }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(ui_1.EAppType.JabiBet, "/banner/mobile-bg.png"), className: styles.mobileBanner }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(ui_1.EAppType.JabiBet, "/banner/desk.png"), className: styles.desktopBanner }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.contentBanner }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.title }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.subTitle }) }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.qrContent }, { children: [(0, jsx_runtime_1.jsx)(react_qr_code_1.default, { value: qrLink, size: 200, bgColor: "transparent", fgColor: "rgb(var(--primary))" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.description }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.qrDescription }) })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: translation.downloadText, handleClick: handleDownloadApp, size: "--button-full", buttonHeight: "--button-height-xxl", color: "primary", centreText: true, startIcon: (0, jsx_runtime_1.jsx)(DownloadSvg_1.DownloadSvg, { classes: styles.whiteSvg }), classes: styles.mobileBtn })] }))] }))] })));
+};
+exports.JabiAppBanner = JabiAppBanner;

package/dist/lib/components/Banners/components/PromotionMobileApp/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DEFAULT_TRANSLATION: {
+    title: string;
+    subTitle: string;
+    qrDescription: string;
+    downloadText: string;
+};

package/dist/lib/components/Banners/components/PromotionMobileApp/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_TRANSLATION = void 0;
+exports.DEFAULT_TRANSLATION = {
+    title: 'promotions.applications.titleApp',
+    subTitle: 'promotions.applications.subTitle',
+    qrDescription: 'promotions.applications.qrDescr',
+    downloadText: 'promotions.applications.downloadText',
+};

package/dist/lib/components/Banners/components/PromotionMobileApp/index.d.ts

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

package/dist/lib/components/Banners/components/PromotionMobileApp/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.PromotionMobileApp = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_qr_code_1 = __importDefault(require("react-qr-code"));
+var classnames_1 = __importDefault(require("classnames"));
+var DownloadSvg_1 = require("components/ui/Icons/Base/DownloadSvg");
+var BaseButton_1 = require("components/ui/Buttons/BaseButton");
+var Text_1 = require("components/Text");
+var constants_1 = require("./constants");
+var styles = __importStar(require("./PromotionMobileApp.module.css"));
+var ui_1 = require("types/ui");
+var PromotionMobileApp = function (props) {
+    var _a = props.translation, translation = _a === void 0 ? constants_1.DEFAULT_TRANSLATION : _a, qrLink = props.qrLink, handleDownloadApp = props.handleDownloadApp, appType = props.appType;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperMainBanner, styles["wrapperMainBanner".concat(ui_1.EAppType[appType])]) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(appType, "/banner/mobile-bg.png"), className: styles.mobileBanner }), (0, jsx_runtime_1.jsx)("img", { src: "/icons-elon/applications/".concat(appType, "/banner/desk.png"), className: styles.desktopBanner }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.contentBanner }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.title }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.subTitle }) }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.qrContent }, { children: [(0, jsx_runtime_1.jsx)(react_qr_code_1.default, { value: qrLink, size: 200, bgColor: "transparent", fgColor: "rgb(var(--primary))" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.description }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translation.qrDescription }) })), (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translation.downloadText, handleClick: handleDownloadApp, size: "--button-full", buttonHeight: "--button-height-xxl", color: "primary", centreText: true, startIcon: (0, jsx_runtime_1.jsx)(DownloadSvg_1.DownloadSvg, { classes: styles.whiteSvg }), classes: styles.mobileBtn })] }))] }))] })));
+};
+exports.PromotionMobileApp = PromotionMobileApp;

package/dist/lib/components/Banners/components/PromotionMobileApp/types.d.ts

@@ -0,0 +1,12 @@
+import { EAppType } from 'types/ui';
+export type AppsPromotionBannerProps = {
+    qrLink: string;
+    handleDownloadApp: () => void;
+    appType: EAppType;
+    translation?: {
+        title: string;
+        subTitle: string;
+        qrDescription: string;
+        downloadText: string;
+    };
+};

package/dist/lib/components/Banners/components/PromotionMobileApp/types.js

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

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

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

package/dist/lib/components/Banners/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.Banners = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_responsive_carousel_1 = require("react-responsive-carousel");
+var BannerTemplate_1 = __importDefault(require("./components/BannerTemplate"));
+var styles = __importStar(require("./Banners.module.css"));
+var Banners = function (props) {
+    var isMobile = props.isMobile, banners = props.banners, handleClick = props.handleClick, language = props.language;
+    if (!banners.length) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(react_responsive_carousel_1.Carousel, __assign({ showStatus: false, className: "home-slider", showThumbs: false }, { children: banners.map(function (b) { return ((0, jsx_runtime_1.jsx)(BannerTemplate_1.default, __assign({}, b, { handleClick: handleClick(b.id), isMobile: isMobile, language: language, classes: styles.noMargin }), b.id)); }) })));
+};
+exports.Banners = Banners;

package/dist/lib/components/Banners/types.d.ts

@@ -0,0 +1,18 @@
+export type Banner = {
+    desktop: string;
+    mobile: string;
+    id: string;
+    text: string;
+    subTitle?: string;
+    buttonText: string;
+    redirect?: {
+        default: string;
+        [key: string]: string;
+    };
+};
+export type BannerProps = {
+    language: string;
+    banners: Banner[];
+    handleClick: (id: string) => () => void;
+    isMobile: boolean;
+};

package/dist/lib/components/Banners/types.js

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

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

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

package/dist/lib/components/BattlesCard/index.js

@@ -0,0 +1,69 @@
+"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.BattlesCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var ArrowSvg_1 = require("components/ui/Icons/ArrowSvg");
+var HOCImageLoader_1 = require("components/HOCs/HOCImageLoader");
+var Text_1 = require("components/Text");
+var store_1 = require("zustandStore/languages/store");
+var selectors_1 = require("zustandStore/languages/selectors");
+var styles = __importStar(require("./BattlesCard.module.css"));
+var Logos_1 = require("components/ui/Logos");
+var ui_1 = require("types/ui");
+var BattlesCard = function (props) {
+    var _a, _b;
+    var id = props.id, handleClick = props.handleClick, providerName = props.providerName, name = props.name, classes = props.classes, isInHouse = props.isInHouse, isFinished = props.isFinished, detailsText = props.detailsText, battleText = props.battleText, imagePath = props.imagePath, _c = props.appType, appType = _c === void 0 ? ui_1.EAppType.Unknown : _c, _d = props.endDate, endDate = _d === void 0 ? 0 : _d, _e = props.startDate, startDate = _e === void 0 ? 0 : _e, _f = props.prize, prize = _f === void 0 ? 0 : _f;
+    var activeLanguage = (0, store_1.useZustandLanguagesKitStore)(selectors_1.languageSelectors.getActiveLanguageNameKitSelector);
+    var path = imagePath ||
+        "/image/tournaments/".concat(id, "_[").concat(activeLanguage, "]").concat(isFinished ? '_finished' : '', ".webp");
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBattlesCard, classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.imageWrapper }, { children: [(0, jsx_runtime_1.jsx)(HOCImageLoader_1.HOCImageLoader, __assign({ src: path.replace("[".concat(activeLanguage, "]"), activeLanguage), classes: styles.image }, { children: (0, jsx_runtime_1.jsx)("img", { src: imagePath || path.replace("[".concat(activeLanguage, "]"), 'en'), className: styles.image }) })), isInHouse && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperContent }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: false }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.date }, { children: [new Date(startDate).toLocaleString('default', {
+                                                month: 'numeric',
+                                                day: 'numeric',
+                                            }), ' ', "-", ' ', new Date(endDate).toLocaleString('default', {
+                                                month: 'numeric',
+                                                day: 'numeric',
+                                            })] }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.prizeWrapper }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "tournaments.prize", specValue: '' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prize }, { children: prize }))] }))] })))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.textBox }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.providerName, (_a = {},
+                            _a[styles.full] = isInHouse,
+                            _a)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: battleText, specValue: providerName }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: name })), (0, jsx_runtime_1.jsxs)("div", __assign({ onClick: handleClick, className: (0, classnames_1.default)(styles.details, (_b = {},
+                            _b[styles.dark] = isFinished,
+                            _b)) }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: detailsText }) }), (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: styles.arrowSvg, width: "16", height: "9" })] }))] }))] })));
+};
+exports.BattlesCard = BattlesCard;

package/dist/lib/components/BattlesCard/types.d.ts

@@ -0,0 +1,25 @@
+import { EAppType } from 'types/ui';
+export type BattlesCardProps = {
+    id: number;
+    imagePath?: string;
+    providerName: string;
+    handleClick: () => void;
+    name: string;
+    classes?: string;
+    isInHouse?: boolean;
+    isFinished?: boolean;
+    detailsText: string;
+    battleText: string;
+} & ({
+    isInHose: true;
+    appType: EAppType;
+    prize: string;
+    endDate: number;
+    startDate: number;
+} | {
+    isInHose: false;
+    appType?: EAppType;
+    prize?: string;
+    endDate?: number;
+    startDate?: number;
+});

package/dist/lib/components/BattlesCard/types.js

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { HOCErrorBoundaryProps } from './types';
+type HOCErrorBoundaryState = {
+    hasError: boolean;
+};
+export declare class HOCErrorBoundary extends React.Component<HOCErrorBoundaryProps, HOCErrorBoundaryState> {
+    isMobile: boolean;
+    constructor(props: HOCErrorBoundaryProps);
+    componentDidCatch(error: any, info: any): void;
+    handleClickErrorBtn: () => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};