react-gldn-kit 0.1.92 → 0.1.94

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

@@ -33,38 +33,52 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var types_1 = require("react-memory-optimization/dist/lib/binary/types");
-var styles = __importStar(require("./LostPasswordEmailForm.module.css"));
-var store_1 = require("zustandStore/alerts/modal/store");
-var selectors_1 = require("zustandStore/alerts/modal/selectors");
-var constant_1 = require("components/ui/Inputs/BaseInput/constant");
-var validation_1 = require("service/validation");
-var types_2 = require("zustandStore/alerts/modal/types");
+var classnames_1 = __importDefault(require("classnames"));
+var Text_1 = require("components/Text");
+var Timer_1 = __importDefault(require("components/ui/Timer"));
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
 var Buttons_1 = require("components/ui/Buttons");
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var store_1 = require("zustandStore/alerts/modal/store");
+var selectors_1 = require("zustandStore/alerts/modal/selectors");
+var types_2 = require("zustandStore/alerts/modal/types");
+var validation_1 = require("service/validation");
 var ModalContext_1 = require("context/logic/ModalContext");
-var Text_1 = require("components/Text");
-var LostPasswordEmailForm = function (_a) {
-    var wrapperClasses = _a.wrapperClasses;
+var styles = __importStar(require("./LostPasswordEmailForm.module.css"));
+var LostPasswordEmailForm = function (props) {
+    var wrapperClasses = props.wrapperClasses, sendCommand = props.sendCommand, registrationTheme = props.registrationTheme, bonusImagePath = props.bonusImagePath;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
-    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
-    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _c[0], setCode = _c[1];
-    var _d = (0, react_1.useState)(false), isRequestedCode = _d[0], setRequestedCodeStatus = _d[1];
+    var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _a[0], setEmail = _a[1];
+    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _b[0], setCode = _b[1];
+    var _c = (0, react_1.useState)(false), isRequestedCode = _c[0], setRequestedCodeStatus = _c[1];
     var setModalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
-    var callbackRequest = function () {
+    var isShowTimer = function () {
+        handleRequestCode();
         setRequestedCodeStatus(true);
     };
+    var handleRequestCode = function () {
+        var sendData = {
+            registrationType: types_1.RecoverySubType.Email,
+            appType: process.env.REACT_APP_TYPE || -2,
+            value: email.value,
+            requestId: types_1.ERequestIds.RecoveryPasswordSendCode,
+        };
+        sendCommand('22x', sendData);
+    };
     var isValidForm = (0, react_1.useMemo)(function () {
         var isEmail = email;
         var isCode = code.value && !code.errorText;
         return isCode && isEmail;
     }, [email, code]);
     var submit = function () {
-        console.info(code, 'code');
         useTransportControllers().sendCommand('31x', {
             sms: code.value,
             requestId: types_1.ERequestIds.RecoveryPasswordResponse,
@@ -93,8 +107,10 @@ var LostPasswordEmailForm = function (_a) {
     var setModalInfo = function (type) { return function () {
         setModalType(type, {
             preventClose: true,
+            registrationTheme: registrationTheme,
+            bonusImagePath: bonusImagePath,
         });
     }; };
-    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 })] })));
+    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.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.emailRow, styles.marginBottom) }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.email", size: "full", disabled: isRequestedCode, errorText: email.errorText, defaultValue: "", onChange: handleValidate('email'), isHidePlaceholder: true, inputLabelType: "secondary", inputClasses: styles.inputSize, labelClasses: styles.label }), isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode, timerTextClasses: styles.timerText })) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", handleClick: isShowTimer, disabled: Boolean(email.errorText) || Boolean(!email.value), size: "--button-l", buttonHeight: "--button-height-full", text: "recoveryPsw.getCodeBtn", classes: styles.getCodeButton, centreText: true }))] })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "lostPasswordThree.code", size: "full", disabled: !isRequestedCode, defaultValue: "", onChange: handleValidateCode, classes: styles.marginBottom, isHidePlaceholder: true, inputLabelType: "secondary", inputClasses: styles.inputSize, labelClasses: styles.label }), (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.d.ts

@@ -1,5 +1,8 @@
+import { ESignUpTheme } from 'zustandStore/forms/signUp/types';
 type Props = {
     wrapperClasses?: string;
+    registrationTheme?: keyof typeof ESignUpTheme;
+    bonusImagePath?: string;
 };
-declare const LostPasswordPhoneForm: ({ wrapperClasses }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const LostPasswordPhoneForm: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default LostPasswordPhoneForm;

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

@@ -53,12 +53,12 @@ var Buttons_1 = require("components/ui/Buttons");
 var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
 var ModalContext_1 = require("context/logic/ModalContext");
 var Text_1 = require("components/Text");
-var LostPasswordPhoneForm = function (_a) {
-    var wrapperClasses = _a.wrapperClasses;
+var LostPasswordPhoneForm = function (props) {
+    var wrapperClasses = props.wrapperClasses, registrationTheme = props.registrationTheme, bonusImagePath = props.bonusImagePath;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
-    var _b = (0, react_1.useState)(''), phone = _b[0], setPhone = _b[1];
-    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _c[0], setCode = _c[1];
-    var _d = (0, react_1.useState)(false), isRequestedCode = _d[0], setRequestedCodeStatus = _d[1];
+    var _a = (0, react_1.useState)(''), phone = _a[0], setPhone = _a[1];
+    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _b[0], setCode = _b[1];
+    var _c = (0, react_1.useState)(false), isRequestedCode = _c[0], setRequestedCodeStatus = _c[1];
     var setModalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
     var callbackRequest = function () {
         setRequestedCodeStatus(true);
@@ -83,8 +83,10 @@ var LostPasswordPhoneForm = function (_a) {
     var setModalInfo = function (type) { return function () {
         setModalType(type, {
             preventClose: true,
+            registrationTheme: registrationTheme,
+            bonusImagePath: bonusImagePath,
         });
     }; };
-    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 })] })));
+    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), inputLabelType: "secondary", inputClasses: styles.inputSize, labelClasses: styles.label }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "lostPasswordThree.code", size: "full", disabled: !isRequestedCode, defaultValue: "", onChange: handleValidateCode, classes: styles.marginBottom, isHidePlaceholder: true, inputLabelType: "secondary", inputClasses: styles.inputSize, labelClasses: styles.label }), (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/LostPassword/Third/index.js

@@ -39,6 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
 var Text_1 = require("components/Text");
 var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
 var LostPasswordEmailForm_1 = __importDefault(require("./components/LostPasswordEmailForm"));
@@ -49,13 +50,24 @@ var selectors_1 = require("zustandStore/alerts/modal/selectors");
 var constants_1 = require("./constants");
 var types_1 = require("zustandStore/alerts/modal/types");
 var types_2 = require("./types");
+var types_3 = require("zustandStore/forms/signUp/types");
+var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./LostPassword.module.css"));
 var LostPassword = function () {
-    var _a = (0, react_1.useState)(types_2.RecoveryFormType.Email), activeValue = _a[0], setActiveValue = _a[1];
+    var _a;
+    var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
+    var sendCommand = useTransportControllers().sendCommand;
+    var _b = (0, react_1.useState)(types_2.RecoveryFormType.Email), activeValue = _b[0], setActiveValue = _b[1];
     var closeAndOpen = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
+    var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
+    var registrationTheme = data.registrationTheme, _c = data.bonusImagePath, bonusImagePath = _c === void 0 ? '' : _c;
+    var regType = registrationTheme;
     var openPopUp = function (type) { return function () {
         closeAndOpen(type);
     }; };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperLostPasswordThree }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "lostPasswordThree.title" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: openPopUp(types_1.EModalTypes.Unknown) }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) }))] })), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { data: constants_1.RECOVERY_TABS, activeValue: activeValue, onChange: setActiveValue, classes: styles.wrapperTabs, tabClasses: styles.tab, type: "underline" }), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), activeValue === types_2.RecoveryFormType.Email && ((0, jsx_runtime_1.jsx)(LostPasswordEmailForm_1.default, { wrapperClasses: styles.marginB })), activeValue === types_2.RecoveryFormType.Phone && ((0, jsx_runtime_1.jsx)(LostPasswordPhoneForm_1.default, { wrapperClasses: styles.marginB }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperLostPasswordThree, (_a = {},
+            _a[styles.purple] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.WhitePurple,
+            _a[styles.lightBlue] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.WhiteBlue,
+            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "lostPasswordThree.title" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: openPopUp(types_1.EModalTypes.Unknown) }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) }))] })), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { data: constants_1.RECOVERY_TABS, activeValue: activeValue, onChange: setActiveValue, classes: styles.wrapperTabs, tabClasses: styles.tab, type: "underline" }), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), activeValue === types_2.RecoveryFormType.Email && ((0, jsx_runtime_1.jsx)(LostPasswordEmailForm_1.default, { wrapperClasses: styles.marginB, sendCommand: sendCommand, registrationTheme: registrationTheme, bonusImagePath: bonusImagePath })), activeValue === types_2.RecoveryFormType.Phone && ((0, jsx_runtime_1.jsx)(LostPasswordPhoneForm_1.default, { wrapperClasses: styles.marginB, registrationTheme: registrationTheme, bonusImagePath: bonusImagePath }))] })));
 };
 exports.default = LostPassword;

