react-gldn-kit 0.1.69 → 0.1.70

package/dist/lib/components/Modals/Alert/components/Auth/SignIn/First/components/EmailSignInForm/index.d.ts

@@ -2,6 +2,7 @@ type Props = {
     classes?: string;
     onChange: (v: string) => void;
     sendCommand?: any;
+    errorText?: string;
 };
-export declare const EmailSignInForm: ({ classes, onChange, sendCommand }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailSignInForm: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -18,10 +18,10 @@ exports.EmailSignInForm = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
 var EmailInput_1 = require("components/ui/Inputs/EmailInput");
-var EmailSignInForm = function (_a) {
-    var classes = _a.classes, onChange = _a.onChange, sendCommand = _a.sendCommand;
+var EmailSignInForm = function (props) {
+    var classes = props.classes, onChange = props.onChange, sendCommand = props.sendCommand, errorText = props.errorText;
     return (
     // <div className={cln(animation.animationFadeIn, classes)}>
-    (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(classes) }, { children: (0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, { sendCommand: sendCommand, isHidePlaceholder: true, placeholder: "authorization.inputs.email", size: "full", withoutConfirmCode: true, onChange: onChange }) })));
+    (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(classes) }, { children: (0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, { sendCommand: sendCommand, label: "authorization.inputs.email", size: "full", withoutConfirmCode: true, onChange: onChange, errorText: errorText }) })));
 };
 exports.EmailSignInForm = EmailSignInForm;

package/dist/lib/components/Modals/Alert/components/Auth/SignIn/First/components/IdSignInForm/index.d.ts

@@ -1,6 +1,7 @@
 type Props = {
     classes?: string;
     onChange: (v: string) => void;
+    errorText?: string;
 };
-export declare const IdSignInForm: ({ classes, onChange }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const IdSignInForm: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -21,9 +21,9 @@ var classnames_1 = __importDefault(require("classnames"));
 var validation_1 = require("service/validation");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
-var IdSignInForm = function (_a) {
-    var classes = _a.classes, onChange = _a.onChange;
-    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), userId = _b[0], setUserId = _b[1];
+var IdSignInForm = function (props) {
+    var classes = props.classes, onChange = props.onChange, errorText = props.errorText;
+    var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), userId = _a[0], setUserId = _a[1];
     var validateValue = function (value) {
         var errorText = (0, validation_1.composeValidations)([
             (0, validation_1.isRequired)({ value: value, errorText: 'errors.required' }),
@@ -35,6 +35,6 @@ var IdSignInForm = function (_a) {
         }
         onChange(value);
     };
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(classes) }, { children: (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { isHidePlaceholder: true, placeholder: "authorization.inputs.userId", size: "full", errorText: userId.errorText, patternFn: validation_1.extractNumbersFromString, onChange: validateValue }) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(classes) }, { children: (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "authorization.inputs.userId", size: "full", errorText: errorText || userId.errorText, patternFn: validation_1.extractNumbersFromString, onChange: validateValue }) })));
 };
 exports.IdSignInForm = IdSignInForm;

package/dist/lib/components/Modals/Alert/components/Auth/SignIn/First/components/PhoneSignInForm/index.d.ts

@@ -1,6 +1,7 @@
 type Props = {
     classes?: string;
     onChange: (v: string) => void;
+    errorText?: string;
 };
-export declare const PhoneSignInForm: ({ classes, onChange }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const PhoneSignInForm: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -18,10 +18,14 @@ exports.PhoneSignInForm = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
 var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
-var PhoneSignInForm = function (_a) {
-    var classes = _a.classes, onChange = _a.onChange;
-    return (
-    // <div className={cln(animation.animationFadeIn, classes)}>
-    (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(classes) }, { children: (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { isHidePlaceholder: true, withConfirm: false, placeholder: "walletPopUp.forms.phone", size: "full", onChange: onChange }) })));
+var ModalContext_1 = require("context/logic/ModalContext");
+var useHookFabric_1 = require("hooks/useHookFabric");
+var PhoneSignInForm = function (props) {
+    var classes = props.classes, onChange = props.onChange, errorText = props.errorText;
+    var useCountryInfo = (0, ModalContext_1.useHookProvider)().useCountryInfo;
+    var countryInfo = (0, useHookFabric_1.useHookFabric)({
+        fn: useCountryInfo,
+    });
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(classes) }, { children: (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { withConfirm: false, label: "walletPopUp.forms.phone", size: "full", countryInfo: countryInfo, onChange: onChange, errorText: errorText }) })));
 };
 exports.PhoneSignInForm = PhoneSignInForm;

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

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

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

