react-gldn-kit 0.1.54 → 0.1.56

package/dist/lib/components/Layouts/ModalLayout/index.js

@@ -45,8 +45,8 @@ var PortalLayout_1 = require("../PortalLayout");
 var ModalContent_1 = require("./component/ModalContent");
 var styles = __importStar(require("./ModalLayout.module.css"));
 var ModalLayout = function (props) {
-    var children = props.children, classes = props.classes, popUpHeaderProps = props.popUpHeaderProps, modalLayoutClasses = props.modalLayoutClasses;
+    var children = props.children, classes = props.classes, popUpHeaderProps = props.popUpHeaderProps, modalLayoutClasses = props.modalLayoutClasses, modalContentClasses = props.modalContentClasses;
     var title = popUpHeaderProps.title, closeButton = popUpHeaderProps.closeButton;
-    return ((0, jsx_runtime_1.jsx)(PortalLayout_1.PortalLayout, __assign({ classes: classes }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperModalLayout, modalLayoutClasses) }, { children: [(closeButton || title) && ((0, jsx_runtime_1.jsx)(Headers_1.PopUpHeader, __assign({}, (popUpHeaderProps || { title: ' ' }), { closeButton: closeButton, classes: (0, classnames_1.default)((popUpHeaderProps === null || popUpHeaderProps === void 0 ? void 0 : popUpHeaderProps.classes) || '', styles.overflow) }))), (0, jsx_runtime_1.jsx)(ModalContent_1.ModalContent, { children: children })] })) })));
+    return ((0, jsx_runtime_1.jsx)(PortalLayout_1.PortalLayout, __assign({ classes: classes }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperModalLayout, modalLayoutClasses) }, { children: [(closeButton || title) && ((0, jsx_runtime_1.jsx)(Headers_1.PopUpHeader, __assign({}, (popUpHeaderProps || { title: ' ' }), { closeButton: closeButton, classes: (0, classnames_1.default)((popUpHeaderProps === null || popUpHeaderProps === void 0 ? void 0 : popUpHeaderProps.classes) || '', styles.overflow) }))), (0, jsx_runtime_1.jsx)(ModalContent_1.ModalContent, __assign({ classes: modalContentClasses }, { children: children }))] })) })));
 };
 exports.ModalLayout = ModalLayout;

package/dist/lib/components/Layouts/ModalLayout/types.d.ts

@@ -5,4 +5,5 @@ export type ModalLayoutProps = {
     classes?: string;
     modalLayoutClasses?: string;
     popUpHeaderProps?: PopUpHeaderProps;
+    modalContentClasses?: string;
 };

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

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

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

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmailSignInForm = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var EmailInput_1 = require("components/ui/Inputs/EmailInput");
+var Text_1 = require("components/Text");
+var styles = __importStar(require("../../SignInThird.module.css"));
+var EmailSignInForm = function (_a) {
+    var classes = _a.classes, onChange = _a.onChange, sendCommand = _a.sendCommand;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.emailSignIn" }) })), (0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, { sendCommand: sendCommand, isHidePlaceholder: true, placeholder: "authorization.inputs.email", size: "full", withoutConfirmCode: true, onChange: onChange })] })));
+};
+exports.EmailSignInForm = EmailSignInForm;

package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/components/EmailSignInForm/types.d.ts

@@ -0,0 +1 @@
+export type InputValidationType = 'email' | 'password';

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

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

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

@@ -0,0 +1,65 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IdSignInForm = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var validation_1 = require("service/validation");
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var Text_1 = require("components/Text");
+var styles = __importStar(require("../../SignInThird.module.css"));
+var IdSignInForm = function (_a) {
+    var classes = _a.classes, onChange = _a.onChange;
+    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), userId = _b[0], setUserId = _b[1];
+    var validateValue = function (value) {
+        var errorText = (0, validation_1.composeValidations)([
+            (0, validation_1.isRequired)({ value: value, errorText: 'errors.required' }),
+        ]);
+        setUserId({ value: value, errorText: errorText });
+        if (errorText) {
+            onChange('');
+            return;
+        }
+        onChange(value);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.idSignIn" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { isHidePlaceholder: true, placeholder: "authorization.inputs.userId", size: "full", errorText: userId.errorText, patternFn: validation_1.extractNumbersFromString, onChange: validateValue })] })));
+};
+exports.IdSignInForm = IdSignInForm;

