react-gldn-kit 0.1.89 → 0.1.90

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

@@ -51,7 +51,9 @@ var Text_1 = require("components/Text");
 var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
 var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
 var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
+var SocialButtons_1 = require("components/SocialButtons");
 var constants_1 = require("./constants");
+var ui_1 = require("constants/ui");
 var store_1 = require("zustandStore/alerts/notification/store");
 var selectors_1 = require("zustandStore/alerts/notification/selectors");
 var store_2 = require("zustandStore/forms/signIn/store");
@@ -122,17 +124,17 @@ var SignIn = function (_a) {
             errorText: '',
         });
     }, [activeForm, password, email, phone]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralCopyContent, classes, (_b = {},
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralCopyContent, classes, (_b = {},
             _b[styles.yellow] = types_4.ESignUpTheme[registrationTheme] ===
                 types_4.ESignUpTheme.BaseYellow,
-            _b)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, onChange: setAuthFormType, data: constants_1.AUTH_TABS, classes: styles.wrapperTabs, type: "underline" }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperForms, (_c = {},
-                        _c[styles.formOne] = activeForm === types_3.EAuthFormType.Phone,
-                        _c[styles.formTwo] = activeForm === types_3.EAuthFormType.Email,
-                        _c[styles.formThree] = activeForm === types_3.EAuthFormType.UserName,
-                        _c)) }, { children: [(0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone, errorText: authError.errorText }), (0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand, errorText: authError.errorText }), (0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId, errorText: authError.errorText })] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { label: "authorization.inputs.password", size: "full", onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput), errorText: authError.errorText }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPassword, {
-                        registrationTheme: registrationTheme,
-                    }) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.lostPasswordBtn" }) })), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\x02", requestId: types_1.ERequestIds.AuthorizeByEmail, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "authorization.submitBtn", size: "--button-full", buttonHeight: "--button-height-full", color: "primary", disabled: Boolean(!activeInput || !password), handleClick: handleSignIn, classes: styles.btn, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", __assign({ onClick: setModalType(types_2.EModalTypes.SignUp, {
-                        registrationTheme: registrationTheme,
-                    }), className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.noAccount" }) }))] })) })));
+            _b)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, onChange: setAuthFormType, data: constants_1.AUTH_TABS, classes: styles.wrapperTabs, type: "underline" }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperForms, (_c = {},
+                            _c[styles.formOne] = activeForm === types_3.EAuthFormType.Phone,
+                            _c[styles.formTwo] = activeForm === types_3.EAuthFormType.Email,
+                            _c[styles.formThree] = activeForm === types_3.EAuthFormType.UserName,
+                            _c)) }, { children: [(0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone, errorText: authError.errorText }), (0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand, errorText: authError.errorText }), (0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId, errorText: authError.errorText })] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { label: "authorization.inputs.password", size: "full", onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput), errorText: authError.errorText }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPassword, {
+                            registrationTheme: registrationTheme,
+                        }) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.lostPasswordBtn" }) })), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\x02", requestId: types_1.ERequestIds.AuthorizeByEmail, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "authorization.submitBtn", size: "--button-full", buttonHeight: "--button-height-full", color: "primary", disabled: Boolean(!activeInput || !password), handleClick: handleSignIn, classes: styles.btn, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", __assign({ onClick: setModalType(types_2.EModalTypes.SignUp, {
+                            registrationTheme: registrationTheme,
+                        }), className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.noAccount" }) }))] })), (ui_1.IS_DEV === null || ui_1.IS_DEV === void 0 ? void 0 : (0, ui_1.IS_DEV)()) && ((0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: ['Google'], wrapperClasses: styles.wrapperButtons }))] })));
 };
 exports.SignIn = SignIn;

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

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

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

