react-gldn-kit 0.1.14 → 0.1.15

package/dist/lib/components/Modals/Alert/components/Auth/LostPassword/components/LostPasswordEmailForm/index.d.ts

@@ -0,0 +1,4 @@
+declare const LostPasswordEmailForm: ({ sendCommand }: {
+    sendCommand: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LostPasswordEmailForm;

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

@@ -0,0 +1,96 @@
+"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 styles = __importStar(require("./LostPasswordEmailForm.module.css"));
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var validation_1 = require("service/validation");
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var Timer_1 = __importDefault(require("components/ui/Timer"));
+var Buttons_1 = require("components/ui/Buttons");
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var LostPasswordEmailForm = function (_a) {
+    // const { sendCommand } = useTransportControllers();
+    var sendCommand = _a.sendCommand;
+    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
+    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _c[0], setCode = _c[1];
+    var _d = (0, react_1.useState)(false), isRequestedCode = _d[0], setRequestedCodeStatus = _d[1];
+    var 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.value && !email.errorText;
+        var isCode = code.value && !code.errorText;
+        return isCode && isEmail;
+    }, [email, code]);
+    var submit = function () {
+        sendCommand('31x', {
+            sms: code.value,
+            requestId: types_1.ERequestIds.RecoveryPasswordResponse,
+        });
+    };
+    var handleValidate = function (type) { return function (value) {
+        if (type === 'email') {
+            var errorText_1 = (0, validation_1.composeValidations)([
+                (0, validation_1.isRequired)({ value: value, errorText: 'errors.required' }),
+                (0, validation_1.isEmail)({ value: value, errorText: 'errors.email' }),
+            ]);
+            setEmail({ value: value, errorText: errorText_1 });
+            return;
+        }
+        var errorText = (0, validation_1.composeValidations)([
+            (0, validation_1.isRequired)({ value: value, errorText: 'errors.required' }),
+        ]);
+        setCode({ value: value, errorText: errorText });
+    }; };
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "popUp.recoveryPsw.email", size: "large", disabled: isRequestedCode, errorText: email.errorText, defaultValue: "", onChange: handleValidate('email'), classes: styles.formInput }), isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode })) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: !email.errorText ? 'primary' : 'dark', handleClick: isShowTimer, disabled: Boolean(email.errorText), size: "--button-full", buttonHeight: "--button-height-l", text: "getCodeBtn", classes: styles.formInput, centreText: true })), isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "popUp.recoveryPsw.code", size: "large", disabled: false, defaultValue: "", onChange: handleValidate('code'), classes: styles.formInput })), isValidForm && ((0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\31x", requestId: types_1.ERequestIds.RecoveryPasswordResponse }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", size: "--button-full", buttonHeight: "--button-height-l", handleClick: submit, text: "popUp.recoveryPsw.submitBtn", centreText: true }) })))] }));
+};
+exports.default = LostPasswordEmailForm;

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

@@ -0,0 +1,4 @@
+declare const LostPasswordPhoneForm: ({ sendCommand }: {
+    sendCommand: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LostPasswordPhoneForm;

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

@@ -0,0 +1,54 @@
+"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 __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 LostPasswordPhoneForm_module_css_1 = __importDefault(require("./LostPasswordPhoneForm.module.css"));
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var validation_1 = require("service/validation");
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var Buttons_1 = require("components/ui/Buttons");
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var LostPasswordPhoneForm = function (_a) {
+    var sendCommand = _a.sendCommand;
+    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];
+    // const { sendCommand } = useTransportControllers();
+    var _d = (0, react_1.useState)(false), isRequestedCode = _d[0], setRequestedCodeStatus = _d[1];
+    var callbackRequest = function () {
+        setRequestedCodeStatus(true);
+    };
+    var submit = function () {
+        sendCommand('31x', {
+            sms: code.value,
+            requestId: types_1.ERequestIds.RecoveryPasswordResponse,
+        });
+    };
+    var isValidForm = (0, react_1.useMemo)(function () {
+        var isPhone = phone;
+        var isCode = code.value && !code.errorText;
+        return isCode && isPhone;
+    }, [phone, code]);
+    var handleValidateCode = function (value) {
+        var errorText = (0, validation_1.composeValidations)([
+            (0, validation_1.isRequired)({ value: value, errorText: 'errors.required' }),
+        ]);
+        setCode({ value: value, errorText: errorText });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "popUp.recoveryPsw.code", size: "large", disabled: false, defaultValue: "", onChange: handleValidateCode, classes: LostPasswordPhoneForm_module_css_1.default.formInput })), isValidForm && ((0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\31x", requestId: types_1.ERequestIds.RecoveryPasswordResponse }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", size: "--button-full", buttonHeight: "--button-height-l", handleClick: submit, text: "popUp.recoveryPsw.submitBtn", centreText: true }) })))] }));
+};
+exports.default = LostPasswordPhoneForm;

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