@@ -45,33 +45,41 @@ var types_1 = require("react-memory-optimization/dist/lib/binary/types");
 var EmailSignInForm_1 = require("./components/EmailSignInForm");
 var PhoneSignInForm_1 = require("./components/PhoneSignInForm");
 var IdSignInForm_1 = require("./components/IdSignInForm");
-var constants_1 = require("./constants");
-var store_1 = require("zustandStore/forms/signIn/store");
-var selectors_1 = require("zustandStore/forms/signIn/selectors");
-var store_2 = require("zustandStore/alerts/modal/store");
-var selectors_2 = require("zustandStore/alerts/modal/selectors");
-var types_2 = require("zustandStore/alerts/modal/types");
-var types_3 = require("zustandStore/forms/signIn/types");
-var utils_1 = require("zustandStore/forms/signUp/utils");
 var Tabs_1 = require("components/ui/Tabs");
 var Buttons_1 = require("components/ui/Buttons");
 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 constants_1 = require("./constants");
+var store_1 = require("zustandStore/alerts/notification/store");
+var selectors_1 = require("zustandStore/alerts/notification/selectors");
+var store_2 = require("zustandStore/forms/signIn/store");
+var selectors_2 = require("zustandStore/forms/signIn/selectors");
+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 utils_1 = require("zustandStore/forms/signUp/utils");
 var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./SignIn.module.css"));
-var SignIn = function () {
-    var _a;
+var SignIn = function (_a) {
+    var _b;
+    var classes = _a.classes;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     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 setModal = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.closeAndOpenModalAction);
-    var _b = (0, react_1.useState)(''), password = _b[0], setPassword = _b[1];
-    var _c = (0, react_1.useState)(''), email = _c[0], setEmail = _c[1];
-    var _d = (0, react_1.useState)(''), id = _d[0], setId = _d[1];
-    var _e = (0, react_1.useState)(''), phone = _e[0], setPhone = _e[1];
+    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);
+    var notifications = (0, store_1.useZustandNotificationKitStore)(selectors_1.notificationKitSelectors.getNotificationsSelector);
+    var _c = (0, react_1.useState)(''), password = _c[0], setPassword = _c[1];
+    var _d = (0, react_1.useState)(''), email = _d[0], setEmail = _d[1];
+    var _e = (0, react_1.useState)(''), id = _e[0], setId = _e[1];
+    var _f = (0, react_1.useState)(''), phone = _f[0], setPhone = _f[1];
+    var _g = (0, react_1.useState)({
+        form: types_3.EAuthFormType.Email,
+        errorText: '',
+    }), authError = _g[0], setAuthError = _g[1];
     var handleSignIn = function () {
         var logInInfo = activeForm === types_3.EAuthFormType.Phone ? phone : email;
         if (activeForm === types_3.EAuthFormType.UserName) {
@@ -96,10 +104,25 @@ var SignIn = function () {
         }
         return id;
     }, [activeForm, phone, email, id]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperReferralCopyContent }, { 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, (_a = {},
-                        _a[styles.formOne] = activeForm === types_3.EAuthFormType.Phone,
-                        _a[styles.formTwo] = activeForm === types_3.EAuthFormType.Email,
-                        _a[styles.formThree] = activeForm === types_3.EAuthFormType.UserName,
-                        _a)) }, { children: [(0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone }), (0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand }), (0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId })] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { placeholder: "authorization.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPassword) }, { 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", { className: styles.dash }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "authorization.join", size: "--button-full", buttonHeight: "--button-height-full", handleClick: setModalType(types_2.EModalTypes.SignUp), classes: (0, classnames_1.default)(styles.btn, styles.reg), color: "dark", centreText: true })] })) })));
+    (0, react_1.useEffect)(function () {
+        var hasAuthError = notifications.some(function (item) { return item.text === 'errors.authFailed'; });
+        if (hasAuthError) {
+            setAuthError({
+                form: activeForm,
+                errorText: "errors.authErrors.".concat(types_3.EAuthFormType[activeForm]),
+            });
+        }
+    }, [notifications]);
+    (0, react_1.useEffect)(function () {
+        setAuthError({
+            form: activeForm,
+            errorText: '',
+        });
+    }, [activeForm, password, email, phone]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralCopyContent, classes) }, { 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, (_b = {},
+                        _b[styles.formOne] = activeForm === types_3.EAuthFormType.Phone,
+                        _b[styles.formTwo] = activeForm === types_3.EAuthFormType.Email,
+                        _b[styles.formThree] = activeForm === types_3.EAuthFormType.UserName,
+                        _b)) }, { 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) }, { 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), className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.noAccount" }) }))] })) })));
 };
 exports.SignIn = SignIn;

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