@@ -0,0 +1,86 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var types_1 = require("react-memory-optimization/dist/lib/binary/types");
+var Text_1 = require("components/Text");
+var InputCode_1 = __importDefault(require("../NumberConfirmarion/components/InputCode"));
+var Buttons_1 = require("components/ui/Buttons");
+var constants_1 = require("../NumberConfirmarion/constants");
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var constants_2 = require("components/ui/Timer/constants");
+var ModalContext_1 = require("context/logic/ModalContext");
+var useCountDown_1 = require("hooks/useCountDown");
+var styles = __importStar(require("./EmailConfirmation.module.css"));
+var EmailConfirmation = function () {
+    var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
+    var sendCommand = useTransportControllers().sendCommand;
+    var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _a[0], setCode = _a[1];
+    var timerValue = (0, react_1.useRef)(new Date().getTime() + constants_2.DEFAULT_TIMER_VALUE);
+    var countDown = (0, useCountDown_1.useCountDown)({
+        endTimestamp: timerValue.current,
+    });
+    var timeRemaining = countDown.timeRemaining;
+    var submit = function () {
+        sendCommand('31x', {
+            sms: code.value,
+            requestId: types_1.ERequestIds.RecoveryPasswordResponse,
+        });
+    };
+    var handleRequestCode = function () {
+        var baseData = {
+            registrationType: types_1.RecoverySubType.Email,
+            //   value: email.value,
+            appType: window.APP_TYPE,
+            requestId: types_1.ERequestIds.RecoveryPasswordSendCode,
+        };
+        sendCommand('22x', baseData);
+    };
+    var handleResend = function () {
+        timerValue.current = new Date().getTime() + constants_2.DEFAULT_TIMER_VALUE;
+        handleRequestCode();
+    };
+    var handleChange = function (code) {
+        setCode({ value: code, errorText: '' });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmailConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/casino/icons-elon/ui-kit/recoveryPassword/email/".concat(window.APP_TYPE, ".png"), className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange, length: 5 }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.emailConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_EMAIL_CODE_LENGTH })] })));
+};
+exports.default = EmailConfirmation;

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

@@ -44,6 +44,7 @@ var Timer_1 = __importDefault(require("components/ui/Timer"));
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var Buttons_1 = require("components/ui/Buttons");
 var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var Text_1 = require("components/Text");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var validation_1 = require("service/validation");
 var styles = __importStar(require("./LostPasswordEmailForm.module.css"));
@@ -91,6 +92,6 @@ var LostPasswordEmailForm = function (_a) {
         ]);
         setCode({ value: value, errorText: errorText });
     }; };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.email", size: "large", disabled: isRequestedCode, errorText: email.errorText, defaultValue: "", onChange: handleValidate('email'), classes: styles.formInput }), isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode })) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: !email.errorText ? 'primary' : 'dark', handleClick: isShowTimer, disabled: Boolean(email.errorText) || Boolean(!email.value), size: "--button-full", buttonHeight: "--button-height-full", text: "recoveryPsw.getCodeBtn", classes: styles.formInput, centreText: true })), isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.code", size: "large", disabled: false, defaultValue: "", onChange: handleValidate('code'), 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-full", handleClick: submit, text: "recoveryPsw.submitBtn", centreText: true, classes: styles.button }) })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapper }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.enterEmail" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.email", size: "large", disabled: isRequestedCode, errorText: email.errorText, defaultValue: "", onChange: handleValidate('email'), classes: styles.formInput }), isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode })) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: !email.errorText ? 'primary' : 'dark', handleClick: isShowTimer, disabled: Boolean(email.errorText) || Boolean(!email.value), size: "--button-full", buttonHeight: "--button-height-full", text: "recoveryPsw.getCodeBtn", classes: styles.formInput, centreText: true })), isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.code", size: "large", disabled: false, defaultValue: "", onChange: handleValidate('code'), 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-full", handleClick: submit, text: "recoveryPsw.submitBtn", centreText: true, classes: styles.button }) })))] })));
 };
 exports.default = LostPasswordEmailForm;

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

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

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

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ArrowButton_1 = require("components/ui/Buttons/ArrowButton");
+var Text_1 = require("components/Text");
+var InfoThirdSvg_1 = require("components/ui/Icons/InfoThirdSvg");
+var styles = __importStar(require("./MoreInfo.module.css"));
+var MoreInfo = function () {
+    var _a = (0, react_1.useState)(false), isOpened = _a[0], setOpenState = _a[1];
+    var handleToggleState = function () {
+        setOpenState(!isOpened);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperMoreInfo, onClick: handleToggleState }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.left }, { children: [(0, jsx_runtime_1.jsx)(InfoThirdSvg_1.InfoThirdSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.mainInfo }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.moreInfo" }) }))] })), (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { isOpened: isOpened, classes: styles.arrowButton })] })), isOpened && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.instructionsBlock }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.instruction }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.flashCallVerification" }) })), (0, jsx_runtime_1.jsx)("img", { src: "/casino/icons-elon/ui-kit/recoveryPassword/".concat(window.APP_TYPE, ".png"), className: styles.instructionImage })] })))] })));
+};
+exports.default = MoreInfo;

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

