react-gldn-kit 0.1.54 → 0.1.55

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/OneClickKit/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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var types_1 = require("react-memory-optimization/dist/lib/binary/types");
+var classnames_1 = __importDefault(require("classnames"));
+var selectors_1 = require("zustandStore/forms/signUp/selectors");
+var store_1 = require("zustandStore/forms/signUp/store");
+var selectors_2 = require("zustandStore/languages/selectors");
+var store_2 = require("zustandStore/languages/store");
+var utils_1 = require("zustandStore/forms/signUp/utils");
+var styles = __importStar(require("./OneClick.module.css"));
+var react_1 = require("react");
+var store_3 = require("zustandStore/connection/store");
+var selectors_3 = require("zustandStore/connection/selectors");
+var constants_1 = require("./constants");
+var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
+var CountrySelector_1 = require("components/SignUp/CountrySelector");
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
+var BaseButton_1 = require("components/ui/Buttons/BaseButton");
+var DocsCheckBox_1 = require("components/SignUpThree/DocsCheckBox");
+var OneClickKit = function (props) {
+    var isSelected = props.isSelected, handleRegistration = props.handleRegistration, _a = props.translates, translates = _a === void 0 ? constants_1.BASE_TRANSLATE_KEYS : _a, availableCurrencies = props.availableCurrencies, countryInfo = props.countryInfo, classes = props.classes;
+    var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
+    var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
+    var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
+    var _b = (0, react_1.useState)(isSelected), terms = _b[0], setTermsState = _b[1];
+    var _c = (0, react_1.useState)(isSelected), age = _c[0], setAgeState = _c[1];
+    var _d = (0, react_1.useState)(''), promoCode = _d[0], setPromoCode = _d[1];
+    var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
+    var isConnectedApp = (0, store_3.useZustandConnectionKitStore)(selectors_3.connectionSelectors.isAvailableTransportSelector);
+    var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
+        return Boolean(!activeCurrencyId || !activeCountryId || !terms || !isConnectedApp);
+    }, [activeCountryId, activeCurrencyId, terms, isConnectedApp]);
+    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);
+    };
+    var prepareRegistrationData = function () {
+        if (!activeCurrencyId || !activeCountryId) {
+            return;
+        }
+        var data = (0, utils_1.getRegistrationData)({
+            countryId: activeCountryId,
+            currencyId: activeCurrencyId,
+            registrationType: types_1.RegistrationSubType.OneClick,
+            promoCode: promoCode,
+            countryName: "".concat(activeCountryId), // TODO back end is not validate this value
+        });
+        handleRegistration('05x', data, true);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.fullWidth }, { children: [(0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, __assign({}, {
+                availableCurrencies: availableCurrencies,
+                countryInfo: countryInfo,
+            }, { translateKey: translates.currencyTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.selectorMainItem })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, {
+                countryInfo: countryInfo,
+            }, { translateKey: translates.countryTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.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: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.authButton, styles.marginB, classes) }) }))] }))
+    // <OneClick
+    //   isSelected={isSelected}
+    //   activeCountryId={activeCountryId}
+    //   activeLang={activeLang}
+    //   handleSubmit={prepareRegistrationData}
+    //   docs={{}}
+    // currencyProps={{
+    //   availableCurrencies,
+    //   countryInfo,
+    // }}
+    //   countryProps={{
+    //     countryInfo,
+    //   }}
+    // />
+    );
+};
+exports.default = OneClickKit;

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

@@ -0,0 +1,17 @@
+import { CountryInfo, CurrencyInfo } from 'react-memory-optimization/dist/lib/store/user/types';
+export type SignUpOneClickProps = {
+    isSelected: boolean;
+    availableCurrencies: CurrencyInfo[];
+    handleRegistration: (k: string, data: any, d?: boolean) => void;
+    countryInfo: CountryInfo | null;
+    translates?: {
+        loading: string;
+        registrationBtn: string;
+        terms: string;
+        promoCode: string;
+        promoCodeTitle: string;
+        countryTitle: string;
+        currencyTitle: string;
+    };
+    classes?: string;
+};

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/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/Third/components/Forms/PhoneSignUp/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const PHONE_PROPS_WITH_CONFIRMATION: any;
+export declare const PHONE_PROPS_WITHOUT_CONFIRMATION: any;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHONE_PROPS_WITHOUT_CONFIRMATION = exports.PHONE_PROPS_WITH_CONFIRMATION = void 0;
+exports.PHONE_PROPS_WITH_CONFIRMATION = {
+    requestId: -1,
+    sendDataType: 0,
+    sendKey: '09x',
+    section: 1,
+    withConfirm: true,
+};
+exports.PHONE_PROPS_WITHOUT_CONFIRMATION = {
+    sendDataType: 0,
+    withConfirm: false,
+};

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

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

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