package/dist/lib/components/Modals/Alert/components/SetNewPassword/Third/index.d.ts

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

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

@@ -0,0 +1,126 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var types_1 = require("react-memory-optimization/dist/lib/binary/types");
+var classnames_1 = __importDefault(require("classnames"));
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var Buttons_1 = require("components/ui/Buttons");
+var Text_1 = require("components/Text");
+var OpenEyeSvg_1 = require("components/ui/Icons/Base/OpenEyeSvg");
+var CloseEyeSvg_1 = require("components/ui/Icons/Base/CloseEyeSvg");
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var ModalContext_1 = require("context/logic/ModalContext");
+var validation_1 = require("service/validation");
+var styles = __importStar(require("./SetNewPasswordThree.module.css"));
+var SetNewPasswordThree = function () {
+    var _a, _b;
+    var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
+    var sendCommand = useTransportControllers().sendCommand;
+    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), newPassword = _c[0], setNewPassword = _c[1];
+    var _d = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), repeatedPassword = _d[0], setRepeatedPassword = _d[1];
+    var _e = (0, react_1.useState)({
+        newPassword: 'password',
+        repeatedPassword: 'password',
+    }), inputTypes = _e[0], setInputTypes = _e[1];
+    var handleApplyPsw = function () {
+        sendCommand('21x', {
+            newPassword: newPassword.value,
+            requestId: types_1.ERequestIds.SetNewPassword,
+        });
+    };
+    var handleSetInputType = function (_a) {
+        var type = _a.type, field = _a.field;
+        return function (e) {
+            e === null || e === void 0 ? void 0 : e.preventDefault();
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
+            setInputTypes(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[field] = type, _a)));
+            });
+        };
+    };
+    var validateValuePassword = function (field) { return function (value) {
+        var errorText = (0, validation_1.composeValidations)([
+            (0, validation_1.isPassword)({
+                value: value,
+                errorText: ['errors.passwordMin', 'errors.passwordMax'],
+            }),
+        ]);
+        if (field === 'newPassword') {
+            setNewPassword({
+                value: value,
+                errorText: errorText,
+            });
+            return;
+        }
+        if (value !== newPassword.value) {
+            errorText = 'errors.passwordsNotMatch';
+        }
+        setRepeatedPassword({
+            value: value,
+            errorText: errorText,
+        });
+    }; };
+    var isDisabled = !newPassword.value ||
+        !repeatedPassword.value ||
+        Boolean(newPassword.errorText || repeatedPassword.errorText) ||
+        newPassword.value !== repeatedPassword.value;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperNewPassword }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterPassword }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.newPassword.enterPassword" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.newPassword", size: "full", onChange: validateValuePassword('newPassword'), type: inputTypes.newPassword, inputWrapperClasses: (0, classnames_1.default)((_a = {},
+                    _a[styles.errorBorder] = newPassword.errorText,
+                    _a)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [newPassword.value && inputTypes.newPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
+                                field: 'newPassword',
+                                type: 'password',
+                            }) })), newPassword.value && inputTypes.newPassword === 'password' && ((0, jsx_runtime_1.jsx)(CloseEyeSvg_1.CloseEyeSvg, { handleClick: handleSetInputType({
+                                field: 'newPassword',
+                                type: 'text',
+                            }) }))] }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.repeatPassword", size: "full", onChange: validateValuePassword('repeatedPassword'), type: inputTypes.repeatedPassword, inputWrapperClasses: (0, classnames_1.default)((_b = {},
+                    _b[styles.errorBorder] = repeatedPassword.errorText,
+                    _b)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [repeatedPassword.value && inputTypes.repeatedPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
+                                field: 'repeatedPassword',
+                                type: 'password',
+                            }) })), repeatedPassword.value &&
+                            inputTypes.repeatedPassword === 'password' && ((0, jsx_runtime_1.jsx)(CloseEyeSvg_1.CloseEyeSvg, { handleClick: handleSetInputType({
+                                field: 'repeatedPassword',
+                                type: 'text',
+                            }) }))] }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.passwordRequirements }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.newPassword.passwordRequirements" }) })), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\21x", requestId: types_1.ERequestIds.SetNewPassword }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { disabled: isDisabled, text: "recoveryPsw.newPassword.submit", size: "--button-full", color: "primary", buttonHeight: "--button-height-xl", handleClick: handleApplyPsw, centreText: true, classes: styles.applyButton }) }))] })));
+};
+exports.default = SetNewPasswordThree;

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