@@ -0,0 +1,5 @@
+import { RecoveryFormType } from './types';
+export declare const RECOVERY_TABS: {
+    label: string;
+    value: RecoveryFormType;
+}[];

package/dist/lib/components/Modals/Alert/components/Auth/LostPassword/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RECOVERY_TABS = void 0;
+var types_1 = require("./types");
+exports.RECOVERY_TABS = [
+    {
+        label: 'recoveryPsw.tabs.phone',
+        value: types_1.RecoveryFormType.Phone,
+    },
+    {
+        label: 'recoveryPsw.tabs.email',
+        value: types_1.RecoveryFormType.Email,
+    },
+];

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

@@ -0,0 +1,3 @@
+export declare const LostPassword: ({ sendCommand }: {
+    sendCommand: any;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,50 @@
+"use strict";
+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.LostPassword = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var LostPasswordEmailForm_1 = __importDefault(require("./components/LostPasswordEmailForm"));
+var LostPasswordPhoneForm_1 = __importDefault(require("./components/LostPasswordPhoneForm"));
+var Tabs_1 = require("components/ui/Tabs");
+var constants_1 = require("./constants");
+var types_1 = require("./types");
+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("./LostPassword.module.css"));
+var LostPassword = function (_a) {
+    var sendCommand = _a.sendCommand;
+    var closeModal = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
+    var _b = (0, react_1.useState)(types_1.RecoveryFormType.Email), activeValue = _b[0], setActiveValue = _b[1];
+    var handleCloseModal = function () {
+        closeModal(types_2.EModalTypes.Unknown);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeValue, data: constants_1.RECOVERY_TABS, onChange: setActiveValue, classes: styles.tabWrapper }), activeValue === types_1.RecoveryFormType.Email && ((0, jsx_runtime_1.jsx)(LostPasswordEmailForm_1.default, { sendCommand: sendCommand })), activeValue === types_1.RecoveryFormType.Phone && ((0, jsx_runtime_1.jsx)(LostPasswordPhoneForm_1.default, { sendCommand: sendCommand }))] }));
+};
+exports.LostPassword = LostPassword;

package/dist/lib/components/Modals/Alert/components/Auth/LostPassword/types.d.ts

@@ -0,0 +1,4 @@
+export declare enum RecoveryFormType {
+    Phone = 0,
+    Email = 1
+}

package/dist/lib/components/Modals/Alert/components/Auth/LostPassword/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecoveryFormType = void 0;
+var RecoveryFormType;
+(function (RecoveryFormType) {
+    RecoveryFormType[RecoveryFormType["Phone"] = 0] = "Phone";
+    RecoveryFormType[RecoveryFormType["Email"] = 1] = "Email";
+})(RecoveryFormType = exports.RecoveryFormType || (exports.RecoveryFormType = {}));

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

@@ -59,6 +59,8 @@ var Buttons_1 = require("components/ui/Buttons");
 var Text_1 = require("components/Text");
 var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
 var styles = __importStar(require("./SignIn.module.css"));
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
 var SignIn = function (props) {
     var _a;
     var sendCommand = props.sendCommand;
@@ -101,6 +103,6 @@ var SignIn = function (props) {
                         _a[styles.formOne] = activeForm === types_3.EAuthFormType.Phone,
                         _a[styles.formTwo] = activeForm === types_3.EAuthFormType.Email,
                         _a[styles.formThree] = activeForm === types_3.EAuthFormType.UserName,
-                        _a)) }, { children: [(0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone }), (0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand }), (0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId })] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { placeholder: "authorization.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPassword) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.lostPasswordBtn" }) })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "authorization.submitBtn", size: "--button-full", buttonHeight: "--button-height-full", color: "primary", disabled: Boolean(!activeInput || !password), handleClick: handleSignIn, classes: styles.btn, centreText: true }), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: getText('header.join'), size: "--button-full", buttonHeight: "--button-height-full", handleClick: setModalType(types_2.EModalTypes.SignUp), classes: (0, classnames_1.default)(styles.btn, styles.reg), color: "dark", centreText: true })] })) })));
+                        _a)) }, { children: [(0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone }), (0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand }), (0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId })] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { placeholder: "authorization.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPassword) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.lostPasswordBtn" }) })), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\x02", requestId: types_1.ERequestIds.AuthorizeByEmail, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "authorization.submitBtn", size: "--button-full", buttonHeight: "--button-height-full", color: "primary", disabled: Boolean(!activeInput || !password), handleClick: handleSignIn, classes: styles.btn, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "authorization.join", size: "--button-full", buttonHeight: "--button-height-full", handleClick: setModalType(types_2.EModalTypes.SignUp), classes: (0, classnames_1.default)(styles.btn, styles.reg), color: "dark", centreText: true })] })) })));
 };
 exports.SignIn = SignIn;

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