package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/components/IdSignInForm/types.d.ts

@@ -0,0 +1 @@
+export type InputValidationType = 'userId' | 'password';

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

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

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

@@ -0,0 +1,52 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhoneSignInForm = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var Text_1 = require("components/Text");
+var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
+// import { PhoneInput } from 'react-gldn-kit';
+// import animation from 'styles/animation.module.css';
+var styles = __importStar(require("../../SignInThird.module.css"));
+var PhoneSignInForm = function (_a) {
+    var classes = _a.classes, onChange = _a.onChange;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.phoneSignIn" }) })), (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { isHidePlaceholder: true, withConfirm: false, placeholder: "walletPopUp.forms.phone", size: "full", onChange: onChange })] })));
+};
+exports.PhoneSignInForm = PhoneSignInForm;

package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/components/PhoneSignInForm/types.d.ts

@@ -0,0 +1 @@
+export type InputValidationType = 'phone' | 'password';

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

@@ -0,0 +1,5 @@
+import { EAuthFormType } from 'zustandStore/forms/signIn/types';
+export declare const AUTH_TABS: {
+    label: string;
+    value: EAuthFormType;
+}[];

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTH_TABS = void 0;
+var types_1 = require("zustandStore/forms/signIn/types");
+exports.AUTH_TABS = [
+    {
+        label: 'signInThree.tabs.phone',
+        value: types_1.EAuthFormType.Phone,
+    },
+    {
+        label: 'signInThree.tabs.email',
+        value: types_1.EAuthFormType.Email,
+    },
+    {
+        label: 'signInThree.tabs.id',
+        value: types_1.EAuthFormType.UserName,
+    },
+];

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

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

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

