react-gldn-kit 0.0.1

package/dist/lib/components/ui/Inputs/CheckBox/index.d.ts

@@ -0,0 +1,12 @@
+type Props = {
+    text?: string;
+    value: boolean;
+    onChange: (v: boolean) => void;
+    classes?: string;
+} & {
+    text: string;
+    handleText?: () => void;
+    classesText?: string;
+};
+export declare const CheckBox: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/ui/Inputs/CheckBox/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.CheckBox = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var Text_1 = require("components/Text");
+var styles = __importStar(require("./CheckBox.module.css"));
+var CheckBox = function (props) {
+    var value = props.value, onChange = props.onChange, text = props.text, classes = props.classes, handleText = props.handleText, classesText = props.classesText;
+    var handleToggle = function () {
+        onChange(!value);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.checkboxWrapper, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.checkboxWrapperBig }, { children: (0, jsx_runtime_1.jsxs)("label", __assign({ className: styles.switch }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: value, onChange: handleToggle }), (0, jsx_runtime_1.jsx)("div", { className: styles.slider })] })) })), text && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.checkboxText, classesText), onClick: handleText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) })))] })));
+};
+exports.CheckBox = CheckBox;

package/dist/lib/components/ui/Leaderboard/components/User/index.d.ts

@@ -0,0 +1,4 @@
+import { UserType } from '../../types';
+export declare const User: (props: UserType & {
+    currencyName: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Leaderboard/components/User/index.js

@@ -0,0 +1,56 @@
+"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.User = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var ProfileSvg_1 = require("components/ui/Icons/Base/ProfileSvg");
+var styles = __importStar(require("./User.module.css"));
+var User = function (props) {
+    var _a;
+    var id = props.id, rolled = props.rolled, place = props.place, currencyName = props.currencyName;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperUser }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.left }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.place, (_a = {},
+                            _a[styles.first] = place === 1,
+                            _a[styles.second] = place === 2,
+                            _a[styles.third] = place === 3,
+                            _a[styles.fourth] = place === 4,
+                            _a[styles.fifth] = place === 5,
+                            _a)) }, { children: place < 10 ? "0".concat(place) : place })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.description }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.icon }, { children: (0, jsx_runtime_1.jsx)(ProfileSvg_1.ProfileSvg, { classes: styles.svg }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.id }, { children: ["ID ", id] }))] }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wager }, { children: [currencyName, rolled.toLocaleString('de-DE')] }))] })));
+};
+exports.User = User;

package/dist/lib/components/ui/Leaderboard/constants.d.ts

@@ -0,0 +1 @@
+export declare const MIN_VISIBLE_PAGES = 3;

package/dist/lib/components/ui/Leaderboard/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MIN_VISIBLE_PAGES = void 0;
+exports.MIN_VISIBLE_PAGES = 3;

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

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

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

@@ -0,0 +1,70 @@
+"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.Leaderboard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Pagination_1 = require("../Pagination");
+var User_1 = require("./components/User");
+var constants_1 = require("./constants");
+var ui_1 = require("types/ui");
+var styles = __importStar(require("./Leaderboard.module.css"));
+var Text_1 = require("components/Text");
+var Leaderboard = function (props) {
+    var title = props.title, users = props.users, currentUserId = props.currentUserId, isMobile = props.isMobile, currencyName = props.currencyName, boardText = props.boardText;
+    var rating = boardText.rating, profile = boardText.profile, wager = boardText.wager;
+    if (!users.length) {
+        return null;
+    }
+    var _a = (0, react_1.useState)(0), page = _a[0], setPage = _a[1];
+    var _b = (0, react_1.useState)([]), pageClients = _b[0], setPageClients = _b[1];
+    var changePage = function (step) { return function () {
+        setPage(page + step);
+    }; };
+    var jumpToPage = function (page) { return function () {
+        setPage(page - 1);
+    }; };
+    var pageStep = page * ui_1.PAGINATION_STEP;
+    (0, react_1.useEffect)(function () {
+        if (!users.length) {
+            return;
+        }
+        var adaptedClients = users.slice(pageStep, pageStep + ui_1.PAGINATION_STEP);
+        setPageClients(adaptedClients);
+    }, [users, page]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperLeaderboard }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.board }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.header }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.left }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rating }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: rating }) })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: profile }) })] })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: wager }) })] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.winners }, { children: pageClients.map(function (user, idx) { return ((0, jsx_runtime_1.jsx)(User_1.User, __assign({}, user, { place: idx + 1 + pageStep, currencyName: currencyName }), idx)); }) })), (0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { changePage: changePage, jumpToPage: jumpToPage, currentPage: page, lastPage: Math.ceil(users.length / ui_1.PAGINATION_STEP), prevPageText: "referral.invitedTable.prev", nextPageText: "referral.invitedTable.next", isMobile: isMobile, minVisiblePages: constants_1.MIN_VISIBLE_PAGES })] }))] })));
+};
+exports.Leaderboard = Leaderboard;

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