@@ -119,7 +119,7 @@ var LostPassword = (0, react_1.lazy)(function () { return __awaiter(void 0, void
 }); }); });
 var SetNewPassword = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
     switch (_a.label) {
-        case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/SetNewPassword')); })];
+        case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/SetNewPassword/First')); })];
         case 1: return [2 /*return*/, _a.sent()];
     }
 }); }); });
@@ -171,6 +171,12 @@ var AssignCurrency = (0, react_1.lazy)(function () { return __awaiter(void 0, vo
         case 1: return [2 /*return*/, _a.sent()];
     }
 }); }); });
+var SetNewPasswordThree = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    switch (_a.label) {
+        case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/SetNewPassword/Third')); })];
+        case 1: return [2 /*return*/, _a.sent()];
+    }
+}); }); });
 var NumberConfirmation = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, void 0, function () {
     var _a;
     return __generator(this, function (_b) {
@@ -194,7 +200,7 @@ var shared_1 = require("utils/shared");
 var styles = __importStar(require("./Alert.module.css"));
 var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
 var Alerts = function (props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     var getComponentFn = props.getComponentFn;
     var modalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalTypeSelector);
     var oldModalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getNextEModalTypeSelector);
@@ -237,6 +243,8 @@ var Alerts = function (props) {
                 return (0, jsx_runtime_1.jsx)(NumberConfirmation, {});
             case types_1.EModalTypes.EmailConfirmation:
                 return (0, jsx_runtime_1.jsx)(EmailConfirmation, {});
+            case types_1.EModalTypes.SetNewPasswordThree:
+                return (0, jsx_runtime_1.jsx)(SetNewPasswordThree, {});
             default:
                 return null;
         }
@@ -262,31 +270,44 @@ var Alerts = function (props) {
         }
     }, [modalType, oldModalType]);
     // TODO OPTIMIZE
