react-gldn-kit 0.1.171 → 0.1.173

package/dist/lib/components/Profile/AssignEmail/index.d.ts

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

package/dist/lib/components/Profile/AssignEmail/index.js

@@ -0,0 +1,129 @@
+"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 });
+exports.AssignEmail = void 0;
+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 CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var EmailInput_1 = require("components/ui/Inputs/EmailInput");
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var Buttons_1 = require("components/ui/Buttons");
+var store_1 = require("zustandStore/alerts/modal/store");
+var selectors_1 = require("zustandStore/alerts/modal/selectors");
+var types_2 = require("zustandStore/alerts/modal/types");
+var styles = __importStar(require("./AssignEmail.module.css"));
+var types_3 = require("./types");
+var useHookFabric_1 = require("hooks/useHookFabric");
+var ModalContext_1 = require("context/logic/ModalContext");
+var DEFAULT_VALUE = {
+    value: '',
+    errorText: '',
+};
+// TODO: Props
+var AssignEmail = function (props) {
+    var sendCommand = props.sendCommand, updateUserInfo = props.updateUserInfo, status = props.status, setStatus = props.setStatus, classes = props.classes, getUpdateUserData = props.getUpdateUserData, resetFormType = props.resetFormType, _a = props.initialEmail, initialEmail = _a === void 0 ? '' : _a;
+    var useProfileInfoController = (0, ModalContext_1.useHookProvider)().useProfileInfoController;
+    var _b = (0, react_1.useState)(!!initialEmail), isAllowed = _b[0], setAllow = _b[1];
+    var _c = (0, react_1.useState)(initialEmail || ''), email = _c[0], setEmail = _c[1];
+    var _d = (0, react_1.useState)(DEFAULT_VALUE), code = _d[0], setCode = _d[1];
+    var isNotUpdateBtn = Boolean(!email || !code.value || code.errorText);
+    var setModal = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
+    var _e = (0, useHookFabric_1.useHookFabric)({
+        fn: useProfileInfoController,
+    }), handleConfirmEmailByCode = _e.handleConfirmEmailByCode, confirmEmailByCodeStatus = _e.confirmEmailByCodeStatus;
+    var handleAllowInputCode = function () {
+        setAllow(true);
+    };
+    var changeInput = function (type) { return function (value) {
+        if (type === 'code') {
+            setCode({
+                value: value,
+                errorText: '',
+            });
+            return;
+        }
+    }; };
+    var assignEmail = function () {
+        if (initialEmail) {
+            if (!email || !code.value) {
+                return;
+            }
+            handleConfirmEmailByCode({ email: email, code: code.value });
+            return;
+        }
+        var requestId = types_1.ERequestIds.UpdateUserEmail;
+        var key = '29x';
+        if (!email || !code.value || !requestId) {
+            return;
+        }
+        var data = getUpdateUserData({
+            email: email,
+            requestId: requestId,
+            code: code.value,
+        });
+        console.log('data', data);
+        if (!data) {
+            console.error('No update user data');
+            return;
+        }
+        sendCommand(key, data, true);
+    };
+    (0, react_1.useEffect)(function () {
+        if (code.value.length >= 4) {
+            assignEmail();
+        }
+    }, [code]);
+    (0, react_1.useEffect)(function () {
+        if ((initialEmail && confirmEmailByCodeStatus === 'success') ||
+            status === types_3.UpdateStatus.Success) {
+            setStatus(types_3.UpdateStatus.Unknown);
+            updateUserInfo('email', email);
+            resetFormType();
+            setModal(types_2.EModalTypes.Info, {
+                text: 'profile.content.myAccount.form.dataChanged',
+                specValue: 'profile.content.myAccount.form.email',
+            });
+        }
+    }, [status, resetFormType, email]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmail, classes) }, { children: [(0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, { size: "full", onChange: setEmail, callbackFn: handleAllowInputCode, classesWrapper: styles.wrapperEmailInput, label: "profile.content.myAccount.form.email", placeholder: "profile.content.myAccount.form.enterEmail", requestId: types_1.ERequestIds.UpdateUserEmail, sendCommand: sendCommand, classes: styles.wrapperEmailInput, defaultValue: initialEmail, isRestEmail: !!initialEmail }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "profile.content.myAccount.form.code", size: "full", defaultValue: "", disabled: !isAllowed, onChange: changeInput('code'), classes: styles.wrapperInput }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.buttons }, { children: [initialEmail ? ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "profile.content.myAccount.form.verification", color: "primary", disabled: isNotUpdateBtn, size: "--button-full", buttonHeight: "--button-height-l", classes: styles.verificationButton, handleClick: assignEmail, centreText: true })) : ((0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\29x", requestId: types_1.ERequestIds.UpdateUserEmail }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "profile.content.myAccount.form.verification", color: "primary", disabled: isNotUpdateBtn, size: "--button-full", buttonHeight: "--button-height-l", classes: styles.verificationButton, handleClick: assignEmail, centreText: true }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "", color: "dark", size: "--button-s", classes: styles.closeButton, handleClick: resetFormType, startIcon: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { width: "10", height: "10", classes: styles.closeButtonSvg }) })] }))] })));
+};
+exports.AssignEmail = AssignEmail;

package/dist/lib/components/Profile/AssignEmail/types.d.ts

@@ -0,0 +1,53 @@
+import { ERequestIds, RegistrationSubType } from 'react-memory-optimization/dist/lib/binary/types';
+import { UserInfo } from 'react-memory-optimization/dist/lib/store/user/types';
+export declare enum UpdateStatus {
+    Unknown = 0,
+    Rejected = 1,
+    Success = 2
+}
+type UpdateUserProps = {
+    phoneNumber?: string;
+    email?: string;
+    code: string;
+    requestId: ERequestIds;
+};
+type UpdateUserData = {
+    registerType: RegistrationSubType;
+    clientId: number;
+    appType: string | number;
+    surname: string;
+    name: string;
+    patronymic: string;
+    birthDay: number;
+    month: number;
+    year: number;
+    country: string;
+    countryId: number;
+    city: string;
+    cityId: number;
+    postal: string;
+    regionName: string;
+    regionId: number;
+    address: string;
+    login: string;
+    password: string;
+    currencyId: number;
+    newsletters: number;
+    timeZone: number;
+    domain: string;
+    phoneNumber: string;
+    email: string;
+    sms: string;
+    requestId: ERequestIds;
+};
+export type AssignEmailProps = {
+    resetFormType: () => void;
+    sendCommand: any;
+    status: UpdateStatus;
+    setStatus: (status: UpdateStatus) => void;
+    getUpdateUserData: (data: UpdateUserProps) => UpdateUserData | null;
+    updateUserInfo: (key: keyof UserInfo, value: string | number | null) => void;
+    inputLabelType?: 'labelUp' | 'base' | 'secondary' | 'separated' | 'secondaryUp';
+    classes?: string;
+};
+export {};

package/dist/lib/components/Profile/AssignEmail/types.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UpdateStatus = void 0;
+var UpdateStatus;
+(function (UpdateStatus) {
+    UpdateStatus[UpdateStatus["Unknown"] = 0] = "Unknown";
+    UpdateStatus[UpdateStatus["Rejected"] = 1] = "Rejected";
+    UpdateStatus[UpdateStatus["Success"] = 2] = "Success";
+})(UpdateStatus = exports.UpdateStatus || (exports.UpdateStatus = {}));

package/dist/lib/components/ui/Icons/Profile/EditPencilSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const EditPencilSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Profile/EditPencilSvg.js

@@ -0,0 +1,20 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditPencilSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var EditPencilSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '12' : _a, _b = props.height, height = _b === void 0 ? '14' : _b, classes = props.classes, handleClick = props.handleClick;
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 12 14", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7763 0.621683C11.6052 1.45059 11.6052 2.79452 10.7763 3.62343L10.2974 4.10231C10.2777 4.09578 10.2577 4.08901 10.2375 4.08199C9.73166 3.9065 9.06856 3.57538 8.44567 2.95249C7.82278 2.3296 7.49167 1.6665 7.31617 1.16067C7.30912 1.14034 7.30232 1.12027 7.29576 1.10047L7.77455 0.621683C8.60346 -0.207228 9.94739 -0.207228 10.7763 0.621683ZM5.67659 8.72314C5.36508 9.03466 5.2093 9.19044 5.03755 9.32439C4.83495 9.48242 4.61574 9.61789 4.3838 9.72843C4.18718 9.82214 3.97819 9.8918 3.56024 10.0311L1.35622 10.7658C1.15054 10.8344 0.923774 10.7808 0.770468 10.6275C0.617162 10.4742 0.56363 10.2474 0.632191 10.0418L1.36686 7.83775C1.50618 7.41979 1.57584 7.21081 1.66955 7.01418C1.78009 6.78224 1.91557 6.56303 2.07359 6.36043C2.20754 6.18869 2.36331 6.03292 2.67481 5.72142L2.67484 5.72139L6.6669 1.72933C6.89302 2.2727 7.26448 2.91631 7.87317 3.52499C8.48176 4.13359 9.12526 4.50503 9.66857 4.73116L5.67659 8.72314ZM0.602704 12.988C0.323234 12.988 0.0966797 13.2146 0.0966797 13.494C0.0966797 13.7735 0.323234 14.0001 0.602704 14.0001H11.3979C11.6774 14.0001 11.9039 13.7735 11.9039 13.494C11.9039 13.2146 11.6774 12.988 11.3979 12.988H0.602704Z", fill: "var(--edit-pencil-svg-path-fill, var(--base-0))" }) })));
+};
+exports.EditPencilSvg = EditPencilSvg;