@@ -0,0 +1,17 @@
+export type LeaderboardProps = {
+    title?: string;
+    users: UserType[];
+    currentUserId: number;
+    isMobile: boolean;
+    currencyName: string;
+    boardText: {
+        rating: string;
+        profile: string;
+        wager: string;
+    };
+};
+export type UserType = {
+    id: number;
+    rolled: number;
+    place: number;
+};

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

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

package/dist/lib/components/ui/Loaders/CircularLoader/index.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    classes?: string;
+};
+export declare const CircularLoader: ({ classes }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/ui/Loaders/CircularLoader/index.js

@@ -0,0 +1,48 @@
+"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.CircularLoader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styles = __importStar(require("./CircularLoader.module.css"));
+var CircularLoader = function (_a) {
+    var classes = _a.classes;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapper, classes) }, { children: (0, jsx_runtime_1.jsx)("div", { className: styles.insideCircular }) })));
+};
+exports.CircularLoader = CircularLoader;

package/dist/lib/components/ui/Loaders/MainLoader/index.d.ts

@@ -0,0 +1,2 @@
+import { MainLoaderProps } from './types';
+export declare const MainLoader: ({ classes, percent, appType }: MainLoaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Loaders/MainLoader/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.MainLoader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var Logos_1 = require("components/ui/Logos");
+var styles = __importStar(require("./MainLoader.module.css"));
+var MainLoader = function (_a) {
+    var _b;
+    var classes = _a.classes, percent = _a.percent, appType = _a.appType;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperMainLoader, classes, (_b = {},
+            _b[styles.removeLoader] = percent === 100,
+            _b)) }, { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: false, isFullView: true, classes: styles.marginB }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperProgress }, { children: (0, jsx_runtime_1.jsx)("div", { className: styles.progress, style: { width: "".concat(percent, "%") } }) }))] })));
+};
+exports.MainLoader = MainLoader;

package/dist/lib/components/ui/Loaders/MainLoader/types.d.ts

@@ -0,0 +1,6 @@
+import { EAppType } from 'types/ui';
+export type MainLoaderProps = {
+    classes?: string;
+    percent: number;
+    appType: EAppType;
+};

package/dist/lib/components/ui/Loaders/MainLoader/types.js

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

package/dist/lib/components/ui/Loaders/SkeletLoader/index.d.ts

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

package/dist/lib/components/ui/Loaders/SkeletLoader/index.js

@@ -0,0 +1,47 @@
+"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 styles = __importStar(require("./SkeletLoader.module.css"));
+var SkeletLoader = function (_a) {
+    var classes = _a.classes;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSkeletLoader, classes) }, { children: (0, jsx_runtime_1.jsx)("div", { className: styles.loader }) })));
+};
+exports.default = SkeletLoader;

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

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

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

@@ -0,0 +1,101 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var elon_desktop_svg_1 = require("assets/logo/elon-desktop.svg");
+var fs_win_desktop_svg_1 = require("assets/logo/fs-win-desktop.svg");
+var fs_win_mobile_svg_1 = require("assets/logo/fs-win-mobile.svg");
+var elon_mobile_svg_1 = require("assets/logo/elon-mobile.svg");
+var opera_svg_1 = require("assets/logo/opera.svg");
+var jabi_desktop_svg_1 = require("assets/logo/jabi-desktop.svg");
+var jabi_mobile_svg_1 = require("assets/logo/jabi-mobile.svg");
+var m1_svg_1 = require("assets/logo/m1.svg");
+var ui_1 = require("types/ui");
+var styles = __importStar(require("./Logos.module.css"));
+var Logo = function (props) {
+    var isMobile = props.isMobile, handleLogoClick = props.handleLogoClick, _a = props.isFullView, isFullView = _a === void 0 ? false : _a, appType = props.appType, classes = props.classes;
+    var DesktopFullLogo = (0, react_1.useMemo)(function () {
+        if (appType === ui_1.EAppType.Elon) {
+            return elon_desktop_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.FsWin) {
+            return fs_win_desktop_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.Opera) {
+            return opera_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.JabiBet) {
+            return jabi_desktop_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.M1) {
+            return m1_svg_1.ReactComponent;
+        }
+        return function () { return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}); };
+    }, [appType]);
+    var MobileLogo = (0, react_1.useMemo)(function () {
+        if (appType === ui_1.EAppType.Elon) {
+            return elon_mobile_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.Opera) {
+            return opera_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.FsWin) {
+            return fs_win_mobile_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.JabiBet) {
+            return jabi_mobile_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.M1) {
+            return m1_svg_1.ReactComponent;
+        }
+        return function () { return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}); };
+    }, [appType]);
+    var DesktopShortLogo = (0, react_1.useMemo)(function () {
+        if (appType === ui_1.EAppType.Elon) {
+            return elon_mobile_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.Opera) {
+            return opera_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.FsWin) {
+            return fs_win_mobile_svg_1.ReactComponent;
+        }
+        if (appType === ui_1.EAppType.M1) {
+            return m1_svg_1.ReactComponent;
+        }
+        return function () { return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}); };
+    }, [appType]);
+    if (isMobile) {
+        return ((0, jsx_runtime_1.jsx)(MobileLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes) }));
+    }
+    return isFullView ? ((0, jsx_runtime_1.jsx)(DesktopFullLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes) })) : ((0, jsx_runtime_1.jsx)(DesktopShortLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes) }));
+};
+exports.Logo = Logo;

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