-    return ((0, jsx_runtime_1.jsx)(ModalLayout_1.ModalLayout, __assign({ popUpHeaderProps: __assign({ title: !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.bonusSignUp) &&
-                ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.title) || (0, shared_1.getModalTitle)(modalType)), closeButton: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose }, ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.popUpHeaderProps) || {})), classes: (0, classnames_1.default)(styles.wrapperModal, (_a = {},
+    return ((0, jsx_runtime_1.jsx)(ModalLayout_1.ModalLayout, __assign({ popUpHeaderProps: __assign(__assign({ title: !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.bonusSignUp) &&
+                ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.title) || (0, shared_1.getModalTitle)(modalType)), closeButton: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose }, ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.popUpHeaderProps) || {})), { titleClasses: (0, classnames_1.default)((_a = {},
+                _a[styles.popUpDarkColor] = modalType === types_1.EModalTypes.SetNewPasswordThree,
+                _a[styles.popUpBlackColor] = (modalType === types_1.EModalTypes.SignIn ||
+                    modalType === types_1.EModalTypes.LostPassword) &&
+                    types_2.ESignUpTheme[additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseWhite,
+                _a)) }), classes: (0, classnames_1.default)(styles.wrapperModal, (_b = {},
             // [styles.modalOpenMobileAnimation]: isActiveModal && isMobile,
             // [styles.modalCloseMobileAnimation]: isCloseModal && isMobile,
             // pass styles
-            _a[styles.wallet] = modalType === types_1.EModalTypes.MoneyOperations,
-            _a[styles.signUpTwo] = modalType === types_1.EModalTypes.SignUpTwo,
+            _b[styles.wallet] = modalType === types_1.EModalTypes.MoneyOperations,
+            _b[styles.signUpTwo] = modalType === types_1.EModalTypes.SignUpTwo,
             // [styles.modalOpenDesktopAnimation]: isActiveModal && !isMobile,
             // [styles.modalCloseDesktopAnimation]: isCloseModal && !isMobile,
-            _a[styles.animationFadeIn] = isActiveModal,
-            _a[styles.animationFadeOutModal] = isCloseModal,
-            _a)), modalLayoutClasses: (0, classnames_1.default)(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.classes, (_b = {},
-            _b[styles.fullHeight] = modalType === types_1.EModalTypes.Bonuses ||
+            _b[styles.animationFadeIn] = isActiveModal,
+            _b[styles.animationFadeOutModal] = isCloseModal,
+            _b)), modalLayoutClasses: (0, classnames_1.default)(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.classes, (_c = {},
+            _c[styles.fullHeight] = modalType === types_1.EModalTypes.Bonuses ||
                 modalType === types_1.EModalTypes.SignUpTwo,
-            _b[styles.noBackground] = modalType === types_1.EModalTypes.SignUpTwo,
-            _b[styles.thirdAuth] = modalType === types_1.EModalTypes.SignUpThree ||
-                modalType === types_1.EModalTypes.SignInThree,
-            _b[styles.thirdLostpassword] = modalType === types_1.EModalTypes.LostPasswordThree,
-            _b[styles.yellowSignUp] = (modalType === types_1.EModalTypes.SignIn ||
+            _c[styles.fullModal] = additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.isFullView,
+            _c[styles.noBackground] = modalType === types_1.EModalTypes.SignUpTwo,
+            _c[styles.thirdAuth] = modalType === types_1.EModalTypes.SignUpThree ||
+                modalType === types_1.EModalTypes.SignInThree ||
+                modalType === types_1.EModalTypes.SetNewPasswordThree,
+            _c[styles.thirdLostpassword] = modalType === types_1.EModalTypes.LostPasswordThree,
+            _c[styles.yellowSignUp] = (modalType === types_1.EModalTypes.SignIn ||
                 modalType === types_1.EModalTypes.SignUp ||
-                modalType === types_1.EModalTypes.LostPassword) &&
+                modalType === types_1.EModalTypes.LostPassword ||
+                modalType === types_1.EModalTypes.SetNewPassword) &&
                 types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseYellow,
-            _b)), modalContentClasses: (0, classnames_1.default)((_c = {},
-            _c[styles.maxWidth] = modalType === types_1.EModalTypes.SignUpThree ||
+            _c[styles.whiteSignUp] = (modalType === types_1.EModalTypes.SignIn ||
+                modalType === types_1.EModalTypes.SignUp ||
+                modalType === types_1.EModalTypes.LostPassword ||
+                modalType === types_1.EModalTypes.SetNewPassword) &&
+                types_2.ESignUpTheme[additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseWhite,
+            _c)), modalContentClasses: (0, classnames_1.default)((_d = {},
+            _d[styles.maxWidth] = modalType === types_1.EModalTypes.SignUpThree ||
                 modalType === types_1.EModalTypes.SignInThree,
-            _c)) }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)("div", __assign({ className: "full center" }, { children: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) })) }, { children: getModalComponent() })) })));
+            _d)) }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)("div", __assign({ className: "full center" }, { children: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) })) }, { children: getModalComponent() })) })));
 };
 exports.Alerts = Alerts;

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