@@ -41,6 +41,7 @@ var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
 var Buttons_1 = require("components/ui/Buttons");
+var Text_1 = require("components/Text");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var validation_1 = require("service/validation");
 var useHookFabric_1 = require("hooks/useHookFabric");
@@ -75,6 +76,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, requestCallback: callbackRequest, requestCode: submit, itemsClasses: styles.items, countryInfo: countryInfo }), isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.code", size: "full", 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)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.enterPhone" }) })), (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, requestCallback: callbackRequest, requestCode: submit, itemsClasses: styles.items, countryInfo: countryInfo, withInfo: true }), isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.code", size: "full", 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/components/NumberConfirmarion/components/InputCode/index.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    length?: number;
+    handleChange: (code: string) => void;
+    errorText: string;
+};
+declare const InputCode: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default InputCode;

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

@@ -0,0 +1,90 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var constants_1 = require("../../constants");
+var validation_1 = require("service/validation");
+var styles = __importStar(require("./InputCode.module.css"));
+var InputCode = function (props) {
+    var _a = props.length, length = _a === void 0 ? constants_1.MAX_PHONE_CODE_LENGTH : _a, handleChange = props.handleChange, _b = props.errorText, errorText = _b === void 0 ? '' : _b;
+    var _c = (0, react_1.useState)(__spreadArray([], Array(length), true).map(function () { return ''; })), code = _c[0], setCode = _c[1];
+    var inputs = (0, react_1.useRef)([]);
+    var processInput = function (slot) { return function (e) {
+        var _a;
+        var num = (0, validation_1.extractNumbersFromString)(e.target.value);
+        var newCode = __spreadArray([], code, true);
+        newCode[slot] = num;
+        setCode(newCode);
+        handleChange(newCode.join(''));
+        if (num && slot < length - 1) {
+            (_a = inputs.current[slot + 1]) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }; };
+    var handleKeyDown = function (slot) { return function (e) {
+        var _a;
+        if (e.key === 'Backspace' && !code[slot] && slot > 0) {
+            var newCode = __spreadArray([], code, true);
+            newCode[slot - 1] = '';
+            setCode(newCode);
+            handleChange(newCode.join(''));
+            (_a = inputs.current[slot - 1]) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }; };
+    var setInputRef = function (idx) { return function (el) {
+        inputs.current[idx] = el;
+    }; };
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperInputCode }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.inputs }, { children: code.map(function (num, idx) {
+                var _a;
+                return ((0, jsx_runtime_1.jsx)("input", { type: "text", inputMode: "numeric", maxLength: 1, value: num, autoFocus: !code[0].length && !idx, onChange: processInput(idx), onKeyDown: handleKeyDown(idx), ref: setInputRef(idx), className: (0, classnames_1.default)(styles.box, (_a = {},
+                        _a[styles.errorBorder] = errorText,
+                        _a)) }, idx));
+            }) })) })));
+};
+exports.default = InputCode;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmarion/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MAX_PHONE_CODE_LENGTH = 6;
+export declare const MAX_EMAIL_CODE_LENGTH = 5;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmarion/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAX_EMAIL_CODE_LENGTH = exports.MAX_PHONE_CODE_LENGTH = void 0;
+exports.MAX_PHONE_CODE_LENGTH = 6;
+exports.MAX_EMAIL_CODE_LENGTH = 5;

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

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

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