@@ -45,6 +45,6 @@ var Text_1 = require("components/Text");
 var styles = __importStar(require("../../SignInThird.module.css"));
 var EmailSignInForm = function (_a) {
     var classes = _a.classes, onChange = _a.onChange, sendCommand = _a.sendCommand;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.emailSignIn" }) })), (0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, { sendCommand: sendCommand, isHidePlaceholder: true, placeholder: "authorization.inputs.email", size: "full", withoutConfirmCode: true, onChange: onChange })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.emailSignIn" }) })), (0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, { sendCommand: sendCommand, isHidePlaceholder: true, label: "authorization.inputs.email", size: "full", withoutConfirmCode: true, onChange: onChange })] })));
 };
 exports.EmailSignInForm = EmailSignInForm;

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

@@ -60,6 +60,6 @@ var IdSignInForm = function (_a) {
         }
         onChange(value);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.idSignIn" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { isHidePlaceholder: true, placeholder: "authorization.inputs.userId", size: "full", errorText: userId.errorText, patternFn: validation_1.extractNumbersFromString, onChange: validateValue })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.idSignIn" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { isHidePlaceholder: true, label: "authorization.inputs.userId", size: "full", errorText: userId.errorText, patternFn: validation_1.extractNumbersFromString, onChange: validateValue })] })));
 };
 exports.IdSignInForm = IdSignInForm;

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

@@ -47,6 +47,6 @@ var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
 var styles = __importStar(require("../../SignInThird.module.css"));
 var PhoneSignInForm = function (_a) {
     var classes = _a.classes, onChange = _a.onChange;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.phoneSignIn" }) })), (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { isHidePlaceholder: true, withConfirm: false, placeholder: "walletPopUp.forms.phone", size: "full", onChange: onChange })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.phoneSignIn" }) })), (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { isHidePlaceholder: true, withConfirm: false, label: "walletPopUp.forms.phone", size: "full", onChange: onChange })] })));
 };
 exports.PhoneSignInForm = PhoneSignInForm;

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