@@ -0,0 +1,125 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SignInThird = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = require("react");
+var types_1 = require("react-memory-optimization/dist/lib/binary/types");
+var EmailSignInForm_1 = require("./components/EmailSignInForm");
+var PhoneSignInForm_1 = require("./components/PhoneSignInForm");
+var IdSignInForm_1 = require("./components/IdSignInForm");
+var constants_1 = require("./constants");
+var store_1 = require("zustandStore/forms/signIn/store");
+var selectors_1 = require("zustandStore/forms/signIn/selectors");
+var store_2 = require("zustandStore/alerts/modal/store");
+var selectors_2 = require("zustandStore/alerts/modal/selectors");
+var types_2 = require("zustandStore/alerts/modal/types");
+var types_3 = require("zustandStore/forms/signIn/types");
+var utils_1 = require("zustandStore/forms/signUp/utils");
+var Tabs_1 = require("components/ui/Tabs");
+var Buttons_1 = require("components/ui/Buttons");
+var Text_1 = require("components/Text");
+var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
+var ModalContext_1 = require("context/logic/ModalContext");
+var styles = __importStar(require("./SignInThird.module.css"));
+var types_4 = require("../../SignUp/Third/types");
+var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
+var SignInThird = function () {
+    var _a;
+    var _b = (0, ModalContext_1.useHookProvider)(), useTransportControllers = _b.useTransportControllers, appType = _b.appType;
+    var sendCommand = useTransportControllers().sendCommand;
+    var activeForm = (0, store_1.useZustandSignInKitStore)(selectors_1.zustandSignInKitSelectors.getActiveSignInFormSelector);
+    var setAuthFormType = (0, store_1.useZustandSignInKitStore)(selectors_1.zustandSignInKitSelectors.setActiveSignInFormAction);
+    var closeAndOpen = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.closeAndOpenModalAction);
+    var additionalSettings = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
+    var _c = additionalSettings.registrationTheme, registrationTheme = _c === void 0 ? types_4.ESignUpThreeTheme.Yellow : _c, _d = additionalSettings.promotionImagePath, promotionImagePath = _d === void 0 ? '' : _d;
+    var _e = (0, react_1.useState)(''), password = _e[0], setPassword = _e[1];
+    var _f = (0, react_1.useState)(''), email = _f[0], setEmail = _f[1];
+    var _g = (0, react_1.useState)(''), id = _g[0], setId = _g[1];
+    var _h = (0, react_1.useState)(''), phone = _h[0], setPhone = _h[1];
+    var handleSignIn = function () {
+        var logInInfo = activeForm === types_3.EAuthFormType.Phone ? phone : email;
+        if (activeForm === types_3.EAuthFormType.UserName) {
+            logInInfo = id;
+        }
+        var data = (0, utils_1.getAuthorizationData)(logInInfo, password, types_1.ERequestIds.AuthorizeByEmail);
+        sendCommand('x02', data, true);
+    };
+    var setModalType = function (t) {
+        return function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            closeAndOpen(t, {
+                preventClose: true,
+            });
+        };
+    };
+    var activeInput = (0, react_1.useMemo)(function () {
+        if (activeForm === types_3.EAuthFormType.Phone) {
+            return phone;
+        }
+        if (activeForm === types_3.EAuthFormType.Email) {
+            return email;
+        }
+        return id;
+    }, [activeForm, phone, email, id]);
+    var handleOpenSignUp = function () {
+        closeAndOpen(types_2.EModalTypes.SignUpThree, __assign({}, additionalSettings));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralCopyContent, (_a = {},
+            _a[styles.purple] = registrationTheme === types_4.ESignUpThreeTheme.Purple,
+            _a[styles.lightBlue] = registrationTheme === types_4.ESignUpThreeTheme.LightBlue,
+            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftSide }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.banner, style: {
+                            backgroundImage: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.bonusImagePath) ||
+                                "url(/landings/assets-builder/signUpThree/".concat(appType, "/mob.png)"),
+                            backgroundPosition: 'center',
+                            backgroundSize: '100% 100%',
+                            backgroundRepeat: 'no-repeat',
+                        } }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.title" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: handleOpenSignUp }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) }))] })), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, onChange: setAuthFormType, data: constants_1.AUTH_TABS, classes: styles.wrapperTabs, type: "underline", tabClasses: styles.tab }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperForms }, { children: [activeForm === types_3.EAuthFormType.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone })), activeForm === types_3.EAuthFormType.Email && ((0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand })), activeForm === types_3.EAuthFormType.UserName && ((0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId }))] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { placeholder: "authorization.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPasswordThree) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.lostPasswordBtn" }) })), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\x02", requestId: types_1.ERequestIds.AuthorizeByEmail, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "authorization.submitBtn", size: "--button-full", buttonHeight: "--button-height-full", color: "primary", disabled: Boolean(!activeInput || !password), handleClick: handleSignIn, classes: styles.submitButton, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.noAccount" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.register, onClick: handleOpenSignUp }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.register" }) }))] })) })] })), (0, jsx_runtime_1.jsx)("div", { className: styles.rightSide, style: {
+                    backgroundImage: promotionImagePath ||
+                        "url(/landings/assets-builder/signUpThree/".concat(appType, "/desk.png)"),
+                    backgroundPosition: 'top',
+                    backgroundSize: '100% 100%',
+                    backgroundRepeat: 'no-repeat',
+                } })] })));
+};
+exports.SignInThird = SignInThird;

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/First/components/Forms/OneClickKit/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{types.d.ts → First/types.d.ts}

@@ -3,3 +3,8 @@ export type SignUpProps = {
     bonusText?: string;
     bonusSubText?: string;
 };
+export declare enum ERegistrationType {
+    First = 0,
+    Secondary = 1,
+    Third = 2
+}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ERegistrationType = void 0;
+var ERegistrationType;
+(function (ERegistrationType) {
+    ERegistrationType[ERegistrationType["First"] = 0] = "First";
+    ERegistrationType[ERegistrationType["Secondary"] = 1] = "Secondary";
+    ERegistrationType[ERegistrationType["Third"] = 2] = "Third";
+})(ERegistrationType = exports.ERegistrationType || (exports.ERegistrationType = {}));

package/dist/lib/components/Modals/Alert/components/Auth/{SignUpTypeTwo → SignUp/Second}/index.js

