react-gldn-kit 0.1.72 → 0.1.74

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

@@ -39,15 +39,20 @@ var __importDefault = (this && this.__importDefault) || function (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 SkeletLoader_1 = __importDefault(require("components/ui/Loaders/SkeletLoader"));
+var Text_1 = require("components/Text");
 var styles = __importStar(require("./LastBigWinner.module.css"));
 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.jsx)("div", __assign({ className: styles.label }, { children: "Won in" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.info }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.header }, { children: [(0, jsx_runtime_1.jsx)(profile_svg_1.ReactComponent, { className: styles.profileSvg }), (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)(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) })] }))] }))] })));
+        return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperLastBugWinner, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: (0, classnames_1.default)(styles.sum, styles.loaderSum), loaderClasses: styles.loader }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.userId }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.win }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "lastWin.win" }) })), (0, jsx_runtime_1.jsx)(SkeletLoader_1.default, { classes: styles.idLoader })] }))] })) })));
     }
-    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.jsx)("div", __assign({ className: styles.label }, { children: "Won in" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.info }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.header }, { children: [(0, jsx_runtime_1.jsx)(profile_svg_1.ReactComponent, { className: styles.profileSvg }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.userId }, { children: ["ID ", id] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: gameName })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.sum }, { children: prize }))] }))] }))] })));
+    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, handleClick = _b.handleClick, gameId = _b.gameId;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperLastBugWinner, classes), onClick: handleClick(gameId), style: {
+            backgroundImage: "url(".concat(gameImg, ")"),
+            backgroundRepeat: 'no-repeat',
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+        } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.sum }, { children: prize })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.userId }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.win }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "lastWin.win" }) })), "ID ", id] }))] })) })));
 };
 exports.default = LastBigWinner;

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/First/index.js

@@ -46,6 +46,8 @@ var Tabs_1 = require("components/ui/Tabs");
 var EmailSignUp_1 = require("./components/Forms/EmailSignUp");
 var OneClickKit_1 = __importDefault(require("./components/Forms/OneClickKit"));
 var PhoneSignUp_1 = require("./components/Forms/PhoneSignUp");
+var SocialButtons_1 = require("components/SocialButtons");
+var ui_1 = require("constants/ui");
 var store_1 = require("zustandStore/alerts/modal/store");
 var selectors_1 = require("zustandStore/alerts/modal/selectors");
 var types_1 = require("zustandStore/alerts/modal/types");
@@ -86,11 +88,8 @@ var SignUp = function (props) {
             setActiveForm(tabs[0].value);
         }
     }, [activeForm, tabs]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [(bonusSignUp ||
-                    customBonusText) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [isCongratulation && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusSubText
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [(bonusSignUp || customBonusText) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [isCongratulation && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusSubText
                                     ? customBonusSubText
-                                    : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusText
-                                ? customBonusText
-                                : 'wheelTwo.secondPopUp.bonus' })] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand(flow), availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.authButtonText, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registration.logInButton" }) }))] })) })));
+                                    : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusText ? customBonusText : 'wheelTwo.secondPopUp.bonus' })] }))), ui_1.IS_DEV && (0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: ['Google'] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand(flow), availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.authButtonText, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registration.logInButton" }) }))] })) })));
 };
 exports.SignUp = SignUp;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/LostPasswordPhoneForm/index.d.ts