@@ -8,7 +8,7 @@ var mock_1 = require("constants/mock");
 var store_1 = require("zustandStore/forms/signUp/store");
 var selectors_1 = require("zustandStore/forms/signUp/selectors");
 var CountrySelector = function (props) {
-    var classes = props.classes, countryInfo = props.countryInfo, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.selectors.country' : _a, dropdownClasses = props.dropdownClasses, classesItem = props.classesItem;
+    var classes = props.classes, countryInfo = props.countryInfo, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.selectors.country' : _a, dropdownClasses = props.dropdownClasses, classesItem = props.classesItem, type = props.type;
     var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
     var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
     (0, react_1.useEffect)(function () {
@@ -22,6 +22,6 @@ var CountrySelector = function (props) {
         }
         setActiveCountryId(mock_1.COUNTRY_MOCK[0].id);
     }, [activeCountryId, countryInfo]);
-    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { size: "full", classes: classes, activeId: activeCountryId, handleClick: setActiveCountryId, placeholder: translateKey, data: mock_1.COUNTRY_MOCK, dropdownClasses: dropdownClasses, classesItem: classesItem }));
+    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { size: "full", classes: classes, activeId: activeCountryId, handleClick: setActiveCountryId, placeholder: translateKey, data: mock_1.COUNTRY_MOCK, dropdownClasses: dropdownClasses, classesItem: classesItem, type: type }));
 };
 exports.CountrySelector = CountrySelector;

package/dist/lib/components/SignUp/CountrySelector/types.d.ts

@@ -7,4 +7,5 @@ export type CountrySelectorProps = {
     } | null;
     dropdownClasses?: string;
     classesItem?: string;
+    type?: 'base' | 'secondary';
 };

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

@@ -31,7 +31,7 @@ var store_1 = require("zustandStore/forms/signUp/store");
 var selectors_1 = require("zustandStore/forms/signUp/selectors");
 var styles = __importStar(require("./CurrencySelector.module.css"));
 var CurrencySelector = function (props) {
-    var classes = props.classes, availableCurrencies = props.availableCurrencies, countryInfo = props.countryInfo, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.selectors.currency' : _a, dropdownClasses = props.dropdownClasses, classesItem = props.classesItem;
+    var classes = props.classes, availableCurrencies = props.availableCurrencies, countryInfo = props.countryInfo, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.selectors.currency' : _a, dropdownClasses = props.dropdownClasses, classesItem = props.classesItem, type = props.type;
     var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
     var setActiveCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCurrencyIdAction);
     (0, react_1.useEffect)(function () {
@@ -50,6 +50,6 @@ var CurrencySelector = function (props) {
         }
         setActiveCurrencyId(availableCurrencies[0].id);
     }, [availableCurrencies, activeCurrencyId, countryInfo]);
-    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { classes: classes, size: "full", placeholder: translateKey, handleClick: setActiveCurrencyId, activeId: activeCurrencyId, data: availableCurrencies, dropdownClasses: dropdownClasses, classesItem: classesItem, arrowClasses: styles.arrow }));
+    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { classes: classes, size: "full", placeholder: translateKey, handleClick: setActiveCurrencyId, activeId: activeCurrencyId, data: availableCurrencies, dropdownClasses: dropdownClasses, classesItem: classesItem, arrowClasses: styles.arrow, type: type }));
 };
 exports.CurrencySelector = CurrencySelector;

package/dist/lib/components/SignUp/CurrencySelector/types.d.ts