@@ -0,0 +1,160 @@
+"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.PhoneSignUp = 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 BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var BaseButton_1 = require("components/ui/Buttons/BaseButton");
+var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
+var DocsCheckBox_1 = require("components/SignUpThree/DocsCheckBox");
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
+var CountrySelector_1 = require("components/SignUp/CountrySelector");
+var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var constants_1 = require("./constants");
+var store_1 = require("zustandStore/languages/store");
+var selectors_1 = require("zustandStore/languages/selectors");
+var store_2 = require("zustandStore/forms/signUp/store");
+var selectors_2 = require("zustandStore/forms/signUp/selectors");
+var store_3 = require("zustandStore/connection/store");
+var selectors_3 = require("zustandStore/connection/selectors");
+var shared_1 = require("utils/shared");
+var utils_1 = require("zustandStore/forms/signUp/utils");
+var styles = __importStar(require("../../../SignUpTypeThree.module.css"));
+var phoneStyles = __importStar(require("./PhoneSignUp.module.css"));
+var PhoneSignUp = function (props) {
+    var availableCurrencies = props.availableCurrencies, isSelected = props.isSelected, _a = props.withoutCode, withoutCode = _a === void 0 ? false : _a, countryInfo = props.countryInfo, handleRegistration = props.handleRegistration, _b = props.requestCode, requestCode = _b === void 0 ? console.info : _b, classes = props.classes;
+    var setRegisteredLogin = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setRegisteredLoginAction);
+    // const { sendCommand } = useTransportControllers();
+    var isConnectedApp = (0, store_3.useZustandConnectionKitStore)(selectors_3.connectionSelectors.isAvailableTransportSelector);
+    var _c = (0, react_1.useState)(''), phone = _c[0], setPhone = _c[1];
+    var _d = (0, react_1.useState)(withoutCode
+        ? {
+            value: '  ',
+            errorText: '',
+        }
+        : constant_1.DEFAULT_INPUT_VALUE), code = _d[0], setCode = _d[1];
+    var _e = (0, react_1.useState)(withoutCode), isRequestedCode = _e[0], setRequestedCodeState = _e[1];
+    var activeLang = (0, store_1.useZustandLanguagesKitStore)(selectors_1.languageSelectors.getActiveLanguageNameKitSelector);
+    var docs = {};
+    // useZustandWebConfiguration(getDocsSelector) || {};
+    var activeCountryId = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.getActiveCountryIdSelector);
+    var activeCurrencyId = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
+    var _f = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), password = _f[0], setPassword = _f[1];
+    var _g = (0, react_1.useState)(isSelected), terms = _g[0], setTermsState = _g[1];
+    var _h = (0, react_1.useState)(isSelected), age = _h[0], setAgeState = _h[1];
+    var isPhoneError = Boolean(!phone);
+    var _j = (0, react_1.useState)(''), promoCode = _j[0], setPromoCode = _j[1];
+    var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
+        return Boolean(isPhoneError ||
+            !password.value ||
+            password.errorText ||
+            code.errorText ||
+            !code.value ||
+            !isRequestedCode ||
+            !activeCountryId ||
+            !activeCurrencyId ||
+            !terms ||
+            !isConnectedApp);
+    }, [
+        isPhoneError,
+        password,
+        code,
+        isRequestedCode,
+        activeCountryId,
+        activeCurrencyId,
+        terms,
+        isConnectedApp,
+    ]);
+    var handleIsRequested = function () {
+        setRequestedCodeState(true);
+    };
+    var handleChange = function (t) { return function (value) {
+        if (t === 'code') {
+            setCode({ value: value, errorText: '' });
+        }
+        if (t === 'password') {
+            setPassword({ value: value, errorText: '' });
+        }
+    }; };
+    var handleSubmitForm = function () {
+        if (!activeCountryId || !activeCurrencyId) {
+            return;
+        }
+        var sendData = __assign(__assign({}, (0, utils_1.getRegistrationData)({
+            currencyId: activeCurrencyId,
+            countryId: activeCountryId,
+            registrationType: withoutCode
+                ? types_1.RegistrationSubType.PhoneWithoutCode
+                : types_1.RegistrationSubType.Phone,
+            promoCode: promoCode,
+            countryName: '', // TODO back not validate this value
+        })), { letter: 0, login: phone, email: '', password: password.value, sms: code.value, requestId: types_1.ERequestIds.Registration });
+        setRegisteredLogin(phone);
+        handleRegistration('08x', sendData);
+    };
+    var handleToggleState = function (t) { return function () {
+        if (t === 'terms') {
+            setTermsState(!terms);
+            return;
+        }
+        setAgeState(!age);
+    }; };
+    var handleOpenDoc = function () {
+        var _a;
+        if (!activeLang) {
+            return;
+        }
+        // TODO terms
+        var link = (_a = docs[1]) === null || _a === void 0 ? void 0 : _a.link.replace('[lang]', activeLang);
+        if (!link) {
+            return;
+        }
+        (0, shared_1.openExternalLink)(link, true);
+    };
+    var PHONE_PROPS = withoutCode
+        ? constants_1.PHONE_PROPS_WITHOUT_CONFIRMATION
+        : constants_1.PHONE_PROPS_WITH_CONFIRMATION;
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), 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'), classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.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: "08x", 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)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
+};
+exports.PhoneSignUp = PhoneSignUp;

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/PhoneSignUp/types.d.ts