@@ -1,4 +1,4 @@
-declare const LostPasswordPhoneForm: ({ sendCommand }: {
+declare const LostPasswordPhoneForm: ({ sendCommand, }: {
     sendCommand: (key: string, data: {
         [key: string]: string | number | any[];
     }, isWatching?: boolean) => void;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/LostPasswordPhoneForm/index.js

@@ -69,6 +69,6 @@ var LostPasswordPhoneForm = function (_a) {
         ]);
         setCode({ value: value, errorText: errorText });
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { withConfirm: true, requestId: types_1.ERequestIds.RecoveryPasswordSendCode, sendDataType: types_1.RecoverySubType.Phone, label: "recoveryPsw.phone", size: "large", section: 3, disabled: isRequestedCode, defaultValue: "", onChange: setPhone, classes: isRequestedCode ? styles.formInput : styles.formPhoneWrapper, requestCallback: callbackRequest, requestCode: submit }), isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.code", size: "large", disabled: false, defaultValue: "", onChange: handleValidateCode, classes: styles.formInput })), isValidForm && ((0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\31x", requestId: types_1.ERequestIds.RecoveryPasswordResponse }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", size: "--button-full", buttonHeight: "--button-height-l", handleClick: submit, text: "recoveryPsw.submitBtn", centreText: true }) })))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { withConfirm: true, requestId: types_1.ERequestIds.RecoveryPasswordSendCode, sendDataType: types_1.RecoverySubType.Phone, label: "recoveryPsw.phone", size: "large", section: 3, disabled: isRequestedCode, defaultValue: "", onChange: setPhone, classes: isRequestedCode ? styles.formInput : styles.formPhoneWrapper, requestCallback: callbackRequest, requestCode: submit, itemsClasses: styles.items }), isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.code", size: "large", disabled: false, defaultValue: "", onChange: handleValidateCode, classes: styles.formInput })), isValidForm && ((0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\31x", requestId: types_1.ERequestIds.RecoveryPasswordResponse }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", size: "--button-full", buttonHeight: "--button-height-l", handleClick: submit, text: "recoveryPsw.submitBtn", centreText: true }) })))] }));
 };
 exports.default = LostPasswordPhoneForm;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/index.js

@@ -50,6 +50,6 @@ var LostPassword = function () {
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;
     var _a = (0, react_1.useState)(types_1.RecoveryFormType.Email), activeValue = _a[0], setActiveValue = _a[1];
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapprLostePassword }, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeValue, data: constants_1.RECOVERY_TABS, onChange: setActiveValue, classes: styles.tabWrapper }), activeValue === types_1.RecoveryFormType.Email && ((0, jsx_runtime_1.jsx)(LostPasswordEmailForm_1.default, { sendCommand: sendCommand })), activeValue === types_1.RecoveryFormType.Phone && ((0, jsx_runtime_1.jsx)(LostPasswordPhoneForm_1.default, { sendCommand: sendCommand }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapprLostePassword }, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeValue, data: constants_1.RECOVERY_TABS, onChange: setActiveValue, classes: styles.tabWrapper, type: "underline" }), activeValue === types_1.RecoveryFormType.Email && ((0, jsx_runtime_1.jsx)(LostPasswordEmailForm_1.default, { sendCommand: sendCommand })), activeValue === types_1.RecoveryFormType.Phone && ((0, jsx_runtime_1.jsx)(LostPasswordPhoneForm_1.default, { sendCommand: sendCommand }))] })));
 };
 exports.default = LostPassword;

package/dist/lib/components/SignUpTypeTwo/PhoneBox/index.js

@@ -90,6 +90,12 @@ var PhoneBox = function (props) {
         setDropState(false);
         onChange('');
     }; };
+    var highlightXs = function (text) {
+        var parts = text.split(/(X+)/);
+        return parts.map(function (part, index) {
+            return part.startsWith('X') ? ((0, jsx_runtime_1.jsx)("span", __assign({ className: styles.highlightX }, { children: part }), index)) : (part);
+        });
+    };
     (0, react_1.useEffect)(function () {
         if (countryCodeDefault) {
             var defaultValue = constants_1.PHONE_MASK[countryCodeDefault];
@@ -117,6 +123,6 @@ var PhoneBox = function (props) {
                 }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.relative }, { children: [(0, jsx_runtime_1.jsx)("input", { className: (0, classnames_1.default)(styles.input, (_a = {},
                             _a[styles.colorfulBorder] = phone.value,
                             _a[styles.errorBorder] = phone.errorText,
-                            _a)), pattern: "[0-9]", type: "text", value: phone.value, onChange: setPhoneValue, placeholder: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask }), (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: (0, validation_1.replaceValueByMaskReturnMask)(countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask)(phone.value) })))] })), !!phone.errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.errorText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: phone.errorText }) })))] })));
+                            _a)), pattern: "[0-9]", type: "text", value: phone.value, onChange: setPhoneValue, placeholder: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask }), (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: highlightXs((0, validation_1.replaceValueByMaskReturnMask)(countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask)(phone.value)) })))] })), !!phone.errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.errorText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: phone.errorText }) })))] })));
 };
 exports.default = PhoneBox;