@@ -100,8 +100,7 @@ var SocialButtons_1 = require("components/SocialButtons");
 var types_3 = require("zustandStore/forms/signUp/types");
 var SignUpTypeTwo = function () {
     var _a, _b, _c;
-    var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
-    var sendCommand = useTransportControllers().sendCommand;
+    var sendRegistrationCommand = (0, ModalContext_1.useHookProvider)().sendRegistrationCommand;
     var tabs = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getRegistrationTabsSelector);
     var activeForm = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveRegistrationFormSelector);
     var setActiveForm = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveRegistrationFormAction);
@@ -116,7 +115,7 @@ var SignUpTypeTwo = function () {
     var _g = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _g[0], setEmail = _g[1];
     var titleRef = (0, react_1.useRef)(null);
     var _h = (0, react_1.useState)(0), titleHeight = _h[0], setTitleHeight = _h[1];
-    var _j = data.registrationTitle, registrationTitle = _j === void 0 ? 'signUpTwo.won' : _j, _k = data.bonusImagePath, bonusImagePath = _k === void 0 ? '' : _k, _l = data.registrationTheme, registrationTheme = _l === void 0 ? types_3.ESignUpTheme.Brown : _l, _m = data.buttonText, buttonText = _m === void 0 ? 'signUpTwo.joinNow' : _m, _o = data.social, social = _o === void 0 ? [] : _o;
+    var _j = data.registrationTitle, registrationTitle = _j === void 0 ? 'signUpTwo.won' : _j, _k = data.bonusImagePath, bonusImagePath = _k === void 0 ? '' : _k, _l = data.registrationTheme, registrationTheme = _l === void 0 ? types_3.ESignUpTheme.Brown : _l, _m = data.buttonText, buttonText = _m === void 0 ? 'signUpTwo.joinNow' : _m, _o = data.social, social = _o === void 0 ? [] : _o, _p = data.flow, flow = _p === void 0 ? types_3.ERegistrationFlow.Socket : _p;
     var regType = registrationTheme;
     var openSignIn = function () {
         setModal(types_2.EModalTypes.SignIn);
@@ -178,7 +177,7 @@ var SignUpTypeTwo = function () {
                     countryName: '', // TODO back not validate this value
                 })), { letter: 0, login: phone, email: '', password: password, sms: '', requestId: types_1.ERequestIds.Registration });
                 setRegisteredLogin(phone);
-                sendCommand('08x', sendData_1, true);
+                sendRegistrationCommand(flow)('08x', sendData_1);
                 // if (analytics?.GA) {
                 //   trackEvent('click_registration_button_phone_send', {
                 //     description:
@@ -195,7 +194,7 @@ var SignUpTypeTwo = function () {
                 countryName: '', // TODO back not validate this value
             });
             setRegisteredLogin(email.value);
-            sendCommand('06x', __assign(__assign({}, sendData), { email: email.value, password: password, letters: 0, promoCode: '' }), true);
+            sendRegistrationCommand(flow)('06x', __assign(__assign({}, sendData), { email: email.value, password: password, letters: 0, promoCode: '' }));
             return [2 /*return*/];
         });
     }); };

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