@@ -114,7 +114,7 @@ var SignInThird = function () {
                             backgroundPosition: 'center',
                             backgroundSize: '100% 100%',
                             backgroundRepeat: 'no-repeat',
-                        } }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.title" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: handleOpenSignUp }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) }))] })), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, onChange: setAuthFormType, data: constants_1.AUTH_TABS, classes: styles.wrapperTabs, type: "underline", tabClasses: styles.tab }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperForms }, { children: [activeForm === types_3.EAuthFormType.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone })), activeForm === types_3.EAuthFormType.Email && ((0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand })), activeForm === types_3.EAuthFormType.UserName && ((0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId }))] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { placeholder: "authorization.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPasswordThree) }, { 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.submitButton, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.noAccount" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.register, onClick: handleOpenSignUp }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.register" }) }))] })) })] })), (0, jsx_runtime_1.jsx)("div", { className: styles.rightSide, style: {
+                        } }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.title" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: handleOpenSignUp }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) }))] })), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, onChange: setAuthFormType, data: constants_1.AUTH_TABS, classes: styles.wrapperTabs, type: "underline", tabClasses: styles.tab }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperForms }, { children: [activeForm === types_3.EAuthFormType.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone })), activeForm === types_3.EAuthFormType.Email && ((0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand })), activeForm === types_3.EAuthFormType.UserName && ((0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId }))] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { label: "authorization.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPasswordThree) }, { 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.submitButton, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.noAccount" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.register, onClick: handleOpenSignUp }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.register" }) }))] })) })] })), (0, jsx_runtime_1.jsx)("div", { className: styles.rightSide, style: {
                     backgroundImage: promotionImagePath ||
                         "url(/landings/assets-builder/signUpThree/".concat(appType, "/desk.png)"),
                     backgroundPosition: 'top',

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

@@ -48,6 +48,7 @@ var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
 var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var BaseButton_1 = require("components/ui/Buttons/BaseButton");
+var DocsCheckBox_1 = require("components/SignUp/DocsCheckBox");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var store_1 = require("zustandStore/forms/signUp/store");
 var selectors_1 = require("zustandStore/forms/signUp/selectors");
@@ -59,7 +60,6 @@ var validation_1 = require("service/validation");
 var utils_1 = require("zustandStore/forms/signUp/utils");
 var styles = __importStar(require("../../../SignUp.module.css"));
 var stylesEmailSignUp = __importStar(require("./EmailSignUp.module.css"));
-var DocsCheckBox_1 = require("components/SignUp/DocsCheckBox");
 var EmailSignUp = function (props) {
     var countryInfo = props.countryInfo, _a = props.isSelected, isSelected = _a === void 0 ? false : _a, handleRegistration = props.handleRegistration, availableCurrencies = props.availableCurrencies, buttonText = props.buttonText;
     var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
@@ -131,6 +131,6 @@ var EmailSignUp = function (props) {
         // }
         // openExternalLink(link, true);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: promoCode ? '06x_with_promo' : '06x', requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: buttonText || "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.marginB, styles.authButton) }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.email", size: "full", onChange: handleChange('email'), errorText: email.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", onChange: handleChange('password'), errorText: password.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: promoCode ? '06x_with_promo' : '06x', requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: buttonText || "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.marginB, styles.authButton) }) }))] })));
 };
 exports.EmailSignUp = EmailSignUp;

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

@@ -145,6 +145,6 @@ var PhoneSignUp = function (props) {
     var PHONE_PROPS = withoutCode
         ? constants_1.PHONE_PROPS_WITHOUT_CONFIRMATION
         : constants_1.PHONE_PROPS_WITH_CONFIRMATION;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: buttonText || 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: buttonText || 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB }) }))] }));
 };
 exports.PhoneSignUp = PhoneSignUp;

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

@@ -86,8 +86,11 @@ var SignUp = function (props) {
             setActiveForm(tabs[0].value);
         }
     }, [activeForm, tabs]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [bonusSignUp || customBonusText && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [isCongratulation && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusSubText
-                                    ? customBonusSubText
-                                    : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusText ? customBonusText : 'wheelTwo.secondPopUp.bonus' })] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand(flow), availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.authButtonText, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registration.logInButton" }) }))] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [bonusSignUp ||
+                    (customBonusText && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [isCongratulation && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusSubText
+                                        ? customBonusSubText
+                                        : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusText
+                                    ? customBonusText
+                                    : 'wheelTwo.secondPopUp.bonus' })] })))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand(flow), availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.authButtonText, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registration.logInButton" }) }))] })) })));
 };
 exports.SignUp = SignUp;

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

@@ -86,6 +86,7 @@ var PasswordBox_1 = __importDefault(require("components/SignUpTypeTwo/PasswordBo
 var CurrencyBox_1 = __importDefault(require("components/SignUpTypeTwo/CurrencyBox"));
 var Text_1 = require("components/Text");
 var Tabs_1 = require("components/ui/Tabs");
+var SocialButtons_1 = require("components/SocialButtons");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var store_1 = require("zustandStore/forms/signUp/store");
 var selectors_1 = require("zustandStore/forms/signUp/selectors");
@@ -96,11 +97,14 @@ var utils_1 = require("zustandStore/forms/signUp/utils");
 var validation_1 = require("service/validation");
 var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./SignUpTypeTwo.module.css"));
-var SocialButtons_1 = require("components/SocialButtons");
 var types_3 = require("zustandStore/forms/signUp/types");
+var useHookFabric_1 = require("hooks/useHookFabric");
 var SignUpTypeTwo = function () {
     var _a, _b, _c;
-    var sendRegistrationCommand = (0, ModalContext_1.useHookProvider)().sendRegistrationCommand;
+    var _d = (0, ModalContext_1.useHookProvider)(), sendRegistrationCommand = _d.sendRegistrationCommand, useCountryInfo = _d.useCountryInfo;
+    var countryInfo = (0, useHookFabric_1.useHookFabric)({
+        fn: useCountryInfo,
+    });
     var tabs = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getRegistrationTabsSelector);
     var activeForm = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveRegistrationFormSelector);
     var setActiveForm = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveRegistrationFormAction);