@@ -80,6 +80,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var selectors_1 = require("zustandStore/alerts/modal/selectors");
 var store_1 = require("zustandStore/alerts/modal/store");
 var types_1 = require("zustandStore/alerts/modal/types");
+var LostPassword_1 = require("./components/Auth/LostPassword");
 var ModalLayout_1 = require("components/Layouts/ModalLayout");
 var SignUp = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, void 0, function () {
     var _a;
@@ -139,6 +140,8 @@ var Alerts = function (props) {
                 return ((0, jsx_runtime_1.jsx)(SignIn, { sendCommand: sendCommand }));
             case types_1.EModalTypes.Credentials:
                 return (0, jsx_runtime_1.jsx)(Credentials, { sendCommand: sendCommand });
+            case types_1.EModalTypes.LostPassword:
+                return (0, jsx_runtime_1.jsx)(LostPassword_1.LostPassword, { sendCommand: sendCommand });
             default:
                 return null;
         }

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

@@ -45,13 +45,11 @@ var react_phone_number_input_1 = __importStar(require("react-phone-number-input"
 var validation_1 = require("service/validation");
 var Text_1 = require("components/Text");
 var constants_1 = require("components/SignUp/CountrySelector/constants");
+var BaseButton_1 = require("components/ui/Buttons/BaseButton");
+var Timer_1 = __importDefault(require("components/ui/Timer"));
 var useTranslate_1 = require("hooks/useTranslate");
 var constant_1 = require("../BaseInput/constant");
 var styles = __importStar(require("./PhoneInput.module.css"));
-var BaseButton_1 = require("components/ui/Buttons/BaseButton");
-var Timer_1 = __importDefault(require("components/ui/Timer"));
-// TODO move to lib
-// type Props = Input &
 var PhoneInput = function (props) {
     var _a;
     var withConfirm = props.withConfirm, requestId = props.requestId, sendDataType = props.sendDataType, children = props.children, classesWrapper = props.classesWrapper, requestCallback = props.requestCallback, onChange = props.onChange, sendKey = props.sendKey, countryCodeDefault = props.countryCodeDefault, _b = props.section, section = _b === void 0 ? undefined : _b, requestCode = props.requestCode;

package/dist/main.css

@@ -1371,6 +1371,21 @@
     opacity: 1;
   }
 }
+.KIT__Timer-module__wrapperTimer___yxeGk {
+  display: flex;
+  margin-bottom: var(--indent-l);
+  justify-content: center;
+  color: var(--timer-wrapper-color);
+}
+
+.KIT__Timer-module__time___imFax {
+  color: var(--timer-time-color);
+  margin-left: var(--indent-l);
+}
+
+.KIT__Timer-module__time___imFax:first-child {
+  margin-left: 0;
+}
 .KIT__PhoneInput-module__input___hyTKa {
   border-radius: var(--border-s);
   border: var(--input-border);
@@ -1434,21 +1449,6 @@
   color: var(--input-base-autofill-text-color);
   background-clip: text;
 }
-.KIT__Timer-module__wrapperTimer___yxeGk {
-  display: flex;
-  margin-bottom: var(--indent-l);
-  justify-content: center;
-  color: var(--timer-wrapper-color);
-}
-
-.KIT__Timer-module__time___imFax {
-  color: var(--timer-time-color);
-  margin-left: var(--indent-l);
-}
-
-.KIT__Timer-module__time___imFax:first-child {
-  margin-left: 0;
-}
 .KIT__SignIn-module__content___fTb1F {
   width: 100%;
   display: flex;
@@ -1479,8 +1479,9 @@
 }
 
 .KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__passwordField___JDN8l,
-.KIT__SignIn-module__wrapperForm___QHw6_ > div,
+.KIT__SignIn-module__wrapperForm___QHw6_>div,
 .KIT__SignIn-module__lostPsw___UZZrP {
+  cursor: pointer;
   width: calc(var(--full) - var(--indent-xxl));
 }
 
@@ -1541,6 +1542,12 @@
     width: 500px;
   }
 }