package/dist/lib/components/SocialButtons/GoogleLoginButon/index.d.ts

@@ -0,0 +1,2 @@
+declare const GoogleLoginButton: () => import("react/jsx-runtime").JSX.Element;
+export default GoogleLoginButton;

package/dist/lib/components/SocialButtons/GoogleLoginButon/index.js

@@ -0,0 +1,116 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var google_1 = require("@react-oauth/google");
+var SocialButton_1 = require("components/ui/Buttons/SocialButton");
+var GoogleSvg_1 = require("components/ui/Icons/Base/GoogleSvg");
+var styles = __importStar(require("./GoogleLoginButton.module.css"));
+var GoogleLoginButton = function () {
+    var saveToken = function (token) { return __awaiter(void 0, void 0, void 0, function () {
+        var res, data, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    return [4 /*yield*/, fetch('https://data.elonsport.com/loginhub/sign-in/google', {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json',
+                            },
+                            body: JSON.stringify({ token: token, prefix: '2' }),
+                        })];
+                case 1:
+                    res = _a.sent();
+                    return [4 /*yield*/, res.json()];
+                case 2:
+                    data = _a.sent();
+                    localStorage.setItem('token', data.token);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error('🚀 :', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperButton }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.hiddenButton }, { children: (0, jsx_runtime_1.jsx)(google_1.GoogleLogin, { onSuccess: function (credentialResponse) {
+                        var token = credentialResponse.credential;
+                        if (token) {
+                            saveToken(token);
+                        }
+                    }, onError: function () {
+                        console.log('❌ Login Failed');
+                    } }) })), (0, jsx_runtime_1.jsx)(SocialButton_1.SocialButton, { title: "socialTabs.Google", Icon: (0, jsx_runtime_1.jsx)(GoogleSvg_1.GoogleSvg, { width: "28", height: "29" }), handleClick: console.info })] })));
+};
+exports.default = GoogleLoginButton;

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

@@ -33,18 +33,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.SocialButtons = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var SocialButton_1 = require("components/ui/Buttons/SocialButton");
+var google_1 = require("@react-oauth/google");
 var Text_1 = require("components/Text");
-var socialButtons_1 = require("constants/socialButtons");
+var GoogleLoginButon_1 = __importDefault(require("./GoogleLoginButon"));
 var styles = __importStar(require("./SocialButtons.module.css"));
 var SocialButtons = function (_a) {
     var social = _a.social;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSocialButtons }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.socialButtons }, { children: social.map(function (socialKey, idx) {
-                    var _a = socialButtons_1.SOCIAL_BUTTONS[socialKey], title = _a.title, Icon = _a.Icon;
-                    return ((0, jsx_runtime_1.jsx)(SocialButton_1.SocialButton, { title: title, Icon: Icon, handleClick: console.info }, idx));
-                }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.line }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.or }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "socialTabs.or" }) })), (0, jsx_runtime_1.jsx)("div", { className: styles.line })] }))] })));
+    return ((0, jsx_runtime_1.jsx)(google_1.GoogleOAuthProvider, __assign({ clientId: "828082339451-68fenmptn46ha9tq3akbng271cbd1bhb.apps.googleusercontent.com" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSocialButtons }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.socialButtons }, { children: social.includes('Google') && (0, jsx_runtime_1.jsx)(GoogleLoginButon_1.default, {}) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.line }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.or }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "socialTabs.or" }) })), (0, jsx_runtime_1.jsx)("div", { className: styles.line })] }))] })) })));
 };
 exports.SocialButtons = SocialButtons;