@@ -8,4 +8,5 @@ export type CurrencySelectorProps = {
     } | null;
     dropdownClasses?: string;
     classesItem?: string;
+    type?: 'base' | 'secondary';
 };

package/dist/lib/components/ui/Buttons/ArrowButton/index.d.ts

@@ -2,6 +2,7 @@ type Props = {
     isOpened?: boolean;
     toggleState?: (e: any) => void;
     classes?: string;
+    type?: 'base' | 'secondary';
 };
 export declare const ArrowButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/components/ui/Buttons/ArrowButton/index.js

@@ -30,11 +30,13 @@ exports.ArrowButton = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
 var ArrowSvg_1 = require("components/ui/Icons/ArrowSvg");
+var ArrowSecondSvg_1 = require("components/ui/Icons/ArrowSecondSvg");
 var styles = __importStar(require("./ArrowButton.module.css"));
 var ArrowButton = function (props) {
     var _a;
-    var isOpened = props.isOpened, toggleState = props.toggleState, _b = props.classes, classes = _b === void 0 ? '' : _b;
-    return ((0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: (0, classnames_1.default)(styles.defaultClasses, (_a = {},
+    var isOpened = props.isOpened, toggleState = props.toggleState, _b = props.classes, classes = _b === void 0 ? '' : _b, _c = props.type, type = _c === void 0 ? 'base' : _c;
+    var Arrow = type === 'base' ? ArrowSvg_1.ArrowSvg : ArrowSecondSvg_1.ArrowSecondSvg;
+    return ((0, jsx_runtime_1.jsx)(Arrow, { classes: (0, classnames_1.default)(styles.defaultClasses, (_a = {},
             _a[styles.openedColor] = isOpened,
             _a), classes), handleClick: toggleState }));
 };

package/dist/lib/components/ui/Headers/PopUpHeader/index.js

@@ -46,7 +46,7 @@ var styles = __importStar(require("./PopUpHeader.module.css"));
 var ArrowSvg_1 = require("components/ui/Icons/ArrowSvg");
 var PopUpHeader = function (props) {
     var _a;
-    var title = props.title, closeButton = props.closeButton, classes = props.classes, backButton = props.backButton, _b = props.backSvg, backSvg = _b === void 0 ? (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, {}) : _b, _c = props.transparent, transparent = _c === void 0 ? false : _c;
+    var title = props.title, closeButton = props.closeButton, classes = props.classes, backButton = props.backButton, _b = props.backSvg, backSvg = _b === void 0 ? (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, {}) : _b, _c = props.transparent, transparent = _c === void 0 ? false : _c, titleClasses = props.titleClasses;
     var handleBackButton = function (e) {
         e.stopPropagation();
         e.preventDefault();
@@ -54,6 +54,6 @@ var PopUpHeader = function (props) {
     };
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperPopUpHeader, classes, (_a = {},
             _a[styles.transparent] = transparent,
-            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftContent }, { children: [backButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.left), onClick: handleBackButton }, { children: backSvg }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) }))] })), closeButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.right), onClick: closeButton }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeSvg }) })))] })));
+            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftContent }, { children: [backButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.left), onClick: handleBackButton }, { children: backSvg }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) }))] })), closeButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.right), onClick: closeButton }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeSvg }) })))] })));
 };
 exports.PopUpHeader = PopUpHeader;

package/dist/lib/components/ui/Headers/PopUpHeader/types.d.ts