+.KIT__HOCRequestLoader-module__loader___xFYfs {
+  width: inherit;
+  height: inherit;
+  background-color: var(--hoc-request-loader-background-color);
+  color: var(--hoc-request-loader-color);
+}
 
 .KIT__PopUpHeader-module__wrapperPopUpHeader___GmjiQ {
   display: flex;
@@ -2069,6 +2076,20 @@
       font-weight: 700;
     }
 
+.KIT__LostPasswordEmailForm-module__formInput___ZhBnH {
+  margin-bottom: 25px;
+}
+.KIT__LostPasswordPhoneForm-module__formInput___KlA96 {
+  margin-bottom: var(--indent-base);
+}
+
+.KIT__LostPasswordPhoneForm-module__formPhoneWrapper___UkZwK {
+  margin-bottom: 25px;
+}
+.KIT__LostPassword-module__tabWrapper___UNsFP {
+  width:var(--large);
+  margin-bottom: var(--indent-base);
+}
 .KIT__Credentials-module__wrapperCredentials___AH3RX {
   display: flex;
   flex-direction: column;
@@ -2812,13 +2833,6 @@
     bottom: 0%;
   }
 }
-.KIT__HOCRequestLoader-module__loader___xFYfs {
-  width: inherit;
-  height: inherit;
-  background-color: var(--hoc-request-loader-background-color);
-  color: var(--hoc-request-loader-color);
-}
-
 .KIT__MainLoader-module__wrapperMainLoader___m3z7o {
   width: 100%;
   height: 100%;
@@ -4585,6 +4599,9 @@
   --selector-color: var(--input-text-color);
   --selector-arrow-gb-opened: var(--base-0, red);
 }
+:root {
+  --sign-in-modal-lost-password-color: white;
+}
 :root {
   --base-1000: rgba(0, 0, 0, 1);
   --base-900: rgba(23, 25, 36, 1);
@@ -4647,7 +4664,6 @@
   --layout-lvl-4: 31;
   --layout-lvl-5: 41;
 }
-
 /* CSS variables. */
 :root {
 	--PhoneInput-color--focus: #03b2cb;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],
@@ -14,7 +14,7 @@
     "clear": "sudo rm -rf node_modules && npm i",
     "add:react": " npm link ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/react ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/@types/react ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/classnames ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/react-dom ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/@types/react-dom  ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/react-responsive-carousel ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/react-easy-swipe ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/react-memory-optimization",
     "add:react:win": " npm link ../../EL/elonbet/front-end/web-spa/node_modules/react ../../EL/elonbet/front-end/web-spa/node_modules/@types/react ../../EL/elonbet/front-end/web-spa/node_modules/classnames ../../EL/elonbet/front-end/web-spa/node_modules/react-dom ../../EL/elonbet/front-end/web-spa/node_modules/@types/react-dom  ../../EL/elonbet/front-end/web-spa/node_modules/react-responsive-carousel ../../EL/elonbet/front-end/web-spa/node_modules/react-easy-swipe ../../EL/elonbet/front-end/web-spa/node_modules/react-memory-optimization",
-    "add:react-l-b": " npm link ../../../../landing-builder/node_modules/react ../../../../landing-builder/node_modules/@types/react ../../../../landing-builder/node_modules/classnames ../../../../landing-builder/node_modules/react-dom ../../../../landing-builder/node_modules/@types/react-dom ../../../../landing-builder/node_modules/react-memory-optimization",
+    "add:react-l-b": " npm link ../landing-builder/web/node_modules/react ../landing-builder/web/node_modules/@types/react ../landing-builder/web/node_modules/classnames ../landing-builder/web/node_modules/react-dom ../landing-builder/web/node_modules/@types/react-dom ../landing-builder/web/node_modules/react-memory-optimization",
     "dev:kit": "sudo npm run add:react && npm run dev",
     "dev:kit-lb": "sudo npm run add:react-l-b && npm run dev",
     "dev:kit-win": "npm run add:react:win && rimraf ./dist/lib && tsc --build tsconfig.json && webpack --watch",