@@ -0,0 +1,11 @@
+import { CurrencyInfo, CountryInfo } from 'react-memory-optimization/dist/lib/store/user/types';
+export type PhoneSignUpProps = {
+    isSelected: boolean;
+    withoutCode?: boolean;
+    countryInfo: CountryInfo | null;
+    availableCurrencies: CurrencyInfo[];
+    handleRegistration: (l: string, data: any) => void;
+    classes?: string;
+} & {
+    requestCode?: (l: string, data: any) => void;
+};

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/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/Third/index.d.ts

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

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

@@ -0,0 +1,141 @@
+"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.SignUpTypeThree = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var types_1 = require("./types");
+var styles = __importStar(require("./SignUpTypeThree.module.css"));
+var Text_1 = require("components/Text");
+var store_1 = require("zustandStore/forms/signUp/store");
+var selectors_1 = require("zustandStore/forms/signUp/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/signUp/types");
+var react_1 = require("react");
+var store_3 = require("zustandStore/device/store");
+var selectors_3 = require("zustandStore/device/selectors");
+var store_4 = require("zustandStore/languages/store");
+var selectors_4 = require("zustandStore/languages/selectors");
+var Logos_1 = require("components/ui/Logos");
+var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
+var EmailSignUp_1 = require("./components/Forms/EmailSignUp");
+var PhoneSignUp_1 = require("./components/Forms/PhoneSignUp");
+var OneClickKit_1 = __importDefault(require("./components/Forms/OneClickKit"));
+var useHookFabric_1 = require("hooks/useHookFabric");
+var ModalContext_1 = require("context/logic/ModalContext");
+var Tabs_1 = require("components/ui/Tabs");
+var SignUpTypeThree = function (props) {
+    var _a;
+    var _b = props.appType, appType = _b === void 0 ? 3 : _b;
+    var _c = (0, ModalContext_1.useHookProvider)(), useTransportControllers = _c.useTransportControllers, useCurrencies = _c.useCurrencies, useCountryInfo = _c.useCountryInfo;
+    var sendCommand = useTransportControllers().sendCommand;
+    var availableCurrencies = (0, useHookFabric_1.useHookFabric)({
+        fn: useCurrencies,
+    });
+    var countryInfo = (0, useHookFabric_1.useHookFabric)({
+        fn: useCountryInfo,
+    });
+    var activeForm = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveRegistrationFormSelector);
+    var setActiveForm = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveRegistrationFormAction);
+    var closeAndOpen = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.closeAndOpenModalAction);
+    var additionalSettings = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
+    var _d = additionalSettings.bonusImagePath, bonusImagePath = _d === void 0 ? '' : _d, _e = additionalSettings.registrationTheme, registrationTheme = _e === void 0 ? types_1.ESignUpThreeTheme.Yellow : _e, _f = additionalSettings.promotionImagePath, promotionImagePath = _f === void 0 ? '' : _f;
+    var isMobile = (0, store_3.useZustandDeviceKitStore)(selectors_3.zustandDeviceKitSelector.isMobileDeviceSelector);
+    var tabs = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getRegistrationTabsSelector);
+    var docs = {};
+    var lang = (0, store_4.useZustandLanguagesKitStore)(selectors_4.languageSelectors.getActiveLanguageNameKitSelector);
+    var countryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
+    var handleOpenSignIn = function () {
+        closeAndOpen(types_2.EModalTypes.SignInThree, {
+            preventClose: true,
+        });
+    };
+    var handleOpenDoc = function () {
+        var info = docs === null || docs === void 0 ? void 0 : docs[4].link;
+        if (!info || !lang) {
+            return;
+        }
+        var validPathname = info.replace('[lang]', lang);
+        window.open("".concat(window.location.origin).concat(validPathname), '_blank', 'fullscreen=yes');
+    };
+    var openPopUp = function (type) { return function () {
+        closeAndOpen(type);
+    }; };
+    var handleRegistration = function (key, data) {
+        sendCommand(key, data, true);
+    };
+    (0, react_1.useEffect)(function () {
+        if (tabs.length && activeForm === null) {
+            setActiveForm(tabs[0].value);
+        }
+    }, [activeForm, tabs]);
+    (0, react_1.useEffect)(function () {
+        if (tabs.length && activeForm === null) {
+            setActiveForm(tabs[0].value);
+        }
+    }, [activeForm, tabs]);
+    (0, react_1.useEffect)(function () {
+        if (!countryId) {
+            return;
+        }
+        var baseTabs = tabs;
+        if (countryId === 792) {
+            baseTabs = baseTabs.filter(function (t) { return t.value !== types_3.ERegistrationForm.Phone; });
+        }
+    }, [tabs, countryId]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSignUpModal, (_a = {},
+            _a[styles.purple] = registrationTheme === types_1.ESignUpThreeTheme.Purple,
+            _a[styles.lightBlue] = registrationTheme === types_1.ESignUpThreeTheme.LightBlue,
+            _a)), style: { maxWidth: !isMobile ? 960 : '' } }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftSide }, { children: [!!(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.customRegImage) && ((0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: isMobile, classes: styles.marginBottom })), (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: "signUpThree.title" }), !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: openPopUp(types_2.EModalTypes.Unknown) }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) })))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, tabClasses: styles.tab, type: "underline" })), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle, onClick: handleOpenSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpThree.description" }) })), activeForm === types_3.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: handleRegistration, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom })), activeForm === types_3.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom })), activeForm === types_3.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom })), activeForm === types_3.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom }))] }))] })), (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.SignUpTypeThree = SignUpTypeThree;

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