@@ -109,13 +113,13 @@ var SignUpTypeTwo = function () {
     var currencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
     var countryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
     var data = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
-    var _d = (0, react_1.useState)(true), isSelected = _d[0], setSelectedStatus = _d[1];
-    var _e = (0, react_1.useState)(''), phone = _e[0], setPhone = _e[1];
-    var _f = (0, react_1.useState)(''), password = _f[0], setPassword = _f[1];
-    var _g = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _g[0], setEmail = _g[1];
+    var _e = (0, react_1.useState)(true), isSelected = _e[0], setSelectedStatus = _e[1];
+    var _f = (0, react_1.useState)(''), phone = _f[0], setPhone = _f[1];
+    var _g = (0, react_1.useState)(''), password = _g[0], setPassword = _g[1];
+    var _h = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _h[0], setEmail = _h[1];
     var titleRef = (0, react_1.useRef)(null);
-    var _h = (0, react_1.useState)(0), titleHeight = _h[0], setTitleHeight = _h[1];
-    var _j = data.registrationTitle, registrationTitle = _j === void 0 ? 'signUpTwo.won' : _j, _k = data.bonusImagePath, bonusImagePath = _k === void 0 ? '' : _k, _l = data.registrationTheme, registrationTheme = _l === void 0 ? types_3.ESignUpTheme.Brown : _l, _m = data.buttonText, buttonText = _m === void 0 ? 'signUpTwo.joinNow' : _m, _o = data.social, social = _o === void 0 ? [] : _o, _p = data.flow, flow = _p === void 0 ? types_3.ERegistrationFlow.Socket : _p;
+    var _j = (0, react_1.useState)(0), titleHeight = _j[0], setTitleHeight = _j[1];
+    var _k = data.registrationTitle, registrationTitle = _k === void 0 ? 'signUpTwo.won' : _k, _l = data.bonusImagePath, bonusImagePath = _l === void 0 ? '' : _l, _m = data.registrationTheme, registrationTheme = _m === void 0 ? types_3.ESignUpTheme.Brown : _m, _o = data.buttonText, buttonText = _o === void 0 ? 'signUpTwo.joinNow' : _o, _p = data.social, social = _p === void 0 ? [] : _p, _q = data.flow, flow = _q === void 0 ? types_3.ERegistrationFlow.Socket : _q;
     var regType = registrationTheme;
     var openSignIn = function () {
         setModal(types_2.EModalTypes.SignIn);
@@ -227,7 +231,7 @@ var SignUpTypeTwo = function () {
             _a[styles.black] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.Black,
             _a)) }, { children: [registrationTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title, ref: titleRef }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: registrationTitle }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.contentArea, style: {
                     height: "calc(100% - ".concat(titleHeight, "px)"),
-                } }, { children: [!isSelected && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.warning }, { children: [(0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.warningText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.notConfirm" }) }))] }))), bonusImagePath && ((0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: (0, classnames_1.default)(styles.bonusImage, 'KIT_SignUpTypeTwo_wrapperSignUp_bonusImage') })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [Boolean(social.length) && (0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: social }), activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline", tabClasses: styles.tab, activeTabClasses: styles.activeTab, indicatorClasses: styles.indicator })), (0, jsx_runtime_1.jsxs)("div", { children: [activeForm === types_3.ERegistrationForm.PhoneWithoutCode ? ((0, jsx_runtime_1.jsx)(PhoneBox_1.default, { onChange: setPhone })) : ((0, jsx_runtime_1.jsx)(InputBox_1.default, { leftImg: "/landings/assets-builder/signUpTwo/email.svg", rightImg: "", setInput: setEmail, validation: validation_1.validateEmailValue, input: email, label: "signUpTwo.tabEmail", classes: styles.emailInput })), (0, jsx_runtime_1.jsx)(PasswordBox_1.default, { onChange: setPassword }), (0, jsx_runtime_1.jsx)(CurrencyBox_1.default, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.submitButton, (_b = {},
+                } }, { children: [!isSelected && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.warning }, { children: [(0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.warningText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.notConfirm" }) }))] }))), bonusImagePath && ((0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: (0, classnames_1.default)(styles.bonusImage, 'KIT_SignUpTypeTwo_wrapperSignUp_bonusImage') })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [Boolean(social.length) && (0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: social }), activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline", tabClasses: styles.tab, activeTabClasses: styles.activeTab, indicatorClasses: styles.indicator })), (0, jsx_runtime_1.jsxs)("div", { children: [activeForm === types_3.ERegistrationForm.PhoneWithoutCode ? ((0, jsx_runtime_1.jsx)(PhoneBox_1.default, { onChange: setPhone, countryInfo: countryInfo })) : ((0, jsx_runtime_1.jsx)(InputBox_1.default, { leftImg: "/landings/assets-builder/signUpTwo/email.svg", rightImg: "", setInput: setEmail, validation: validation_1.validateEmailValue, input: email, label: "signUpTwo.tabEmail", classes: styles.emailInput })), (0, jsx_runtime_1.jsx)(PasswordBox_1.default, { onChange: setPassword }), (0, jsx_runtime_1.jsx)(CurrencyBox_1.default, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.submitButton, (_b = {},
                                             _b[styles.disable] = !mainField.value ||
                                                 mainField.errorText ||
                                                 !password ||

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/EmailSignUp/index.js

@@ -132,6 +132,6 @@ var EmailSignUp = function (props) {
         // }
         // openExternalLink(link, true);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: classes, dropdownClasses: styles.dropdown, classesItem: stylesEmailSignUp.selectorMainItem }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: stylesEmailSignUp.dropdown, classesItem: stylesEmailSignUp.selectorMainItem }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "06x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(stylesEmailSignUp.authButton, classes) }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: classes, dropdownClasses: styles.dropdown, classesItem: stylesEmailSignUp.selectorMainItem }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: stylesEmailSignUp.dropdown, classesItem: stylesEmailSignUp.selectorMainItem }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "06x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(stylesEmailSignUp.authButton, classes) }) }))] })));
 };
 exports.EmailSignUp = EmailSignUp;

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/PhoneSignUp/index.js

@@ -155,6 +155,6 @@ var PhoneSignUp = function (props) {
     var PHONE_PROPS = withoutCode
         ? constants_1.PHONE_PROPS_WITHOUT_CONFIRMATION
         : constants_1.PHONE_PROPS_WITH_CONFIRMATION;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: (0, classnames_1.default)(styles.marginB, classes) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: (0, classnames_1.default)(styles.marginB, classes) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
 };
 exports.PhoneSignUp = PhoneSignUp;

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

@@ -91,6 +91,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, { placeholder: "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, { placeholder: "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)(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/index.js

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

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

@@ -95,6 +95,6 @@ var LostPasswordEmailForm = function (_a) {
             preventClose: true,
         });
     }; };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: wrapperClasses }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "lostPasswordThree.subTitleEmail" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "recoveryPsw.email", size: "full", disabled: isRequestedCode, errorText: email.errorText, defaultValue: "", onChange: handleValidate('email'), classes: styles.marginBottom, isHidePlaceholder: true }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "lostPasswordThree.code", size: "full", disabled: !isRequestedCode, defaultValue: "", onChange: handleValidateCode, classes: styles.marginBottom, isHidePlaceholder: true }), (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-xxl", handleClick: submit, text: "lostPasswordThree.reset", disabled: !isValidForm, classes: styles.submitButton, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", buttonHeight: "--button-height-xxl", handleClick: setModalInfo(types_2.EModalTypes.SignInThree), size: "--button-full", text: "lostPasswordThree.login", classes: styles.loginButton, centreText: true })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: wrapperClasses }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "lostPasswordThree.subTitleEmail" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.email", size: "full", disabled: isRequestedCode, errorText: email.errorText, defaultValue: "", onChange: handleValidate('email'), classes: styles.marginBottom, isHidePlaceholder: true }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "lostPasswordThree.code", size: "full", disabled: !isRequestedCode, defaultValue: "", onChange: handleValidateCode, classes: styles.marginBottom, isHidePlaceholder: true }), (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-xxl", handleClick: submit, text: "lostPasswordThree.reset", disabled: !isValidForm, classes: styles.submitButton, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", buttonHeight: "--button-height-xxl", handleClick: setModalInfo(types_2.EModalTypes.SignInThree), size: "--button-full", text: "lostPasswordThree.login", classes: styles.loginButton, centreText: true })] })));
 };
 exports.default = LostPasswordEmailForm;

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

@@ -85,6 +85,6 @@ var LostPasswordPhoneForm = function (_a) {
             preventClose: true,
         });
     }; };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: wrapperClasses }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "lostPasswordThree.subTitlePhone" }) })), (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { withConfirm: true, requestId: types_1.ERequestIds.RecoveryPasswordSendCode, sendDataType: types_1.RecoverySubType.Phone, placeholder: "lostPasswordThree.phone", size: "full", section: 3, disabled: isRequestedCode, defaultValue: "", onChange: setPhone, classes: isRequestedCode ? styles.marginBottom : styles.formPhoneWrapper, requestCallback: callbackRequest, requestCode: submit, buttonClasses: (0, classnames_1.default)(styles.marginBottom, styles.codeButton) }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "lostPasswordThree.code", size: "full", disabled: !isRequestedCode, defaultValue: "", onChange: handleValidateCode, classes: styles.marginBottom, isHidePlaceholder: true }), (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-xxl", disabled: !isValidForm, handleClick: submit, text: "lostPasswordThree.reset", classes: styles.resetButton, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", size: "--button-full", buttonHeight: "--button-height-xxl", handleClick: setModalInfo(types_2.EModalTypes.SignInThree), text: "lostPasswordThree.login", classes: styles.loginButton, centreText: true })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: wrapperClasses }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "lostPasswordThree.subTitlePhone" }) })), (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { withConfirm: true, requestId: types_1.ERequestIds.RecoveryPasswordSendCode, sendDataType: types_1.RecoverySubType.Phone, label: "lostPasswordThree.phone", size: "full", section: 3, disabled: isRequestedCode, defaultValue: "", onChange: setPhone, classes: isRequestedCode ? styles.marginBottom : styles.formPhoneWrapper, requestCallback: callbackRequest, requestCode: submit, buttonClasses: (0, classnames_1.default)(styles.marginBottom, styles.codeButton) }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "lostPasswordThree.code", size: "full", disabled: !isRequestedCode, defaultValue: "", onChange: handleValidateCode, classes: styles.marginBottom, isHidePlaceholder: true }), (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-xxl", disabled: !isValidForm, handleClick: submit, text: "lostPasswordThree.reset", classes: styles.resetButton, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", size: "--button-full", buttonHeight: "--button-height-xxl", handleClick: setModalInfo(types_2.EModalTypes.SignInThree), text: "lostPasswordThree.login", classes: styles.loginButton, centreText: true })] })));
 };
 exports.default = LostPasswordPhoneForm;

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