@@ -0,0 +1,86 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var types_1 = require("react-memory-optimization/dist/lib/binary/types");
+var Buttons_1 = require("components/ui/Buttons");
+var InputCode_1 = __importDefault(require("./components/InputCode"));
+var Text_1 = require("components/Text");
+var constants_1 = require("./constants");
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var useCountDown_1 = require("hooks/useCountDown");
+var ModalContext_1 = require("context/logic/ModalContext");
+var styles = __importStar(require("./NumberConfirmarion.module.css"));
+var NumberConfirmarion = function () {
+    var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
+    var sendCommand = useTransportControllers().sendCommand;
+    var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _a[0], setCode = _a[1];
+    var timerValue = (0, react_1.useRef)(new Date().getTime() + 90000);
+    var countDown = (0, useCountDown_1.useCountDown)({
+        endTimestamp: timerValue.current,
+    });
+    var timeRemaining = countDown.timeRemaining;
+    var submit = function () {
+        sendCommand('31x', {
+            sms: code.value,
+            requestId: types_1.ERequestIds.RecoveryPasswordResponse,
+        });
+    };
+    var handleRequestCode = function () {
+        var baseData = {
+            registrationType: types_1.RecoverySubType.Phone,
+            appType: window.APP_TYPE,
+            //   value: prepareStringAsPhoneNumber(phone.value),
+            requestId: types_1.ERequestIds.RecoveryPasswordSendCode,
+            section: 3,
+        };
+        sendCommand('22x', baseData);
+    };
+    var handleResend = function () {
+        timerValue.current = new Date().getTime() + 90000;
+        handleRequestCode();
+    };
+    var handleChange = function (code) {
+        setCode({ value: code, errorText: '' });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNumberConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/casino/icons-elon/ui-kit/recoveryPassword/phone/".concat(window.APP_TYPE, ".png"), className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.numberConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_PHONE_CODE_LENGTH })] })));
+};
+exports.default = NumberConfirmarion;

package/dist/lib/components/Modals/Alert/components/SetNewPassword/index.js

@@ -33,26 +33,94 @@ 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 });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var types_1 = require("react-memory-optimization/dist/lib/binary/types");
+var classnames_1 = __importDefault(require("classnames"));
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
 var Buttons_1 = require("components/ui/Buttons");