@@ -0,0 +1,13 @@
+export type LogoIconProps = {
+    width?: string;
+    height?: string;
+    classes?: string;
+    handleClick?: () => void;
+};
+export type LogoProps = {
+    appType: number;
+    isMobile: boolean;
+    isFullView?: boolean;
+    handleLogoClick?: () => void;
+    classes?: string;
+};

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

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

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

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

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

@@ -0,0 +1,76 @@
+"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.Pagination = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var ArrowSvg_1 = require("components/ui/Icons/ArrowSvg");
+var Buttons_1 = require("components/ui/Buttons");
+var styles = __importStar(require("./Pagination.module.css"));
+var Pagination = function (props) {
+    var _a;
+    var changePage = props.changePage, jumpToPage = props.jumpToPage, currentPage = props.currentPage, lastPage = props.lastPage, _b = props.prevPageText, prevPageText = _b === void 0 ? 'pagination.prev' : _b, //Notice: we use mock translates here but you have to provide correct key for custom project
+    _c = props.nextPageText, //Notice: we use mock translates here but you have to provide correct key for custom project
+    nextPageText = _c === void 0 ? 'pagination.next' : _c, //Notice: we use mock translates here but you have to provide correct key for custom project
+    isMobile = props.isMobile, minVisiblePages = props.minVisiblePages;
+    var _d = (0, react_1.useState)(1), startPage = _d[0], setStartPage = _d[1];
+    var _e = (0, react_1.useState)(lastPage), endPage = _e[0], setEndPage = _e[1];
+    var pages = new Array(endPage - startPage + 1)
+        .fill(0)
+        .map(function (_, idx) { return startPage + idx; });
+    (0, react_1.useEffect)(function () {
+        var updatedStartPage = currentPage > minVisiblePages ? currentPage : 1;
+        var updatedEndPage = lastPage > minVisiblePages ? minVisiblePages : lastPage;
+        if (currentPage >= minVisiblePages - 1) {
+            updatedEndPage = currentPage + 1;
+        }
+        setStartPage(updatedStartPage);
+        setEndPage(updatedEndPage);
+    }, [currentPage]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperPagination }, { children: [(0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { classes: styles.stepButton, handleClick: changePage(-1), text: isMobile ? prevPageText : '', size: "--button-xl", buttonHeight: "--button-height-xs", color: "transparent", startIcon: (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: styles.rotateLeft }), disabled: !currentPage, centreText: true }), isMobile ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.pages }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: styles.startPage }, { children: currentPage + 1 })), (0, jsx_runtime_1.jsx)("span", __assign({ className: styles.slash }, { children: "/" })), (0, jsx_runtime_1.jsx)("span", __assign({ className: styles.lastPage }, { children: lastPage }))] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [startPage > 2 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.page, onClick: jumpToPage(1) }, { children: "1" })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.ellipsis }, { children: "..." }))] })), pages.map(function (page) {
+                        var _a;
+                        return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.page, (_a = {},
+                                _a[styles.active] = page === currentPage + 1,
+                                _a)), onClick: jumpToPage(page) }, { children: page }), page));
+                    }), endPage < lastPage && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.ellipsis }, { children: "..." })), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.page, (_a = {},
+                                    _a[styles.active] = lastPage === currentPage + 1,
+                                    _a)), onClick: jumpToPage(lastPage) }, { children: lastPage }))] }))] })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, __assign({ classes: styles.stepButton, disabled: currentPage + 1 === lastPage, handleClick: changePage(1), text: isMobile ? nextPageText : '', size: "--button-xl", buttonHeight: "--button-height-xs", color: "transparent", centreText: true }, { children: (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: styles.rotateRight }) }))] })));
+};
+exports.Pagination = Pagination;

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

@@ -0,0 +1,10 @@
+export type PaginationProps = {
+    changePage: (page: number) => () => void;
+    jumpToPage: (page: number) => () => void;
+    currentPage: number;
+    lastPage: number;
+    prevPageText?: string;
+    nextPageText?: string;
+    isMobile?: boolean;
+    minVisiblePages?: number;
+};

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

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

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

@@ -0,0 +1,4 @@
+export declare const Section: ({ children, classes, }: {
+    children: React.ReactNode;
+    classes?: string;
+}) => import("react/jsx-runtime").JSX.Element;