@@ -53,6 +53,6 @@ var SetNewPassword = function () {
             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, { placeholder: "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 }) }))] })));
+    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 }) }))] })));
 };
 exports.default = SetNewPassword;

package/dist/lib/components/Payments/DepositQrForm/index.js

@@ -44,6 +44,6 @@ var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var styles = __importStar(require("./DepositQrForm.module.css"));
 var DepositQrForm = function (props) {
     var title = props.title, inputValue = props.inputValue, inputValueTag = props.inputValueTag, minInfoText = props.minInfoText, CopySvg = props.CopySvg, warningSvg = props.warningSvg, inputValueLabel = props.inputValueLabel, inputValueTagLabel = props.inputValueTagLabel, copyFn = props.copyFn;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperDepositQrForm }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.depositQrTitle }, { children: title })), (0, jsx_runtime_1.jsx)(react_qr_code_1.default, { value: inputValue || '', size: 186, className: styles.qrWrapper }), inputValue && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ placeholder: inputValueLabel, size: "full", onChange: console.info, inputStyleType: "border-colorful", inputLabelType: "labelUp", disabled: true, defaultValue: inputValue, classes: styles.inputInfo }, { children: (0, jsx_runtime_1.jsx)(CopySvg, { onClick: copyFn(inputValue) }) }))), inputValueTag && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ placeholder: inputValueTagLabel, size: "full", inputStyleType: "border-colorful", inputLabelType: "labelUp", onChange: console.info, disabled: true, defaultValue: inputValueTag, classes: styles.inputInfo }, { children: (0, jsx_runtime_1.jsx)(CopySvg, { onClick: copyFn(inputValueTag) }) }))), minInfoText && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.minInfo }, { children: [warningSvg, (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.minText }, { children: minInfoText }))] })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperDepositQrForm }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.depositQrTitle }, { children: title })), (0, jsx_runtime_1.jsx)(react_qr_code_1.default, { value: inputValue || '', size: 186, className: styles.qrWrapper }), inputValue && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: inputValueLabel, size: "full", onChange: console.info, inputStyleType: "border-colorful", inputLabelType: "labelUp", disabled: true, defaultValue: inputValue, classes: styles.inputInfo }, { children: (0, jsx_runtime_1.jsx)(CopySvg, { onClick: copyFn(inputValue) }) }))), inputValueTag && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: inputValueTagLabel, size: "full", inputStyleType: "border-colorful", inputLabelType: "labelUp", onChange: console.info, disabled: true, defaultValue: inputValueTag, classes: styles.inputInfo }, { children: (0, jsx_runtime_1.jsx)(CopySvg, { onClick: copyFn(inputValueTag) }) }))), minInfoText && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.minInfo }, { children: [warningSvg, (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.minText }, { children: minInfoText }))] })))] })));
 };
 exports.DepositQrForm = DepositQrForm;