package/dist/lib/components/ui/Icons/Profile/UnverifiedSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const UnverifiedSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Profile/UnverifiedSvg.js

@@ -0,0 +1,20 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnverifiedSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var UnverifiedSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '24' : _a, _b = props.height, height = _b === void 0 ? '24' : _b, classes = props.classes, handleClick = props.handleClick;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: classes, onClick: handleClick }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 7.25C12.4142 7.25 12.75 7.58579 12.75 8V12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12V8C11.25 7.58579 11.5858 7.25 12 7.25Z", fill: "#E2516C" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 16C12.5523 16 13 15.5523 13 15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15C11 15.5523 11.4477 16 12 16Z", fill: "#E2516C" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.72339 2.05112C10.1673 1.55658 11.0625 1.25 12 1.25C12.9375 1.25 13.8327 1.55658 15.2766 2.05112L16.004 2.30013C17.4854 2.8072 18.6286 3.19852 19.447 3.53099C19.8592 3.69846 20.2136 3.86067 20.499 4.02641C20.7737 4.1859 21.0492 4.38484 21.2364 4.65154C21.4214 4.91516 21.5171 5.23924 21.5772 5.55122C21.6397 5.87556 21.6774 6.26464 21.7017 6.71136C21.75 7.5984 21.75 8.81361 21.75 10.3898V11.9914C21.75 18.0924 17.142 21.0175 14.4017 22.2146L14.3746 22.2264C14.0348 22.3749 13.7154 22.5144 13.3484 22.6084C12.9609 22.7076 12.5493 22.75 12 22.75C11.4507 22.75 11.0391 22.7076 10.6516 22.6084C10.2846 22.5144 9.96523 22.3749 9.62543 22.2264L9.59833 22.2146C6.85803 21.0175 2.25 18.0924 2.25 11.9914V10.3899C2.25 8.81366 2.25 7.59841 2.2983 6.71136C2.32262 6.26464 2.36031 5.87556 2.42281 5.55122C2.48293 5.23924 2.5786 4.91516 2.76363 4.65154C2.95082 4.38484 3.22634 4.1859 3.50098 4.02641C3.78637 3.86067 4.14078 3.69846 4.55303 3.53099C5.3714 3.19852 6.51462 2.8072 7.99595 2.30014L8.72339 2.05112ZM12 2.75C11.3423 2.75 10.6951 2.96164 9.08062 3.5143L8.5078 3.71037C6.99521 4.22814 5.8921 4.60605 5.11759 4.92069C4.731 5.07774 4.4509 5.20935 4.25429 5.32353C4.15722 5.3799 4.09034 5.42642 4.04567 5.46273C4.0078 5.49351 3.99336 5.51095 3.99129 5.51349C3.98936 5.51663 3.97693 5.5374 3.95943 5.58654C3.93944 5.64265 3.91729 5.72309 3.89571 5.83506C3.85204 6.06169 3.81894 6.37301 3.79608 6.79292C3.75028 7.63411 3.75 8.80833 3.75 10.4167V11.9914C3.75 17.1665 7.6199 19.7135 10.1988 20.84C10.5703 21.0023 10.7848 21.0941 11.0236 21.1552C11.2517 21.2136 11.53 21.25 12 21.25C12.47 21.25 12.7483 21.2136 12.9764 21.1552C13.2152 21.0941 13.4297 21.0023 13.8012 20.84C16.3801 19.7135 20.25 17.1665 20.25 11.9914V10.4167C20.25 8.80833 20.2497 7.63411 20.2039 6.79292C20.1811 6.37301 20.148 6.06169 20.1043 5.83506C20.0827 5.72309 20.0606 5.64265 20.0406 5.58654C20.0231 5.53737 20.0106 5.5166 20.0087 5.51348C20.0066 5.51092 19.9922 5.49349 19.9543 5.46273C19.9097 5.42642 19.8428 5.3799 19.7457 5.32353C19.5491 5.20935 19.269 5.07774 18.8824 4.92069C18.1079 4.60605 17.0048 4.22814 15.4922 3.71037L14.9194 3.5143C13.3049 2.96164 12.6577 2.75 12 2.75Z", fill: "#E2516C" })] })));
+};
+exports.UnverifiedSvg = UnverifiedSvg;