package/dist/lib/components/ui/Inputs/BaseInput/BaseInputUi.js

@@ -65,10 +65,10 @@ var BaseInputUi = function (props) {
                     _a[styles.borderColorfulRed] = errorText,
                     _a), inputWrapperClasses) }, { children: [startIcon, (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.inputWithLabel }, { children: [(0, jsx_runtime_1.jsx)("input", { onFocus: handleFocus, onBlur: handleBlur, inputMode: inputMode, className: (0, classnames_1.default)(styles.input, (_b = {},
                                     _b[styles.disabled] = disabled,
-                                    _b), inputClasses), value: value, type: type, placeholder: placeholder, onChange: handleChange }), label && (0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
+                                    _b), inputClasses), value: value, type: type, placeholder: placeholder, onChange: handleChange }), label && ((0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
                                     _c[styles.labelRight] = startIcon,
                                     _c[styles.hideLabel] = isHidePlaceholder,
                                     _c[styles.labelUp] = inputLabelType === 'labelUp' || value,
-                                    _c), labelClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: label }) }))] })), value && withClearValue && !errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.searchButton, styles.clearButton), onClick: handleClearInputValue }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.crossSvg }) }))), value && withClearValue && errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.searchButton }, { children: (0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}) }))), children && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.rowChildrenData, classesChildrenWrapper) }, { children: children }))), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), !errorText && bottomText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, styles.resetErrorColor) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bottomText }) })))] })), errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText }) })))] })));
+                                    _c), labelClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: label }) })))] })), value && withClearValue && !errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.searchButton, styles.clearButton), onClick: handleClearInputValue }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.crossSvg }) }))), value && withClearValue && errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.searchButton }, { children: (0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}) }))), children && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.rowChildrenData, classesChildrenWrapper) }, { children: children }))), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), !errorText && bottomText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, styles.resetErrorColor) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bottomText }) })))] })), errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText }) })))] })));
 };
 exports.BaseInputUi = BaseInputUi;

package/dist/lib/components/ui/Inputs/PhoneInput/index.js