@@ -0,0 +1,10 @@
+import { EAppType } from "types/ui";
+export type SignUpTypeThreeProps = {
+    promotionImagePath?: string;
+    appType?: EAppType;
+};
+export declare enum ESignUpThreeTheme {
+    Yellow = "yellow",
+    Purple = "purple",
+    LightBlue = "light-blue"
+}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ESignUpThreeTheme = void 0;
+var ESignUpThreeTheme;
+(function (ESignUpThreeTheme) {
+    ESignUpThreeTheme["Yellow"] = "yellow";
+    ESignUpThreeTheme["Purple"] = "purple";
+    ESignUpThreeTheme["LightBlue"] = "light-blue";
+})(ESignUpThreeTheme = exports.ESignUpThreeTheme || (exports.ESignUpThreeTheme = {}));

package/dist/lib/components/Modals/Alert/components/LostPassword/{constants.d.ts → First/constants.d.ts}

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

package/dist/lib/components/Modals/Alert/components/LostPassword/{constants.js → First/constants.js}

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

package/dist/lib/components/Modals/Alert/components/LostPassword/{index.js → First/index.js}

@@ -43,9 +43,9 @@ var Tabs_1 = require("components/ui/Tabs");
 var LostPasswordEmailForm_1 = __importDefault(require("./components/LostPasswordEmailForm"));
 var LostPasswordPhoneForm_1 = __importDefault(require("./components/LostPasswordPhoneForm"));
 var constants_1 = require("./constants");
-var types_1 = require("./types");
-var styles = __importStar(require("./LostPassword.module.css"));
+var types_1 = require("../types");
 var ModalContext_1 = require("context/logic/ModalContext");
+var styles = __importStar(require("./LostPassword.module.css"));
 var LostPassword = function () {
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;

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

@@ -0,0 +1,5 @@
+type Props = {
+    wrapperClasses?: string;
+};
+declare const LostPasswordEmailForm: ({ wrapperClasses }: Props) => import("react/jsx-runtime").JSX.Element;
+export default LostPasswordEmailForm;