package/dist/lib/components/ui/Icons/SocialMedia/TwitterSvg.js

@@ -15,6 +15,6 @@ exports.TwitterSvg = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var TwitterSvg = function (props) {
     var _a = props.width, width = _a === void 0 ? '18' : _a, _b = props.height, height = _b === void 0 ? '14' : _b, classes = props.classes;
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: classes }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.6667 3.66817C15.6667 3.66768 15.6667 3.66719 15.6667 3.66671C15.6667 3.66666 15.6667 3.66661 15.6667 3.66656L17.2292 1.98064C17.4839 1.70583 17.2548 1.26307 16.8834 1.31219L14.9257 1.57111C14.3146 0.816091 13.3804 0.333374 12.3334 0.333374C10.4924 0.333374 9.00004 1.82576 9.00004 3.66671C9.00004 4.10624 9.08511 4.52591 9.23968 4.91014C6.74269 4.85175 4.06912 4.35765 2.71742 1.67954C2.55016 1.34815 2.07066 1.32895 1.96418 1.68457C0.98607 4.95124 2.70742 9.19562 6.49986 10.3334C5.55379 11.2584 3.12181 11.5096 1.13163 11.3273C0.744351 11.2918 0.501222 11.733 0.800709 11.9811C2.46948 13.3635 4.78396 13.6667 6.91659 13.6667C12.3327 13.6667 16.0825 9.08419 15.6667 3.66817Z", fill: "rgb(var(--gray))" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: classes }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.6667 3.66817C15.6667 3.66768 15.6667 3.66719 15.6667 3.66671C15.6667 3.66666 15.6667 3.66661 15.6667 3.66656L17.2292 1.98064C17.4839 1.70583 17.2548 1.26307 16.8834 1.31219L14.9257 1.57111C14.3146 0.816091 13.3804 0.333374 12.3334 0.333374C10.4924 0.333374 9.00004 1.82576 9.00004 3.66671C9.00004 4.10624 9.08511 4.52591 9.23968 4.91014C6.74269 4.85175 4.06912 4.35765 2.71742 1.67954C2.55016 1.34815 2.07066 1.32895 1.96418 1.68457C0.98607 4.95124 2.70742 9.19562 6.49986 10.3334C5.55379 11.2584 3.12181 11.5096 1.13163 11.3273C0.744351 11.2918 0.501222 11.733 0.800709 11.9811C2.46948 13.3635 4.78396 13.6667 6.91659 13.6667C12.3327 13.6667 16.0825 9.08419 15.6667 3.66817Z", fill: "rgb(var(--gray))" }) })));
 };
 exports.TwitterSvg = TwitterSvg;

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