package/dist/lib/components/SignUp/PromoCode/index.js

@@ -64,6 +64,6 @@ var RegistrationPromoCode = function (props) {
     if (constants_1.REFERRAL_CODE) {
         return (0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: " " }));
     }
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: !isShownPromoCode ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.promoTitle, styles.marginBottom), onClick: handleShowPromoCode }, { children: [(0, jsx_runtime_1.jsx)(LotterySvg_1.LotterySvg, { width: "24", height: "24" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translatesKeys[0] }) })] }))) : ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: translatesKeys[1], size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.marginBottom })) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: !isShownPromoCode ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.promoTitle, styles.marginBottom), onClick: handleShowPromoCode }, { children: [(0, jsx_runtime_1.jsx)(LotterySvg_1.LotterySvg, { width: "24", height: "24" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translatesKeys[0] }) })] }))) : ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: translatesKeys[1], size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.marginBottom })) })));
 };
 exports.RegistrationPromoCode = RegistrationPromoCode;

package/dist/lib/components/SignUpTypeTwo/PhoneBox/components/Code/index.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 type Props = {
     code: string;
     isArrow?: boolean;
-    flag: string;
+    Flag: React.FC;
     classes?: string;
     valueClasses?: string;
     isDrop?: boolean;

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

@@ -43,12 +43,10 @@ var FilledArrowSvg_1 = require("components/ui/Icons/FilledArrowSvg");
 var styles = __importStar(require("./Code.module.css"));
 var Code = function (props) {
     var _a;
-    var code = props.code, isArrow = props.isArrow, flag = props.flag, classes = props.classes, valueClasses = props.valueClasses, _b = props.isDrop, isDrop = _b === void 0 ? false : _b, _c = props.isError, isError = _c === void 0 ? false : _c;
+    var code = props.code, isArrow = props.isArrow, Flag = props.Flag, classes = props.classes, valueClasses = props.valueClasses, _b = props.isDrop, isDrop = _b === void 0 ? false : _b, _c = props.isError, isError = _c === void 0 ? false : _c;
     return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.drop, (_a = {},
             _a[styles.colorfulBorder] = isDrop,
             _a[styles.errorBorder] = isError,
-            _a), classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.selection }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.flag, style: {
-                        background: "url(".concat(flag, ")"),
-                    } }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.code, valueClasses) }, { children: [" ", code] })), isArrow && (0, jsx_runtime_1.jsx)(FilledArrowSvg_1.FilledArrowSvg, { classes: styles.arrowSvg })] })) })));
+            _a), classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.selection }, { children: [(0, jsx_runtime_1.jsx)(Flag, {}), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.code, valueClasses) }, { children: [" ", code] })), isArrow && (0, jsx_runtime_1.jsx)(FilledArrowSvg_1.FilledArrowSvg, { classes: styles.arrowSvg })] })) })));
 };
 exports.default = Code;

package/dist/lib/components/SignUpTypeTwo/PhoneBox/index.d.ts

@@ -1,5 +1,7 @@
 type Props = {
     onChange: (v: string) => void;
+    countryCodeDefault?: string;
+    countryInfo?: any;
 };
-declare const PhoneBox: ({ onChange }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const PhoneBox: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default PhoneBox;