@@ -3,6 +3,7 @@ export type PopUpHeaderProps = {
     title: string;
     classes?: string;
     transparent?: boolean;
+    titleClasses?: string;
 } & CloseButton & BackButton;
 type CloseButton = {
     closeButton?: () => void;

package/dist/lib/components/ui/Icons/ArrowSecondSvg.d.ts

@@ -0,0 +1,5 @@
+import { EAppType } from 'types/ui';
+import { IconProps } from './types';
+export declare const ArrowSecondSvg: (props: IconProps & {
+    appType?: EAppType;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/ArrowSecondSvg.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.ArrowSecondSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ArrowSecondSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '12' : _a, _b = props.height, height = _b === void 0 ? '8' : _b, _c = props.classes, classes = _c === void 0 ? '' : _c, handleClick = props.handleClick;
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.30105 0.679415C9.56632 0.944677 9.56632 1.37475 9.30105 1.64001L5.72045 5.22062C5.32255 5.61851 4.67744 5.61851 4.27955 5.22062L0.698946 1.64001C0.433684 1.37475 0.433684 0.944677 0.698946 0.679415C0.964208 0.414153 1.39428 0.414153 1.65954 0.679415L5 4.01987L8.34046 0.679415C8.60572 0.414153 9.03579 0.414153 9.30105 0.679415Z", fill: "#B3BECD" }) })));
+};
+exports.ArrowSecondSvg = ArrowSecondSvg;

package/dist/lib/components/ui/Icons/Base/ClosedEyeSecondSvg.d.ts

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

package/dist/lib/components/ui/Icons/Base/ClosedEyeSecondSvg.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.ClosedEyeSecondSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ClosedEyeSecondSvg = 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", onClick: handleClick, className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.577 7.0553C22.9311 7.20363 23.0952 7.60445 22.9434 7.95056L22.3022 7.68198C22.9434 7.95056 22.9435 7.9504 22.9434 7.95056L22.9427 7.95208L22.9417 7.95434L22.9388 7.96103L22.9289 7.98292C22.9205 8.00123 22.9086 8.02687 22.8931 8.05931C22.8622 8.12418 22.8169 8.21629 22.7569 8.3312C22.637 8.56088 22.458 8.88258 22.217 9.26056C21.8211 9.88149 21.2533 10.6616 20.4994 11.4366L21.4001 12.3169C21.6726 12.5832 21.6726 13.0149 21.4001 13.2811C21.1277 13.5474 20.6859 13.5474 20.4135 13.2811L19.4827 12.3715C18.8691 12.874 18.1653 13.3455 17.3674 13.733L18.2358 15.0373C18.4459 15.3529 18.3545 15.7752 18.0315 15.9806C17.7086 16.186 17.2764 16.0966 17.0662 15.781L16.0531 14.2593C15.3281 14.4906 14.5432 14.6479 13.6975 14.7042V16.3182C13.6975 16.6947 13.3852 17 12.9999 17C12.6146 17 12.3022 16.6947 12.3022 16.3182V14.7042C11.4826 14.6496 10.72 14.5002 10.0138 14.2804L9.01462 15.781C8.80448 16.0966 8.37231 16.186 8.04934 15.9807C7.72638 15.7753 7.63492 15.353 7.84507 15.0373L8.69382 13.7626C7.88975 13.3788 7.18027 12.9093 6.5613 12.4076L5.66737 13.2812C5.39492 13.5475 4.95318 13.5475 4.68072 13.2812C4.40826 13.0149 4.40826 12.5832 4.68072 12.317L5.54003 11.4772C4.773 10.6957 4.19558 9.90608 3.79327 9.2771C3.54869 8.89472 3.36706 8.56892 3.24547 8.33623C3.18463 8.21981 3.1387 8.12647 3.10732 8.06073C3.09163 8.02786 3.07956 8.00187 3.07108 7.98332L3.06104 7.96115L3.05803 7.95438L3.05702 7.9521L3.05664 7.95123C3.05657 7.95107 3.05634 7.95056 3.6976 7.68198L3.05664 7.95123C2.90485 7.60513 3.06862 7.20363 3.42277 7.0553C3.77664 6.90709 4.1864 7.06704 4.33849 7.41255C4.33843 7.41243 4.33854 7.41267 4.33849 7.41255L4.33937 7.41454L4.34502 7.42701C4.35051 7.439 4.35943 7.45826 4.37183 7.48424C4.39663 7.5362 4.43531 7.61494 4.48814 7.71605C4.5939 7.91843 4.75591 8.20949 4.97648 8.55433C5.4189 9.24602 6.08981 10.1429 7.00519 10.9743C7.81068 11.7058 8.79773 12.3797 9.97824 12.8235C10.8661 13.1574 11.8701 13.3637 12.9999 13.3637C14.155 13.3637 15.1786 13.148 16.0812 12.8008C17.2546 12.3495 18.2349 11.6712 19.034 10.9383C19.9359 10.111 20.5969 9.22301 21.0328 8.53942C21.2501 8.19861 21.4097 7.91131 21.5139 7.71168C21.5659 7.61194 21.604 7.53432 21.6285 7.48312C21.6407 7.45752 21.6495 7.43855 21.6548 7.42675L21.6604 7.41449L21.6609 7.4134C21.6609 7.41349 21.6609 7.41332 21.6609 7.4134M22.577 7.0553C22.2229 6.90701 21.8128 7.06748 21.6609 7.4134L22.577 7.0553ZM4.33849 7.41255C4.33843 7.41243 4.33854 7.41267 4.33849 7.41255V7.41255Z", fill: "rgb(46, 58, 76)" }), (0, jsx_runtime_1.jsx)("path", { d: "M22.9434 7.95056C23.0952 7.60445 22.9311 7.20363 22.577 7.0553M22.9434 7.95056L22.3022 7.68198C22.9434 7.95056 22.9435 7.9504 22.9434 7.95056ZM22.9434 7.95056L22.9427 7.95208L22.9417 7.95434L22.9388 7.96103L22.9288 7.98292C22.9205 8.00123 22.9086 8.02687 22.8931 8.05931C22.8622 8.12418 22.8169 8.21629 22.7569 8.3312C22.637 8.56088 22.458 8.88258 22.217 9.26056C21.8211 9.88149 21.2533 10.6616 20.4994 11.4366L21.4001 12.3169C21.6726 12.5832 21.6726 13.0149 21.4001 13.2811C21.1277 13.5474 20.6859 13.5474 20.4135 13.2811L19.4827 12.3715C18.8691 12.874 18.1653 13.3455 17.3674 13.733L18.2358 15.0373C18.4459 15.3529 18.3545 15.7752 18.0315 15.9806C17.7086 16.186 17.2764 16.0966 17.0662 15.781L16.0531 14.2593C15.3281 14.4906 14.5432 14.6479 13.6975 14.7042V16.3182C13.6975 16.6947 13.3852 17 12.9999 17C12.6146 17 12.3022 16.6947 12.3022 16.3182V14.7042C11.4826 14.6496 10.72 14.5002 10.0138 14.2804L9.01462 15.781C8.80448 16.0966 8.37231 16.186 8.04934 15.9807C7.72638 15.7753 7.63492 15.353 7.84507 15.0373L8.69382 13.7626C7.88975 13.3788 7.18027 12.9093 6.5613 12.4076L5.66737 13.2812C5.39492 13.5475 4.95318 13.5475 4.68072 13.2812C4.40826 13.0149 4.40826 12.5832 4.68072 12.317L5.54003 11.4772C4.773 10.6957 4.19558 9.90608 3.79327 9.2771C3.54869 8.89472 3.36706 8.56892 3.24547 8.33623C3.18463 8.21981 3.1387 8.12647 3.10732 8.06073C3.09163 8.02786 3.07956 8.00187 3.07108 7.98332L3.06104 7.96115L3.05803 7.95438L3.05702 7.9521L3.05664 7.95123M22.577 7.0553L21.6609 7.4134M22.577 7.0553C22.2229 6.90701 21.8128 7.06748 21.6609 7.4134M3.05664 7.95123C3.05657 7.95107 3.05634 7.95056 3.6976 7.68198L3.05664 7.95123ZM3.05664 7.95123C2.90485 7.60513 3.06862 7.20363 3.42277 7.0553C3.77664 6.90709 4.1864 7.06704 4.33848 7.41255M4.33848 7.41255C4.33843 7.41243 4.33854 7.41267 4.33848 7.41255ZM4.33848 7.41255L4.33937 7.41454L4.34502 7.42701C4.35051 7.439 4.35943 7.45826 4.37183 7.48424C4.39663 7.5362 4.43531 7.61494 4.48814 7.71605C4.5939 7.91843 4.75591 8.20949 4.97648 8.55433C5.4189 9.24602 6.08981 10.1429 7.00519 10.9743C7.81068 11.7058 8.79773 12.3797 9.97824 12.8235C10.8661 13.1574 11.8701 13.3637 12.9999 13.3637C14.155 13.3637 15.1786 13.148 16.0812 12.8008C17.2546 12.3495 18.2349 11.6712 19.034 10.9383C19.9359 10.111 20.5969 9.22301 21.0328 8.53942C21.2501 8.19861 21.4097 7.91131 21.5139 7.71168C21.5659 7.61194 21.604 7.53432 21.6285 7.48312C21.6407 7.45752 21.6494 7.43855 21.6548 7.42675L21.6604 7.41449L21.6609 7.4134M21.6609 7.4134C21.6608 7.41349 21.6609 7.41332 21.6609 7.4134Z", stroke: "rgb(46, 58, 76)", strokeWidth: "0.3", strokeLinecap: "round" })] })));
+};
+exports.ClosedEyeSecondSvg = ClosedEyeSecondSvg;