@@ -48,12 +48,12 @@ var Text_1 = require("components/Text");
 var useTranslate_1 = require("hooks/useTranslate");
 var styles = __importStar(require("./BaseInputUi.module.css"));
 var BaseInputUi = function (props) {
-    var _a, _b, _c;
-    var startIcon = props.startIcon, value = props.value, type = props.type, placeholder = props.placeholder, handleChange = props.handleChange, children = props.children, isHidePlaceholder = props.isHidePlaceholder, inputLabelType = props.inputLabelType, errorText = props.errorText, inputStyleType = props.inputStyleType, size = props.size, classes = props.classes, inputMode = props.inputMode, disabled = props.disabled, _d = props.bottomText, bottomText = _d === void 0 ? '' : _d, _e = props.withErrorSvg, withErrorSvg = _e === void 0 ? false : _e, onFocus = props.onFocus, _f = props.withClearValue, withClearValue = _f === void 0 ? false : _f, handleClearInputValue = props.handleClearInputValue, labelClasses = props.labelClasses, inputClasses = props.inputClasses, inputWrapperClasses = props.inputWrapperClasses, label = props.label, classesChildrenWrapper = props.classesChildrenWrapper;
+    var _a, _b, _c, _d;
+    var startIcon = props.startIcon, value = props.value, type = props.type, placeholder = props.placeholder, handleChange = props.handleChange, children = props.children, isHidePlaceholder = props.isHidePlaceholder, inputLabelType = props.inputLabelType, errorText = props.errorText, inputStyleType = props.inputStyleType, size = props.size, classes = props.classes, inputMode = props.inputMode, disabled = props.disabled, _e = props.bottomText, bottomText = _e === void 0 ? '' : _e, _f = props.withErrorSvg, withErrorSvg = _f === void 0 ? false : _f, onFocus = props.onFocus, _g = props.withClearValue, withClearValue = _g === void 0 ? false : _g, handleClearInputValue = props.handleClearInputValue, labelClasses = props.labelClasses, inputClasses = props.inputClasses, inputWrapperClasses = props.inputWrapperClasses, label = props.label, classesChildrenWrapper = props.classesChildrenWrapper, autoComplete = props.autoComplete;
     var getText = (0, useTranslate_1.useTranslate)('', '').getText;
     var isBorderColorful = inputStyleType === 'border-colorful';
     var sizeModifier = "inputWrapperSize-".concat(size);
-    var _g = (0, react_1.useState)(false), isFocused = _g[0], setFocusState = _g[1];
+    var _h = (0, react_1.useState)(false), isFocused = _h[0], setFocusState = _h[1];
     var handleFocus = function () {
         setFocusState(true);
         onFocus === null || onFocus === void 0 ? void 0 : onFocus();
@@ -61,20 +61,21 @@ var BaseInputUi = function (props) {
     var handleBlur = function () {
         setFocusState(false);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.mainContainer, styles[sizeModifier], classes) }, { children: [label && inputLabelType === 'separated' && ((0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.labelRelative, {
-                // [styles.labelRight]: startIcon,
-                // [styles.hideLabel]: isHidePlaceholder,
-                }, labelClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: label }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.inputWrapper, (_a = {},
+    var isLabelOnTop = inputLabelType === 'separated' || inputLabelType === 'secondaryUp';
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.mainContainer, styles[sizeModifier], classes) }, { children: [label && isLabelOnTop && ((0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.labelTop, labelClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: label }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.inputWrapper, (_a = {},
                     _a[styles.fistIcon] = startIcon,
                     _a[styles.borderColorfulGreen] = isBorderColorful && isFocused,
                     _a[styles.borderColorfulRed] = errorText,
                     _a), inputWrapperClasses) }, { children: [startIcon, (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.inputWithLabel }, { children: [(0, jsx_runtime_1.jsx)("input", { onFocus: handleFocus, onBlur: handleBlur, inputMode: inputMode, className: (0, classnames_1.default)(styles.input, (_b = {},
                                     _b[styles.disabled] = disabled,
-                                    _b[styles.oldView] = inputLabelType === 'secondary',
-                                    _b), inputClasses), value: value, type: type, placeholder: placeholder ? getText(placeholder) : '', onChange: handleChange }), label && inputLabelType !== 'separated' && ((0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
+                                    _b[styles.secondary] = inputLabelType === 'secondary',
+                                    _b[styles.secondaryUp] = inputLabelType === 'secondaryUp',
+                                    _b), inputClasses), value: value, type: type, placeholder: placeholder ? getText(placeholder) : '', onChange: handleChange, autoComplete: autoComplete }), label && !isLabelOnTop && ((0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
                                     _c[styles.labelRight] = startIcon,
                                     _c[styles.hideLabel] = isHidePlaceholder,
                                     _c[styles.labelUp] = inputLabelType === 'labelUp' || value,
-                                    _c), labelClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: label }) })))] })), value && withClearValue && !errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.searchButton, styles.clearButton), onClick: handleClearInputValue }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.crossSvg }) }))), value && withClearValue && errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.searchButton }, { children: (0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}) }))), children && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.rowChildrenData, classesChildrenWrapper) }, { children: children }))), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), !errorText && bottomText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, styles.resetErrorColor) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bottomText }) })))] })), errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText }) })))] })));
+                                    _c), labelClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: label }) })))] })), value && withClearValue && !errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.searchButton, styles.clearButton), onClick: handleClearInputValue }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.crossSvg }) }))), value && withClearValue && errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.searchButton }, { children: (0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}) }))), children && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.rowChildrenData, classesChildrenWrapper) }, { children: children }))), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), !errorText && bottomText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, styles.resetErrorColor) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bottomText }) })))] })), errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, (_d = {},
+                    _d[styles.errorTextAbsolute] = inputLabelType === 'secondaryUp',
+                    _d)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText }) })))] })));
 };
 exports.BaseInputUi = BaseInputUi;

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