@@ -0,0 +1,11 @@
+import { CountryInfo, CurrencyInfo } from 'react-memory-optimization/dist/lib/store/user/types';
+import { getRegistrationData } from 'zustandStore/forms/signUp/utils';
+type Props = {
+    isSelected: boolean;
+    handleRegistration: (k: string, data: ReturnType<typeof getRegistrationData>) => void;
+    availableCurrencies: CurrencyInfo[];
+    countryInfo: CountryInfo | null;
+    classes?: string;
+};
+export declare const EmailSignUp: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,137 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmailSignUp = void 0;
+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 CurrencySelector_1 = require("components/SignUp/CurrencySelector");
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var BaseButton_1 = require("components/ui/Buttons/BaseButton");
+var DocsCheckBox_1 = require("components/SignUpThree/DocsCheckBox");
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var store_1 = require("zustandStore/forms/signUp/store");
+var selectors_1 = require("zustandStore/forms/signUp/selectors");
+var selectors_2 = require("zustandStore/languages/selectors");
+var store_2 = require("zustandStore/languages/store");
+var store_3 = require("zustandStore/connection/store");
+var selectors_3 = require("zustandStore/connection/selectors");
+var validation_1 = require("service/validation");
+var utils_1 = require("zustandStore/forms/signUp/utils");
+var styles = __importStar(require("../../../SignUpTypeThree.module.css"));
+var stylesEmailSignUp = __importStar(require("./EmailSignUp.module.css"));
+var CountrySelector_1 = require("components/SignUp/CountrySelector");
+var EmailSignUp = function (props) {
+    var countryInfo = props.countryInfo, _a = props.isSelected, isSelected = _a === void 0 ? false : _a, handleRegistration = props.handleRegistration, availableCurrencies = props.availableCurrencies, classes = props.classes;
+    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
+    // const docs = useZustandWebConfiguration(getDocsSelector) || {};
+    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), password = _c[0], setPassword = _c[1];
+    var setRegisteredLogin = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setRegisteredLoginAction);
+    var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
+    var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
+    var isConnectedApp = (0, store_3.useZustandConnectionKitStore)(selectors_3.connectionSelectors.isAvailableTransportSelector);
+    var _d = (0, react_1.useState)(isSelected), terms = _d[0], setTermsState = _d[1];
+    var _e = (0, react_1.useState)(isSelected), age = _e[0], setAgeState = _e[1];
+    var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
+        return Boolean(!activeCurrencyId ||
+            !email.value ||
+            email.errorText ||
+            !password.value ||
+            password.errorText ||
+            !terms ||
+            !isConnectedApp ||
+            !age);
+    }, [activeCurrencyId, email, password, terms]);
+    var handleChange = function (t) { return function (value) {
+        if (t === 'password') {
+            var errorText = (0, validation_1.composeValidations)([
+                (0, validation_1.isPassword)({
+                    value: value,
+                    errorText: ['errors.passwordMin', 'errors.passwordMax'],
+                }),
+            ]);
+            setPassword({
+                value: value,
+                errorText: errorText,
+            });
+            return;
+        }
+        var emailResponse = (0, validation_1.isEmail)({
+            value: value,
+            errorText: 'errors.email',
+        })();
+        setEmail(emailResponse);
+    }; };
+    var handleSubmitForm = function () {
+        if (!activeCurrencyId) {
+            return;
+        }
+        var sendData = (0, utils_1.getRegistrationData)({
+            registrationType: types_1.RegistrationSubType.Email,
+            countryId: 0,
+            currencyId: activeCurrencyId,
+            countryName: '', // TODO back not validate this value
+        });
+        setRegisteredLogin(email.value);
+        handleRegistration('06x', __assign(__assign({}, sendData), { email: email.value, password: password.value, letters: 0 }));
+    };
+    var handleToggleState = function (t) { return function () {
+        if (t === 'terms') {
+            setTermsState(!terms);
+            return;
+        }
+        setAgeState(!age);
+    }; };
+    var handleOpenDoc = function () {
+        if (!activeLang) {
+            return;
+        }
+        // TODO terms
+        // const link = docs[1]?.link.replace('[lang]', activeLang);
+        // if (!link) {
+        //   return;
+        // }
+        // openExternalLink(link, true);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: classes, dropdownClasses: styles.dropdown, classesItem: stylesEmailSignUp.selectorMainItem }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: stylesEmailSignUp.dropdown, classesItem: stylesEmailSignUp.selectorMainItem }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "06x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(stylesEmailSignUp.authButton, classes) }) }))] })));
+};
+exports.EmailSignUp = EmailSignUp;

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/OneClickKit/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const BASE_TRANSLATE_KEYS: {
+    loading: string;
+    registrationBtn: string;
+    terms: string;
+    promoCode: string;
+    promoCodeTitle: string;
+    countryTitle: string;
+    currencyTitle: string;
+};

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/OneClickKit/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BASE_TRANSLATE_KEYS = void 0;
+exports.BASE_TRANSLATE_KEYS = {
+    loading: 'loading',
+    registrationBtn: 'registrations.submitBtn',
+    terms: 'registrations.termsAndConditions',
+    promoCode: 'registrations.promoCode.placeholder',
+    promoCodeTitle: 'registrations.promoCode.openPromoCodeTitle',
+    countryTitle: 'registrations.selectors.country',
+    currencyTitle: 'registrations.selectors.currency',
+};

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/OneClickKit/index.d.ts

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