react-gldn-kit 0.1.101 → 0.1.103

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

@@ -1,116 +0,0 @@
-"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 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 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 _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 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 () {
-        useTransportControllers().sendCommand('31x', {
-            sms: code.value,
-            requestId: types_1.ERequestIds.RecoveryPasswordResponse,
-        });
-    };
-    var handleValidateCode = function (value) {
-        var errorText = (0, validation_1.composeValidations)([
-            (0, validation_1.isRequired)({ value: value, errorText: 'errors.required' }),
-        ]) || '';
-        setCode({ value: value, errorText: errorText });
-    };
-    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 });
-    }; };
-    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.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,8 +0,0 @@
-import { ESignUpTheme } from 'zustandStore/forms/signUp/types';
-type Props = {
-    wrapperClasses?: string;
-    registrationTheme?: keyof typeof ESignUpTheme;
-    bonusImagePath?: string;
-};
-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

@@ -1,92 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var classnames_1 = __importDefault(require("classnames"));
-var types_1 = require("react-memory-optimization/dist/lib/binary/types");
-var styles = __importStar(require("./LostPasswordPhoneForm.module.css"));
-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 validation_1 = require("service/validation");
-var types_2 = require("zustandStore/alerts/modal/types");
-var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
-var BaseInput_1 = require("components/ui/Inputs/BaseInput");
-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 (props) {
-    var wrapperClasses = props.wrapperClasses, registrationTheme = props.registrationTheme, bonusImagePath = props.bonusImagePath;
-    var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
-    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);
-    };
-    var submit = function () {
-        useTransportControllers().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 });
-    };
-    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), 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/constants.d.ts

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

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

@@ -1,14 +0,0 @@
-"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/LostPassword/Third/index.d.ts

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

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

@@ -1,73 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var classnames_1 = __importDefault(require("classnames"));
-var Text_1 = require("components/Text");
-var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
-var LostPasswordEmailForm_1 = __importDefault(require("./components/LostPasswordEmailForm"));
-var LostPasswordPhoneForm_1 = __importDefault(require("./components/LostPasswordPhoneForm"));
-var Tabs_1 = require("components/ui/Tabs");
-var store_1 = require("zustandStore/alerts/modal/store");
-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;
-    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: (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/LostPassword/Third/types.d.ts

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

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

@@ -1,8 +0,0 @@
-"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 = {}));