package/dist/lib/components/ui/Icons/Base/OpenEyeSecondSvg.d.ts

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

package/dist/lib/components/ui/Icons/Base/OpenEyeSecondSvg.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.OpenEyeSecondSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var OpenEyeSecondSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '25' : _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 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: classes, onClick: handleClick }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M3.77489 15.2957C2.92496 14.1915 2.5 13.6394 2.5 12C2.5 10.3606 2.92496 9.80853 3.77489 8.70433C5.47196 6.49956 8.31811 4 12.5 4C16.6819 4 19.528 6.49956 21.2251 8.70433C22.075 9.80853 22.5 10.3606 22.5 12C22.5 13.6394 22.075 14.1915 21.2251 15.2957C19.528 17.5004 16.6819 20 12.5 20C8.31811 20 5.47196 17.5004 3.77489 15.2957Z", stroke: "rgb(46, 58, 76)", strokeWidth: "1.8" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5 12C15.5 13.6569 14.1569 15 12.5 15C10.8431 15 9.5 13.6569 9.5 12C9.5 10.3431 10.8431 9 12.5 9C14.1569 9 15.5 10.3431 15.5 12Z", stroke: "rgb(46, 58, 76)", strokeWidth: "1.8" })] })));
+};
+exports.OpenEyeSecondSvg = OpenEyeSecondSvg;