react-gldn-kit 0.1.73 → 0.1.75

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,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;
+};
+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 ModalContext_1 = require("context/logic/ModalContext");
+var useHookFabric_1 = require("hooks/useHookFabric");
+var utils_1 = require("zustandStore/forms/signUp/utils");
+var store_1 = require("zustandStore/languages/store");
+var selectors_1 = require("zustandStore/languages/selectors");
+var GoogleLoginButton = function () {
+    var useGoogleAuth = (0, ModalContext_1.useHookProvider)().useGoogleAuth;
+    var activeLanguage = (0, store_1.useZustandLanguagesKitStore)(selectors_1.languageSelectors.getActiveLanguageNameKitSelector);
+    var onSuccess = (0, useHookFabric_1.useHookFabric)({
+        fn: useGoogleAuth,
+        customProps: {
+            appType: window.APP_TYPE,
+            adapter: utils_1.getAuthorizationData,
+            // path
+            language: activeLanguage,
+        },
+    }).onSuccess;
+    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: onSuccess, 
+                    // handleTokenResponse
+                    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: window.googleClientId }, { 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/EmailInput/index.js

@@ -32,7 +32,7 @@ var EmailInput = function (props) {
             return;
         }
         var baseData = {
-            appType: process.env.REACT_APP_TYPE || 0,
+            appType: window.APP_TYPE,
             value: email.value,
             requestId: requestId,
         };

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];
@@ -63,7 +63,7 @@ var PhoneInput = function (props) {
         }
         var baseData = {
             registrationType: sendDataType,
-            appType: process.env.REACT_APP_TYPE || 0,
+            appType: window.APP_TYPE,
             value: (0, validation_1.prepareStringAsPhoneNumber)(phone.value),
             requestId: requestId,
             section: section,
@@ -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/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';

package/dist/lib/context/logic/ModalContext.d.ts

@@ -6,6 +6,7 @@ type HookContextType = {
     useTransportControllers: () => any;
     useCurrencies: () => null | CurrencyInfo[];
     useCountryInfo: () => any;
+    useGoogleAuth: () => any;
     sendRegistrationCommand: (flow: ERegistrationFlow) => (key: string, data: any) => any;
     appType: EAppType;
 };