-var styles = __importStar(require("./SetNewPassword.module.css"));
+var Text_1 = require("components/Text");
+var OpenEyeSvg_1 = require("components/ui/Icons/Base/OpenEyeSvg");
+var CloseEyeSvg_1 = require("components/ui/Icons/Base/CloseEyeSvg");
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var ModalContext_1 = require("context/logic/ModalContext");
+var validation_1 = require("service/validation");
+var styles = __importStar(require("./SetNewPassword.module.css"));
 var SetNewPassword = function () {
+    var _a, _b;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;
-    var _a = (0, react_1.useState)(''), newPassword = _a[0], setNewPassword = _a[1];
-    var isValidPsw = (0, react_1.useMemo)(function () { return newPassword.length > 8; }, [newPassword]);
+    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), newPassword = _c[0], setNewPassword = _c[1];
+    var _d = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), repeatedPassword = _d[0], setRepeatedPassword = _d[1];
+    var _e = (0, react_1.useState)({
+        newPassword: 'password',
+        repeatedPassword: 'password',
+    }), inputTypes = _e[0], setInputTypes = _e[1];
     var handleApplyPsw = function () {
         sendCommand('21x', {
-            newPassword: newPassword,
+            newPassword: newPassword.value,
             requestId: types_1.ERequestIds.SetNewPassword,
         });
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperNewPassword }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.newPassword.setNewPassword", size: "full", onChange: setNewPassword, type: "password", isHidePlaceholder: true }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\21x", requestId: types_1.ERequestIds.SetNewPassword }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { disabled: !isValidPsw, text: "recoveryPsw.newPassword.submit", size: "--button-full", color: "primary", buttonHeight: "--button-height-l", handleClick: handleApplyPsw, centreText: true }) }))] })));
+    var handleSetInputType = function (_a) {
+        var type = _a.type, field = _a.field;
+        return function (e) {
+            e === null || e === void 0 ? void 0 : e.preventDefault();
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
+            setInputTypes(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[field] = type, _a)));
+            });
+        };
+    };
+    var validateValuePassword = function (field) { return function (value) {
+        var errorText = (0, validation_1.composeValidations)([
+            (0, validation_1.isPassword)({
+                value: value,
+                errorText: ['errors.passwordMin', 'errors.passwordMax'],
+            }),
+        ]);
+        if (field === 'newPassword') {
+            setNewPassword({
+                value: value,
+                errorText: errorText,
+            });
+            return;
+        }
+        if (value !== newPassword.value) {
+            errorText = 'errors.passwordsNotMatch';
+        }
+        setRepeatedPassword({
+            value: value,
+            errorText: errorText,
+        });
+    }; };
+    var isDisabled = !newPassword.value ||
+        !repeatedPassword.value ||
+        Boolean(newPassword.errorText || repeatedPassword.errorText) ||
+        newPassword.value !== repeatedPassword.value;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperNewPassword }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterPassword }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.newPassword.enterPassword" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.newPassword", size: "full", onChange: validateValuePassword('newPassword'), type: inputTypes.newPassword, inputWrapperClasses: (0, classnames_1.default)((_a = {},
+                    _a[styles.errorBorder] = newPassword.errorText,
+                    _a)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [newPassword.value && inputTypes.newPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
+                                field: 'newPassword',
+                                type: 'password',
+                            }) })), newPassword.value && inputTypes.newPassword === 'password' && ((0, jsx_runtime_1.jsx)(CloseEyeSvg_1.CloseEyeSvg, { handleClick: handleSetInputType({
+                                field: 'newPassword',
+                                type: 'text',
+                            }) }))] }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.repeatPassword", size: "full", onChange: validateValuePassword('repeatedPassword'), type: inputTypes.repeatedPassword, inputWrapperClasses: (0, classnames_1.default)((_b = {},
+                    _b[styles.errorBorder] = repeatedPassword.errorText,
+                    _b)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [repeatedPassword.value && inputTypes.repeatedPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
+                                field: 'repeatedPassword',
+                                type: 'password',
+                            }) })), repeatedPassword.value &&
+                            inputTypes.repeatedPassword === 'password' && ((0, jsx_runtime_1.jsx)(CloseEyeSvg_1.CloseEyeSvg, { handleClick: handleSetInputType({
+                                field: 'repeatedPassword',
+                                type: 'text',
+                            }) }))] }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.passwordRequirements }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.newPassword.passwordRequirements" }) })), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\21x", requestId: types_1.ERequestIds.SetNewPassword }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { disabled: isDisabled, text: "recoveryPsw.newPassword.submit", size: "--button-full", color: "primary", buttonHeight: "--button-height-xl", handleClick: handleApplyPsw, centreText: true }) }))] })));
 };
 exports.default = SetNewPassword;

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

@@ -171,6 +171,22 @@ var AssignCurrency = (0, react_1.lazy)(function () { return __awaiter(void 0, vo
         case 1: return [2 /*return*/, _a.sent()];
     }
 }); }); });
+var NumberConfirmarion = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/LostPassword/First/components/NumberConfirmarion')); })];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); });
+var EmailConfirmation = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/LostPassword/First/components/EmailConfirmation')); })];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); });
 var types_2 = require("zustandStore/forms/signUp/types");
 var shared_1 = require("utils/shared");
 var styles = __importStar(require("./Alert.module.css"));
@@ -214,6 +230,10 @@ var Alerts = function (props) {
                 return (0, jsx_runtime_1.jsx)(LostPasswordThird, {});
             case types_1.EModalTypes.AssignCurrency:
                 return (0, jsx_runtime_1.jsx)(AssignCurrency, {});
+            case types_1.EModalTypes.NumberConfirmarion:
+                return (0, jsx_runtime_1.jsx)(NumberConfirmarion, {});
+            case types_1.EModalTypes.EmailConfirmation:
+                return (0, jsx_runtime_1.jsx)(EmailConfirmation, {});
             default:
                 return null;
         }