@@ -3,7 +3,7 @@ import { Size } from 'types/ui';
 export type BaseInputProps = InputBase;
 type InputBase = {
     inputMode?: 'tel' | 'numeric' | 'email' | 'search' | 'none';
-    inputLabelType?: 'labelUp' | 'base' | 'secondary' | 'separated';
+    inputLabelType?: 'labelUp' | 'base' | 'secondary' | 'separated' | 'secondaryUp';
     inputStyleType?: 'base' | 'border-colorful';
     defaultValue?: string;
     placeholder?: string;
@@ -29,6 +29,7 @@ type InputBase = {
     inputClasses?: string;
     inputWrapperClasses?: string;
     label?: string;
+    autoComplete?: 'username' | 'tel';
 };
 export type DefaultInputType = {
     value: string;

package/dist/lib/components/ui/Inputs/EmailInput/index.d.ts

@@ -7,11 +7,15 @@ type Props = BaseInputProps & {
     requestId: ERequestIds;
     classesWrapper?: string;
     requestCallback?: () => void;
+    callbackFn?: () => void;
+    isRestEmail?: boolean;
 } | {
     withoutConfirmCode: true;
     classesWrapper?: string;
     requestId?: ERequestIds;
     requestCallback?: () => void;
+    callbackFn?: () => void;
+    isRestEmail?: boolean;
 });
-export declare const EmailInput: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailInput: (props: Props | any) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -10,6 +10,65 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -23,25 +82,45 @@ var BaseInput_1 = require("../BaseInput");
 var constant_1 = require("../BaseInput/constant");
 var selectors_1 = require("zustandStore/settings/selectors");
 var store_1 = require("zustandStore/settings/store");
+var ModalContext_1 = require("context/logic/ModalContext");
+var useHookFabric_1 = require("hooks/useHookFabric");
 var validation_1 = require("service/validation");
+var styles = __importStar(require("./EmailInput.module.css"));
 var EmailInput = function (props) {
-    var requestId = props.requestId, children = props.children, classesWrapper = props.classesWrapper, requestCallback = props.requestCallback, onChange = props.onChange, withoutConfirmCode = props.withoutConfirmCode, sendCommand = props.sendCommand, errorText = props.errorText;
-    var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _a[0], setEmail = _a[1];
-    var _b = (0, react_1.useState)(false), isRequestedCode = _b[0], setRequestedCodeStatus = _b[1];
+    var requestId = props.requestId, children = props.children, classesWrapper = props.classesWrapper, requestCallback = props.requestCallback, onChange = props.onChange, withoutConfirmCode = props.withoutConfirmCode, sendCommand = props.sendCommand, errorText = props.errorText, callbackFn = props.callbackFn, _a = props.isRestEmail, isRestEmail = _a === void 0 ? false : _a, defaultValue = props.defaultValue;
+    var useProfileInfoController = (0, ModalContext_1.useHookProvider)().useProfileInfoController;
+    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
+    var _c = (0, react_1.useState)(false), isRequestedCode = _c[0], setRequestedCodeStatus = _c[1];
     var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
     var isValidEmail = (0, react_1.useMemo)(function () { return email.value && !email.errorText; }, [email]);
-    var handleRequestCode = function () {
-        if (withoutConfirmCode) {
-            return;
-        }
-        var baseData = {
-            appType: appType,
-            value: email.value,
-            requestId: requestId,
-        };
-        var baseKey = '10x';
-        sendCommand(baseKey, baseData);
-    };
+    var _d = (0, useHookFabric_1.useHookFabric)({
+        fn: useProfileInfoController,
+    }), handleConfirmEmail = _d.handleConfirmEmail, confirmStatus = _d.confirmStatus;
+    var handleRequestCode = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res, baseData, baseKey;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (withoutConfirmCode) {
+                        return [2 /*return*/];
+                    }
+                    if (!isRestEmail) return [3 /*break*/, 2];
+                    return [4 /*yield*/, handleConfirmEmail(email.value)];
+                case 1:
+                    res = _a.sent();
+                    return [2 /*return*/];
+                case 2:
+                    baseData = {
+                        appType: appType,
+                        value: email.value,
+                        requestId: requestId,
+                    };
+                    baseKey = '10x';
+                    sendCommand(baseKey, baseData);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     var handleSetValue = function (value) {
         var errorText = (0, validation_1.composeValidations)([
             (0, validation_1.isRequired)({ value: value, errorText: 'errors.required' }),
@@ -58,7 +137,21 @@ var EmailInput = function (props) {
         handleRequestCode();
         setRequestedCodeStatus(true);
         requestCallback === null || requestCallback === void 0 ? void 0 : requestCallback();
+        callbackFn === null || callbackFn === void 0 ? void 0 : callbackFn();
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: classesWrapper }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({}, props, { onChange: handleSetValue, errorText: errorText || email.errorText, inputMode: "email" }, { children: children })), !withoutConfirmCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode })), !withoutConfirmCode && !isRequestedCode && ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: isValidEmail ? 'primary' : 'dark', handleClick: showTimer, disabled: !isValidEmail, size: "--button-full", buttonHeight: "--button-height-l", text: "getCodeBtn", centreText: true }))] })));
+    (0, react_1.useEffect)(function () {
+        if (!defaultValue) {
+            return;
+        }
+        var errorText = (0, validation_1.composeValidations)([
+            (0, validation_1.isRequired)({ value: defaultValue, errorText: 'errors.required' }),
+            (0, validation_1.isEmail)({ value: defaultValue, errorText: 'errors.email' }),
+        ]);
+        setEmail({ value: defaultValue, errorText: errorText });
+        if (!errorText) {
+            onChange(defaultValue);
+        }
+    }, [defaultValue, onChange]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classesWrapper }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({}, props, { onChange: handleSetValue, errorText: errorText || email.errorText, inputMode: "email", classes: styles.emailInput, defaultValue: defaultValue }, { children: children })), !withoutConfirmCode ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode, classes: styles.timerBlock, timerTextClasses: styles.timerText, textBlockClasses: styles.timerTextBlock, buttonClasses: styles.getCodeButton })) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", handleClick: showTimer, disabled: !isValidEmail || isRequestedCode, size: "--button-xl", buttonHeight: "--button-height-l", text: "getCodeBtn", centreText: true, classes: styles.getCodeButton })) })) : undefined] })) })));
 };
 exports.EmailInput = EmailInput;

