react-gldn-kit 0.1.89 → 0.1.91

package/dist/lib/components/HOCs/HOCErrorBoundary/index.js

@@ -59,6 +59,8 @@ var classnames_1 = __importDefault(require("classnames"));
 var Buttons_1 = require("components/ui/Buttons");
 var Logos_1 = require("components/ui/Logos");
 var styles = __importStar(require("./HOCErrorBoundary.module.css"));
+var store_1 = require("zustandStore/settings/store");
+var selectors_1 = require("zustandStore/settings/selectors");
 var HOCErrorBoundary = /** @class */ (function (_super) {
     __extends(HOCErrorBoundary, _super);
     function HOCErrorBoundary(props) {
@@ -85,15 +87,17 @@ var HOCErrorBoundary = /** @class */ (function (_super) {
         jivoDiv.setAttribute('style', '');
     };
     HOCErrorBoundary.prototype.render = function () {
-        var _a = this.props, children = _a.children, tapesPaths = _a.tapesPaths, logoProps = _a.logoProps;
-        var top = tapesPaths[0], bottom = tapesPaths[1], topDesktop = tapesPaths[2], bottomDesktop = tapesPaths[3];
+        var children = this.props.children;
+        // Get errorPage array from zustand store
+        var errorPage = (0, selectors_1.getKitErrorPageImageSelector)(store_1.useZustandKitSettings.getState());
+        var top = errorPage[0], bottom = errorPage[1], topDesktop = errorPage[2], bottomDesktop = errorPage[3];
         if (this.state.hasError) {
-            return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperErrorPage }, { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, __assign({}, logoProps, { isMobile: this.isMobile, classes: styles.logo })), (0, jsx_runtime_1.jsx)("div", { style: {
+            return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperErrorPage }, { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { isMobile: this.isMobile, classes: styles.logo }), (0, jsx_runtime_1.jsx)("div", { style: {
                             background: "url(".concat(this.isMobile ? top : topDesktop, ")"),
                             backgroundRepeat: 'no-repeat',
                             backgroundSize: 'cover',
                             backgroundPosition: 'center',
-                        }, className: (0, classnames_1.default)(styles.tape, styles.topTape) }), (0, jsx_runtime_1.jsx)("h1", __assign({ className: styles.title }, { children: "Text error" })), (0, jsx_runtime_1.jsx)("h2", __assign({ className: styles.subTitle }, { children: "A Hint to the user" })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "Update the site", size: "--button-xxl", buttonHeight: "--button-height-full", centreText: true, color: "primary", marginB: "base-double", handleClick: this.handleClickErrorBtn, classes: styles.errorButton }), (0, jsx_runtime_1.jsx)("div", { style: {
+                        }, className: (0, classnames_1.default)(styles.tape, styles.topTape) }), (0, jsx_runtime_1.jsx)("h1", __assign({ className: styles.title }, { children: "Something went wrong" })), (0, jsx_runtime_1.jsx)("h2", __assign({ className: styles.subTitle }, { children: "We're sorry, but something unexpected happened. Please try refreshing the page." })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "Update the site", size: "--button-xxl", buttonHeight: "--button-height-full", centreText: true, color: "primary", marginB: "base-double", handleClick: this.handleClickErrorBtn, classes: styles.errorButton }), (0, jsx_runtime_1.jsx)("div", { style: {
                             background: "url(".concat(this.isMobile ? bottom : bottomDesktop, ")"),
                             backgroundRepeat: 'no-repeat',
                             backgroundSize: 'cover',

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PropsConfigure } from './types';
+export declare const HOCKitConfigure: (props: PropsConfigure) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/HOCs/HOCKitConfigure/index.js

@@ -0,0 +1,70 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HOCKitConfigure = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ui_1 = require("types/ui");
+var styles = __importStar(require("./HOCKitConfigure.module.css"));
+var store_1 = require("zustandStore/settings/store");
+var selectors_1 = require("zustandStore/settings/selectors");
+var HOCKitConfigure = function (props) {
+    var children = props.children, appType = props.appType;
+    var setImageSettings = (0, store_1.useZustandKitSettings)(selectors_1.setKitSettingImageAction);
+    var setDevState = (0, store_1.useZustandKitSettings)(selectors_1.setKitSettingDevAction);
+    var setAppType = (0, store_1.useZustandKitSettings)(selectors_1.setKitSettingAppTypeAction);
+    (0, react_1.useEffect)(function () {
+        var appType = props.appType, isDev = props.isDev, imgSettings = props.imgSettings;
+        setDevState(isDev);
+        setAppType(appType);
+        setImageSettings(imgSettings);
+    }, [props]);
+    if (![
+        ui_1.EAppType.Azure,
+        ui_1.EAppType.Elon,
+        ui_1.EAppType.XXX,
+        ui_1.EAppType.Opera,
+        ui_1.EAppType.FsWin,
+        ui_1.EAppType.JabiBet,
+        ui_1.EAppType.GoblinBet,
+        ui_1.EAppType.M1,
+        ui_1.EAppType.Cawabanga,
+    ].includes(appType)) {
+        return (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.notConfigure }, { children: "not configure" }));
+    }
+    return children;
+};
+exports.HOCKitConfigure = HOCKitConfigure;

package/dist/lib/components/HOCs/HOCKitConfigure/types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { EAppType } from 'types/ui';
+import { ImageSettingsProps } from 'zustandStore/settings/types';
+export type PropsConfigure = {
+    children: React.ReactNode;
+    appType: EAppType;
+    isDev: boolean;
+    imgSettings: ImageSettingsProps;
+};

package/dist/lib/components/HOCs/HOCKitConfigure/types.js

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

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

@@ -51,6 +51,7 @@ 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 store_1 = require("zustandStore/alerts/notification/store");
 var selectors_1 = require("zustandStore/alerts/notification/selectors");
@@ -60,6 +61,8 @@ var store_3 = require("zustandStore/alerts/modal/store");
 var selectors_3 = require("zustandStore/alerts/modal/selectors");
 var types_2 = require("zustandStore/alerts/modal/types");
 var types_3 = require("zustandStore/forms/signIn/types");
+var store_4 = require("zustandStore/settings/store");
+var selectors_4 = require("zustandStore/settings/selectors");
 var types_4 = require("zustandStore/forms/signUp/types");
 var utils_1 = require("zustandStore/forms/signUp/utils");
 var ModalContext_1 = require("context/logic/ModalContext");
@@ -69,6 +72,7 @@ var SignIn = function (_a) {
     var classes = _a.classes;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;
+    var isDev = (0, store_4.useZustandKitSettings)(selectors_4.getKitDevSelector);
     var activeForm = (0, store_2.useZustandSignInKitStore)(selectors_2.zustandSignInKitSelectors.getActiveSignInFormSelector);
     var setAuthFormType = (0, store_2.useZustandSignInKitStore)(selectors_2.zustandSignInKitSelectors.setActiveSignInFormAction);
     var setModal = (0, store_3.useZustandModalKitStore)(selectors_3.zustandModalKitSelector.closeAndOpenModalAction);
@@ -122,17 +126,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" }) }))] })), isDev && ((0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: ['Google'], wrapperClasses: styles.wrapperButtons }))] })));
 };
 exports.SignIn = SignIn;

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

@@ -63,19 +63,22 @@ var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./SignInThird.module.css"));
 var types_4 = require("../../SignUp/Third/types");
 var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
+var selectors_3 = require("zustandStore/settings/selectors");
+var store_3 = require("zustandStore/settings/store");
 var SignInThird = function () {
     var _a;
-    var _b = (0, ModalContext_1.useHookProvider)(), useTransportControllers = _b.useTransportControllers, appType = _b.appType;
+    var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
+    var appType = (0, store_3.useZustandKitSettings)(selectors_3.getKitAppTypeSelector);
     var sendCommand = useTransportControllers().sendCommand;
     var activeForm = (0, store_1.useZustandSignInKitStore)(selectors_1.zustandSignInKitSelectors.getActiveSignInFormSelector);
     var setAuthFormType = (0, store_1.useZustandSignInKitStore)(selectors_1.zustandSignInKitSelectors.setActiveSignInFormAction);
     var closeAndOpen = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.closeAndOpenModalAction);
     var additionalSettings = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
-    var _c = additionalSettings.registrationTheme, registrationTheme = _c === void 0 ? types_4.ESignUpThreeTheme.Yellow : _c, _d = additionalSettings.promotionImagePath, promotionImagePath = _d === void 0 ? '' : _d;
-    var _e = (0, react_1.useState)(''), password = _e[0], setPassword = _e[1];
-    var _f = (0, react_1.useState)(''), email = _f[0], setEmail = _f[1];
-    var _g = (0, react_1.useState)(''), id = _g[0], setId = _g[1];
-    var _h = (0, react_1.useState)(''), phone = _h[0], setPhone = _h[1];
+    var _b = additionalSettings.registrationTheme, registrationTheme = _b === void 0 ? types_4.ESignUpThreeTheme.Yellow : _b, _c = additionalSettings.promotionImagePath, promotionImagePath = _c === void 0 ? '' : _c;
+    var _d = (0, react_1.useState)(''), password = _d[0], setPassword = _d[1];
+    var _e = (0, react_1.useState)(''), email = _e[0], setEmail = _e[1];
+    var _f = (0, react_1.useState)(''), id = _f[0], setId = _f[1];
+    var _g = (0, react_1.useState)(''), phone = _g[0], setPhone = _g[1];
     var handleSignIn = function () {
         var logInInfo = activeForm === types_3.EAuthFormType.Phone ? phone : email;
         if (activeForm === types_3.EAuthFormType.UserName) {

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

@@ -47,7 +47,6 @@ 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");
@@ -57,9 +56,12 @@ var types_2 = require("zustandStore/forms/signUp/types");
 var ModalContext_1 = require("context/logic/ModalContext");
 var useHookFabric_1 = require("hooks/useHookFabric");
 var styles = __importStar(require("./SignUp.module.css"));
+var selectors_3 = require("zustandStore/settings/selectors");
+var store_3 = require("zustandStore/settings/store");
 var SignUp = function (props) {
     var _a;
     var classes = props.classes, bonusText = props.bonusText, bonusSubText = props.bonusSubText, _b = props.withCongratulationText, withCongratulationText = _b === void 0 ? true : _b, registrationSettings = props.registrationSettings, buttonText = props.buttonText;
+    var isDev = (0, store_3.useZustandKitSettings)(selectors_3.getKitDevSelector);
     var _c = (0, ModalContext_1.useHookProvider)(), useTransportControllers = _c.useTransportControllers, useCurrencies = _c.useCurrencies, useCountryInfo = _c.useCountryInfo, sendRegistrationCommand = _c.sendRegistrationCommand;
     var sendCommand = useTransportControllers().sendCommand;
     var availableCurrencies = (0, useHookFabric_1.useHookFabric)({
@@ -98,6 +100,6 @@ var SignUp = function (props) {
                 _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
                 _a)) }, { 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' })] }))), (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'] }), (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, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand, 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, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand, 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' })] }))), isDev && (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, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand, 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, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand, 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/Auth/SignUp/Third/index.js

@@ -60,9 +60,12 @@ var OneClickKit_1 = __importDefault(require("./components/Forms/OneClickKit"));
 var useHookFabric_1 = require("hooks/useHookFabric");
 var ModalContext_1 = require("context/logic/ModalContext");
 var Tabs_1 = require("components/ui/Tabs");
+var selectors_4 = require("zustandStore/settings/selectors");
+var store_4 = require("zustandStore/settings/store");
 var SignUpTypeThree = function () {
     var _a;
-    var _b = (0, ModalContext_1.useHookProvider)(), useCurrencies = _b.useCurrencies, useTransportControllers = _b.useTransportControllers, useCountryInfo = _b.useCountryInfo, sendRegistrationCommand = _b.sendRegistrationCommand, appType = _b.appType;
+    var _b = (0, ModalContext_1.useHookProvider)(), useCurrencies = _b.useCurrencies, useTransportControllers = _b.useTransportControllers, useCountryInfo = _b.useCountryInfo, sendRegistrationCommand = _b.sendRegistrationCommand;
+    var appType = (0, store_4.useZustandKitSettings)(selectors_4.getKitAppTypeSelector);
     var sendCommand = useTransportControllers().sendCommand;
     var availableCurrencies = (0, useHookFabric_1.useHookFabric)({
         fn: useCurrencies,
@@ -87,18 +90,6 @@ var SignUpTypeThree = function () {
             preventClose: true,
         });
     };
-    // const handleOpenDoc = () => {
-    //   const info = docs?.[4].link;
-    //   if (!info || !lang) {
-    //     return;
-    //   }
-    //   const validPathname = info.replace('[lang]', lang);
-    //   window.open(
-    //     `${window.location.origin}${validPathname}`,
-    //     '_blank',
-    //     'fullscreen=yes'
-    //   );
-    // };
     var openPopUp = function (type) { return function () {
         closeAndOpen(type);
     }; };

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,89 @@
+"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("../NumberConfirmation/components/InputCode"));
+var Buttons_1 = require("components/ui/Buttons");
+var constants_1 = require("../NumberConfirmation/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 selectors_1 = require("zustandStore/settings/selectors");
+var store_1 = require("zustandStore/settings/store");
+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 appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
+    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: appType,
+            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(appType, ".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.d.ts

@@ -1,6 +1,2 @@
-declare const LostPasswordEmailForm: ({ sendCommand, }: {
-    sendCommand: (key: string, data: {
-        [key: string]: string | number | any[];
-    }, isWatching?: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const LostPasswordEmailForm: () => import("react/jsx-runtime").JSX.Element;
 export default LostPasswordEmailForm;

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

@@ -44,14 +44,25 @@ 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 ModalContext_1 = require("context/logic/ModalContext");
+var selectors_1 = require("zustandStore/settings/selectors");
+var store_1 = require("zustandStore/settings/store");
 var styles = __importStar(require("./LostPasswordEmailForm.module.css"));
-var LostPasswordEmailForm = function (_a) {
-    var sendCommand = _a.sendCommand;
-    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
-    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _c[0], setCode = _c[1];
-    var _d = (0, react_1.useState)(false), isRequestedCode = _d[0], setRequestedCodeStatus = _d[1];
+var LostPasswordEmailForm = function () {
+    var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
+    var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
+    var sendCommand = useTransportControllers().sendCommand;
+    var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _a[0], setEmail = _a[1];
+    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _b[0], setCode = _b[1];
+    var _c = (0, react_1.useState)(false), isRequestedCode = _c[0], setRequestedCodeStatus = _c[1];
+    var isValidForm = (0, react_1.useMemo)(function () {
+        var isEmail = email.value && !email.errorText;
+        var isCode = code.value && !code.errorText;
+        return isCode && isEmail;
+    }, [email, code]);
     var isShowTimer = function () {
         handleRequestCode();
         setRequestedCodeStatus(true);
@@ -59,18 +70,12 @@ var LostPasswordEmailForm = function (_a) {
     var handleRequestCode = function () {
         var sendData = {
             registrationType: types_1.RecoverySubType.Email,
-            // Notice: is there -2?
-            appType: process.env.REACT_APP_TYPE || -2,
+            appType: appType,
             value: email.value,
             requestId: types_1.ERequestIds.RecoveryPasswordSendCode,
         };
         sendCommand('22x', sendData);
     };
-    var isValidForm = (0, react_1.useMemo)(function () {
-        var isEmail = email.value && !email.errorText;
-        var isCode = code.value && !code.errorText;
-        return isCode && isEmail;
-    }, [email, code]);
     var submit = function () {
         sendCommand('31x', {
             sms: code.value,
@@ -91,6 +96,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,53 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 selectors_1 = require("zustandStore/settings/selectors");
+var store_1 = require("zustandStore/settings/store");
+var MoreInfo = function () {
+    var _a = (0, react_1.useState)(false), isOpened = _a[0], setOpenState = _a[1];
+    var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
+    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/phone/".concat(appType, ".png"), className: styles.instructionImage })] })))] })));
+};
+exports.default = MoreInfo;

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

@@ -1,6 +1,2 @@
-declare const LostPasswordPhoneForm: ({ sendCommand, }: {
-    sendCommand: (key: string, data: {
-        [key: string]: string | number | any[];
-    }, isWatching?: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const LostPasswordPhoneForm: () => import("react/jsx-runtime").JSX.Element;
 export default LostPasswordPhoneForm;

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

@@ -38,43 +38,23 @@ 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 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 constant_1 = require("components/ui/Inputs/BaseInput/constant");
-var validation_1 = require("service/validation");
+var Text_1 = require("components/Text");
 var useHookFabric_1 = require("hooks/useHookFabric");
 var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./LostPasswordPhoneForm.module.css"));
-var LostPasswordPhoneForm = function (_a) {
-    var sendCommand = _a.sendCommand;
+var LostPasswordPhoneForm = function () {
+    // handleFlashCall
+    var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
+    var sendCommand = useTransportControllers().sendCommand;
     var useCountryInfo = (0, ModalContext_1.useHookProvider)().useCountryInfo;
     var countryInfo = (0, useHookFabric_1.useHookFabric)({
         fn: useCountryInfo,
     });
-    var _b = (0, react_1.useState)(''), phone = _b[0], setPhone = _b[1];
-    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _c[0], setCode = _c[1];
-    var _d = (0, react_1.useState)(false), isRequestedCode = _d[0], setRequestedCodeStatus = _d[1];
+    var _a = (0, react_1.useState)(''), phone = _a[0], setPhone = _a[1];
+    var _b = (0, react_1.useState)(false), isRequestedCode = _b[0], setRequestedCodeStatus = _b[1];
     var callbackRequest = function () {
         setRequestedCodeStatus(true);
     };
-    var submit = function () {
-        sendCommand('31x', {
-            sms: code.value,
-            requestId: types_1.ERequestIds.RecoveryPasswordResponse,
-        });
-    };
-    var isValidForm = (0, react_1.useMemo)(function () {
-        var isPhone = phone;
-        var isCode = code.value && !code.errorText;
-        return isCode && isPhone;
-    }, [phone, code]);
-    var handleValidateCode = function (value) {
-        var errorText = (0, validation_1.composeValidations)([
-            (0, validation_1.isRequired)({ value: value, errorText: 'errors.required' }),
-        ]);
-        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, isRecovery: true, requestId: types_1.ERequestIds.FlashCall, sendDataType: types_1.RecoverySubType.Phone, label: "recoveryPsw.phone", size: "large", section: 3, disabled: isRequestedCode, defaultValue: "", onChange: setPhone, requestCallback: callbackRequest, requestCode: sendCommand, sendKey: "09x_flash_call", itemsClasses: styles.items, countryInfo: countryInfo, withInfo: true })] }));
 };
 exports.default = LostPasswordPhoneForm;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmation/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;