@@ -260,7 +280,7 @@ var Alerts = function (props) {
             _b[styles.yellowSignUp] = (modalType === types_1.EModalTypes.SignIn ||
                 modalType === types_1.EModalTypes.SignUp ||
                 modalType === types_1.EModalTypes.LostPassword) &&
-                types_2.ESignUpTheme[additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseYellow,
+                types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseYellow,
             _b)), modalContentClasses: (0, classnames_1.default)((_c = {},
             _c[styles.maxWidth] = modalType === types_1.EModalTypes.SignUpThree ||
                 modalType === types_1.EModalTypes.SignInThree,

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

@@ -1,4 +1,5 @@
 import { ERegistrationSocial } from 'zustandStore/forms/signUp/types';
-export declare const SocialButtons: ({ social, }: {
+export declare const SocialButtons: ({ social, wrapperClasses, }: {
     social: (keyof typeof ERegistrationSocial)[];
+    wrapperClasses?: string;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -40,11 +40,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SocialButtons = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var google_1 = require("@react-oauth/google");
+var classnames_1 = __importDefault(require("classnames"));
 var Text_1 = require("components/Text");
 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.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 })] }))] })) })));
+    var social = _a.social, wrapperClasses = _a.wrapperClasses;
+    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: (0, classnames_1.default)(styles.socialButtons, wrapperClasses) }, { 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/Icons/Base/OpenEyeSvg.js

@@ -15,6 +15,6 @@ exports.OpenEyeSvg = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var OpenEyeSvg = function (props) {
     var _a = props.width, width = _a === void 0 ? '24' : _a, _b = props.height, height = _b === void 0 ? '24' : _b, classes = props.classes, handleClick = props.handleClick;
-    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes, onClick: handleClick }, { children: [(0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.27002 10.7399C3.13935 8.78756 5.89147 4 12.0002 4C18.1091 4 20.861 8.78782 21.7302 10.7401C22.0885 11.5448 22.0885 12.4552 21.7302 13.2599C20.861 15.2122 18.1091 20 12.0002 20C5.89147 20 3.13935 15.2124 2.27002 13.2601C1.91162 12.4552 1.91162 11.5448 2.27002 10.7399ZM11.9999 16C14.2091 16 15.9999 14.2091 15.9999 12C15.9999 9.79086 14.2091 8 11.9999 8C9.7908 8 7.99994 9.79086 7.99994 12C7.99994 14.2091 9.7908 16 11.9999 16Z", fill: "#7680A3" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 12C11.3284 12 12 11.3284 12 10.5C12 10.3253 11.9701 10.1577 11.9153 10.0018C11.9434 10.0006 11.9716 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 11.9716 10.0006 11.9434 10.0018 11.9153C10.1577 11.9701 10.3253 12 10.5 12Z", fill: "#7680A3" })] })));
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes, onClick: handleClick }, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.27002 10.7399C3.13935 8.78756 5.89147 4 12.0002 4C18.1091 4 20.861 8.78782 21.7302 10.7401C22.0885 11.5448 22.0885 12.4552 21.7302 13.2599C20.861 15.2122 18.1091 20 12.0002 20C5.89147 20 3.13935 15.2124 2.27002 13.2601C1.91162 12.4552 1.91162 11.5448 2.27002 10.7399ZM11.9999 16C14.2091 16 15.9999 14.2091 15.9999 12C15.9999 9.79086 14.2091 8 11.9999 8C9.7908 8 7.99994 9.79086 7.99994 12C7.99994 14.2091 9.7908 16 11.9999 16Z", fill: "#7680A3" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 12C11.3284 12 12 11.3284 12 10.5C12 10.3253 11.9701 10.1577 11.9153 10.0018C11.9434 10.0006 11.9716 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 11.9716 10.0006 11.9434 10.0018 11.9153C10.1577 11.9701 10.3253 12 10.5 12Z", fill: "#7680A3" })] })));
 };
 exports.OpenEyeSvg = OpenEyeSvg;