package/dist/lib/components/ui/Timer/index.d.ts

@@ -1,6 +1,9 @@
 type Props = {
     handleRequestCode: () => void;
     timerTextClasses?: string;
+    classes?: string;
+    textBlockClasses?: string;
+    buttonClasses?: string;
 };
-declare const Timer: ({ handleRequestCode, timerTextClasses }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Timer: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default Timer;

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

@@ -33,17 +33,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var constants_1 = require("./constants");
+var classnames_1 = __importDefault(require("classnames"));
 var Buttons_1 = require("../Buttons");
-var useCountDown_1 = require("hooks/useCountDown");
 var Text_1 = require("components/Text");
+var useCountDown_1 = require("hooks/useCountDown");
+var constants_1 = require("./constants");
 var styles = __importStar(require("./Timer.module.css"));
-var Timer = function (_a) {
-    var handleRequestCode = _a.handleRequestCode, timerTextClasses = _a.timerTextClasses;
-    var _b = (0, react_1.useState)(false), isShowButton = _b[0], setButtonState = _b[1];
+var Timer = function (props) {
+    var handleRequestCode = props.handleRequestCode, timerTextClasses = props.timerTextClasses, classes = props.classes, textBlockClasses = props.textBlockClasses, buttonClasses = props.buttonClasses;
+    var _a = (0, react_1.useState)(false), isShowButton = _a[0], setButtonState = _a[1];
     var timerValue = (0, react_1.useRef)(new Date().getTime() + constants_1.DEFAULT_TIMER_VALUE);
     var callback = function () {
         setButtonState(true);
@@ -57,6 +61,6 @@ var Timer = function (_a) {
         handleRequestCode();
         setButtonState(false);
     };
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperTimer }, { children: !isShowButton ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: timerTextClasses }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.getAgainAfterTime" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.time }, { children: [countDown.formatTime[2], ":", countDown.formatTime[3]] }))] })) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "getCodeBtn", color: "primary", handleClick: handleResend, size: "--button-full", buttonHeight: "--button-height-l", centreText: true })) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperTimer, classes) }, { children: !isShowButton ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.textBlock, textBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: timerTextClasses }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "getAgainAfterTime" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.time }, { children: [countDown.formatTime[2], ":", countDown.formatTime[3]] }))] }))) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "getCodeBtn", color: "primary", handleClick: handleResend, size: "--button-full", buttonHeight: "--button-height-l", centreText: true, classes: buttonClasses })) })));
 };
 exports.default = Timer;

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

@@ -4,6 +4,7 @@ type HookContextType = {
     useTransportControllers: () => any;
     useCurrencies: () => null | CurrencyInfo[];
     useCountryInfo: () => any;
+    useProfileInfoController: () => any;
     registrationLastStep: (data: {
         promo: string;
         currencyId: number;

package/dist/lib/index.d.ts

@@ -180,7 +180,9 @@ import { UkrSvg } from 'components/ui/Icons/FlagIcons/UkrSvg';
 import { UzSvg } from 'components/ui/Icons/FlagIcons/UzSvg';
 import { PKSvg } from 'components/ui/Icons/FlagIcons/PKSvg';
 import { UrSvg } from 'components/ui/Icons/FlagIcons/UrSvg';
+import { UnverifiedSvg } from 'components/ui/Icons/Profile/UnverifiedSvg';
 import { VerifiedSvg } from 'components/ui/Icons/Profile/VerifiedSvg';
+import { EditPencilSvg } from 'components/ui/Icons/Profile/EditPencilSvg';
 import { TournamentWagerSvg } from './components/ui/Icons/Casino/TournamentWagerSvg';
 import { ProvidersSvg } from 'components/ui/Icons/Casino/ProvidersSvg';
 import { DefaultImgSvg } from 'components/ui/Icons/Casino/DefaultImgSvg';
@@ -233,6 +235,7 @@ import { NavCasinoSvg } from 'components/ui/Icons/Navigation/NavCasinoSvg';
 import { NavBonusesSvg } from 'components/ui/Icons/Navigation/NavBonusesSvg';
 import { NavBettingLiveSvg } from 'components/ui/Icons/Navigation/NavBettingLiveSvg';
 import { NavBettingSvg } from 'components/ui/Icons/Navigation/NavBettingSvg';
+import { AssignEmail } from 'components/Profile/AssignEmail';
 import { getCasinoCategoryIcon } from 'components/ui/Icons/Categories';
 import { NotFoundData } from 'components/ui/NotFoundData';
 import { ClaimBonus } from 'components/ui/Bonuses/ClaimBonus';
@@ -305,7 +308,7 @@ import { getFlagIcon, getVipClubIcon, getSportIcon, getHorizontalFlagIcon } from
 import { composeValidations, isEmail, isPassword, isRequired, upperCase, prepareStringAsPhoneNumber, extractNumbersFromString, isMinMax, isFilledForm, validationBankCode, validationNameSurname, validationPatternByName, replaceValueByMask, replaceValueByMaskReturnMask, replaceCodeToMask, validateEmailValue, validateAccountName, validateAccountNumber, validateBankCode, isPhone, validationTRC, validateLuhnAlgorithm, valdiationCardNumber } from 'service/validation';
 import { setToLocalStorage, getFromLocalStorage, removeFromLocalStorage } from 'utils/localstorage';
 import { formattedDate, getNext15thDate, getNextSaturday } from 'utils/date';
-export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, ArrowButton, ButtonLanguage, FavoriteButton, SocialMediaButton, ButtonCancelBonus, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, CasinoSearchBlock, CasinoSearchInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, PaymentFrame, PaymentMessage, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, PageTitle, LeftSection, Footer, XACFooter, Tabs, MainLoader, CircularLoader, Image, SkeletLoader, BonusCancelLoader, BettingSkelet, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, HOCKitConfigure, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, useHotJarAnalytics, useHotJarControllers, useIFrameMode, Presets, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, ReferralTitle, ReferralCard, ReferralDetails, ReferralShare, ReferralCopyContent, ReferralInviteBanner, ReferralBonus, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, PromotionMobileApp, PromotionBanner, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, SignUpTypeTwo, SignUpTypeThree, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, SignInThird, IconProps, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, CrossSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, InfoSecondSvg, FireSvg, AddCircleSvg, MinusCircleSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, PhpSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, PKSvg, UrSvg, VerifiedSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, SecondErrorSvg, SecondSuccessSvg, SecondWaitingSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, BattleWinners, Winner, Accordion, AccordionGroup, Timer, NotFoundData, ClaimBonus, TitleForm, BalanceList, DesktopProfile, BalanceInfo, DefaultGameImg, Question, FaqSection, FAQ, ProgressBar, ProgressWagering, ProgressBarProps, AppNotify, Carousel, CarouselVipClub, VipSteps, useZustandLanguagesKitStore, languageSelectors, Text, useZustandRecoveryKitStore, zustandRecoveryKitSelectors, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, searchSelectors, useZustandCasinoSearchKitStore, useZustandSupportKitStore, supportSelectors, useZustandCasinoDrawerKitStore, casinoDrawerKitSelectors, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, getFlagIcon, getVipClubIcon, getSportIcon, getHorizontalFlagIcon, composeValidations, isEmail, isPassword, isRequired, upperCase, prepareStringAsPhoneNumber, extractNumbersFromString, isMinMax, isFilledForm, validationBankCode, validationNameSurname, validationPatternByName, replaceValueByMask, replaceValueByMaskReturnMask, replaceCodeToMask, validateEmailValue, validateAccountName, validateAccountNumber, validateBankCode, isPhone, validationTRC, validateLuhnAlgorithm, valdiationCardNumber, getValueByIdFromUrl, setToLocalStorage, getFromLocalStorage, removeFromLocalStorage, formattedDate, getNext15thDate, getNextSaturday, };
+export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, ArrowButton, ButtonLanguage, FavoriteButton, SocialMediaButton, ButtonCancelBonus, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, CasinoSearchBlock, CasinoSearchInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, PaymentFrame, PaymentMessage, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, PageTitle, LeftSection, Footer, XACFooter, Tabs, MainLoader, CircularLoader, Image, SkeletLoader, BonusCancelLoader, BettingSkelet, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, HOCKitConfigure, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, useHotJarAnalytics, useHotJarControllers, useIFrameMode, Presets, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, ReferralTitle, ReferralCard, ReferralDetails, ReferralShare, ReferralCopyContent, ReferralInviteBanner, ReferralBonus, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, PromotionMobileApp, PromotionBanner, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, SignUpTypeTwo, SignUpTypeThree, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, SignInThird, IconProps, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, CrossSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, InfoSecondSvg, FireSvg, AddCircleSvg, MinusCircleSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, PhpSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, PKSvg, UrSvg, VerifiedSvg, UnverifiedSvg, EditPencilSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, SecondErrorSvg, SecondSuccessSvg, SecondWaitingSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, BattleWinners, Winner, Accordion, AccordionGroup, Timer, NotFoundData, ClaimBonus, TitleForm, BalanceList, DesktopProfile, BalanceInfo, DefaultGameImg, AssignEmail, Question, FaqSection, FAQ, ProgressBar, ProgressWagering, ProgressBarProps, AppNotify, Carousel, CarouselVipClub, VipSteps, useZustandLanguagesKitStore, languageSelectors, Text, useZustandRecoveryKitStore, zustandRecoveryKitSelectors, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, searchSelectors, useZustandCasinoSearchKitStore, useZustandSupportKitStore, supportSelectors, useZustandCasinoDrawerKitStore, casinoDrawerKitSelectors, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, getFlagIcon, getVipClubIcon, getSportIcon, getHorizontalFlagIcon, composeValidations, isEmail, isPassword, isRequired, upperCase, prepareStringAsPhoneNumber, extractNumbersFromString, isMinMax, isFilledForm, validationBankCode, validationNameSurname, validationPatternByName, replaceValueByMask, replaceValueByMaskReturnMask, replaceCodeToMask, validateEmailValue, validateAccountName, validateAccountNumber, validateBankCode, isPhone, validationTRC, validateLuhnAlgorithm, valdiationCardNumber, getValueByIdFromUrl, setToLocalStorage, getFromLocalStorage, removeFromLocalStorage, formattedDate, getNext15thDate, getNextSaturday, };
 export { Size, Color, EAppType } from 'types/ui';
 export { COUNTRY_MOCK } from 'constants/mock';
 export { REFERRAL_KEY, REFERRAL_CODE, } from 'components/SignUp/PromoCode/constants';