@@ -52,7 +52,7 @@ var mock_1 = require("constants/mock");
 var constants_1 = require("./constants");
 var styles = __importStar(require("./PhoneInput.module.css"));
 var PhoneInput = function (props) {
-    var withConfirm = props.withConfirm, requestId = props.requestId, sendDataType = props.sendDataType, children = props.children, classesWrapper = props.classesWrapper, requestCallback = props.requestCallback, onChange = props.onChange, sendKey = props.sendKey, countryCodeDefault = props.countryCodeDefault, _a = props.section, section = _a === void 0 ? undefined : _a, requestCode = props.requestCode, countryInfo = props.countryInfo, buttonClasses = props.buttonClasses, errorText = props.errorText;
+    var withConfirm = props.withConfirm, requestId = props.requestId, sendDataType = props.sendDataType, children = props.children, classesWrapper = props.classesWrapper, requestCallback = props.requestCallback, onChange = props.onChange, sendKey = props.sendKey, countryCodeDefault = props.countryCodeDefault, _a = props.section, section = _a === void 0 ? undefined : _a, requestCode = props.requestCode, countryInfo = props.countryInfo, buttonClasses = props.buttonClasses, errorText = props.errorText, itemsClasses = props.itemsClasses;
     var _b = (0, react_1.useState)(__assign(__assign({}, constant_1.DEFAULT_INPUT_VALUE), { value: '+' })), phone = _b[0], setPhone = _b[1];
     var _c = (0, react_1.useState)(false), isOpened = _c[0], setOpenState = _c[1];
     var _d = (0, react_1.useState)(false), isRequestedCode = _d[0], setRequestedCodeStatus = _d[1];
@@ -155,7 +155,7 @@ var PhoneInput = function (props) {
         onChange('');
     }, [phone, onChange]);
     var Flag = (countryPhoneSettings || {}).Flag;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapper, classesWrapper) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.list }, { children: [(0, jsx_runtime_1.jsx)(PhoneView_1.default, __assign({ phone: phone, Flag: Flag || WorldSvg_1.WorldSvg, code: (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.code) || '+', handleSetValue: handleSetValue, toggleValue: toggleValue, isOpened: isOpened, mask: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask, classes: styles.disabledBorder, errorText: errorText }, { children: children })), isOpened && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.items }, { children: Object.values(constants_1.PHONE_MASK).map(function (p) {
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapper, classesWrapper) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.list }, { children: [(0, jsx_runtime_1.jsx)(PhoneView_1.default, __assign({ phone: phone, Flag: Flag || WorldSvg_1.WorldSvg, code: (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.code) || '+', handleSetValue: handleSetValue, toggleValue: toggleValue, isOpened: isOpened, mask: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask, classes: styles.disabledBorder, errorText: errorText }, { children: children })), isOpened && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.items, itemsClasses) }, { children: Object.values(constants_1.PHONE_MASK).map(function (p) {
                             var CountryFlag = p.Flag;
                             return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleChooseSettings(p), className: styles.item }, { children: (0, jsx_runtime_1.jsx)(PhoneView_1.default, { phone: { value: p.code, errorText: '' }, Flag: CountryFlag, code: p.code, handleSetValue: console.info, mask: p.mask, name: p.name, classes: styles.disabledBorder }) }), p.code));
                         }) })))] })), (errorText || phone.errorText) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.error }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText || phone.errorText }) }))), withConfirm && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode })) : ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "getCodeBtn", disabled: !isValidPhone, color: "primary", handleClick: showTimer, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: buttonClasses })) }))] })));

package/dist/lib/components/ui/Inputs/PhoneInput/types.d.ts

@@ -5,6 +5,7 @@ export type PhoneInputProps = BaseInputProps & (PhoneInputPropsWithConfirmation
     countryCodeDefault?: string;
     countryInfo?: any;
     buttonClasses?: string;
+    itemsClasses?: string;
 };
 export type PhoneInputPropsWithoutConfirmation = {
     withConfirm: false | undefined;

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

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

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

@@ -41,7 +41,7 @@ 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 }) })));
+    var classes = _a.classes, loaderClasses = _a.loaderClasses;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSkeletLoader, classes) }, { children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles.loader, loaderClasses) }) })));
 };
 exports.default = SkeletLoader;

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

@@ -95,7 +95,7 @@ var Selector = function (props) {
                 .map(function (i) { return getText(i.name); })
                 .join(joinSymbol);
         }
-        var name = ((_a = data.find(function (i) { return i.id === activeId; })) === null || _a === void 0 ? void 0 : _a.name) || placeholder;
+        var name = ((_a = data.find(function (i) { return i.id === activeId; })) === null || _a === void 0 ? void 0 : _a.name) || '';
         return getText(name);
     };
     (0, react_1.useEffect)(function () {

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

@@ -40,7 +40,7 @@ var Text_1 = require("components/Text");
 var styles = __importStar(require("./ShowAllCard.module.css"));
 var ShowAllCard = function (_a) {
     var handleClick = _a.handleClick, appType = _a.appType, bgPath = _a.bgPath;
-    var path = bgPath || "/icons-elon/games/".concat(appType, ".png");
+    var path = bgPath || "/casino/icons-elon/games/".concat(appType, ".png");
     return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperShowAllCard, onClick: handleClick, style: {
             background: "url(".concat(path, ")"),
             backgroundSize: 'cover',

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

@@ -0,0 +1 @@
+export declare const IS_DEV: boolean;

package/dist/lib/constants/ui.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IS_DEV = void 0;
+exports.IS_DEV = process.env.NODE_ENV === 'development';