react-gldn-kit 0.1.0 → 0.1.2

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+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 SignUp_module_css_1 = __importDefault(require("../../SignUp.module.css"));
+var store_1 = require("zustandStore/forms/signUp/store");
+var selectors_1 = require("zustandStore/forms/signUp/selectors");
+var constants_1 = require("./constants");
+var Selector_1 = require("components/ui/Selector");
+var CountrySelector = function (_a) {
+    var classes = _a.classes;
+    var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
+    var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
+    var countryInfo = null;
+    // useHookFabric<CountryInfo>({
+    //   fn: useCountryInfo,
+    // });
+    (0, react_1.useEffect)(function () {
+        if (activeCountryId || !countryInfo) {
+            return;
+        }
+        var isExist = constants_1.COUNTRY_MOCK.find(function (c) { return c.id === countryInfo.countryId; });
+        if (isExist) {
+            setActiveCountryId(countryInfo.countryId);
+            return;
+        }
+        setActiveCountryId(constants_1.COUNTRY_MOCK[0].id);
+    }, [activeCountryId, countryInfo]);
+    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { size: "full", classes: (0, classnames_1.default)(SignUp_module_css_1.default.marginB, classes), activeId: activeCountryId, handleClick: setActiveCountryId, placeholder: "registrations.selectors.country", data: constants_1.COUNTRY_MOCK }));
+};
+exports.default = CountrySelector;

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

@@ -0,0 +1,7 @@
+import { CurrencyInfo } from 'react-memory-optimization/dist/lib/store/user/types';
+type Props = {
+    classes?: string;
+    availableCurrencies: CurrencyInfo[];
+};
+declare const CurrencySelector: ({ classes, availableCurrencies }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CurrencySelector;

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

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var store_1 = require("zustandStore/forms/signUp/store");
+var selectors_1 = require("zustandStore/forms/signUp/selectors");
+var Selector_1 = require("components/ui/Selector");
+var styles = __importStar(require("../../SignUp.module.css"));
+var CurrencySelector = function (_a) {
+    var classes = _a.classes, availableCurrencies = _a.availableCurrencies;
+    var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
+    var setActiveCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCurrencyIdAction);
+    var countryInfo = null;
+    (0, react_1.useEffect)(function () {
+        if (activeCurrencyId || !countryInfo) {
+            return;
+        }
+        var isExist = availableCurrencies.find(function (c) {
+            return countryInfo.currencyIds.includes(c.id);
+        });
+        if (isExist) {
+            setActiveCurrencyId(countryInfo.currencyIds[0]);
+            return;
+        }
+        if (!availableCurrencies[0]) {
+            return;
+        }
+        setActiveCurrencyId(availableCurrencies[0].id);
+    }, [availableCurrencies, activeCurrencyId, countryInfo]);
+    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { classes: (0, classnames_1.default)(styles.marginB, classes), size: "full", placeholder: "registrations.selectors.currency", handleClick: setActiveCurrencyId, activeId: activeCurrencyId, data: availableCurrencies }));
+};
+exports.default = CurrencySelector;

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

@@ -0,0 +1,7 @@
+type Props = {
+    terms: boolean;
+    handleOpenDoc?: () => void;
+    handleToggleState: () => void;
+};
+declare const DocsCheckBox: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default DocsCheckBox;

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

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CheckBox_1 = require("components/ui/Inputs/CheckBox");
+var styles = __importStar(require("../../../SignUp.module.css"));
+var useTranslate_1 = require("hooks/useTranslate");
+var DocsCheckBox = function (props) {
+    var terms = props.terms, handleToggleState = props.handleToggleState, handleOpenDoc = props.handleOpenDoc;
+    var getText = (0, useTranslate_1.useTranslate)('', '').getText;
+    return ((0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { value: terms, onChange: handleToggleState, text: getText('registrations.termsAndConditions'), classes: styles.checkbox, classesText: styles.link, handleText: handleOpenDoc }));
+};
+exports.default = DocsCheckBox;

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

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

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

@@ -0,0 +1,130 @@
+"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 = __importDefault(require("../../CurrencySelector"));
+var PromoCode_1 = __importDefault(require("../../PromoCode"));
+var DocsCheckBox_1 = __importDefault(require("../DocsCheckBox"));
+var styles = __importStar(require("../../../SignUp.module.css"));
+var stylesEmailSignUp = __importStar(require("./EmailSignUp.module.css"));
+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 validation_1 = require("service/validation");
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var BaseButton_1 = require("components/ui/Buttons/BaseButton");
+var utils_1 = require("zustandStore/forms/signUp/utils");
+var EmailSignUp = function (_a) {
+    var _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, handleRegistration = _a.handleRegistration, availableCurrencies = _a.availableCurrencies;
+    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _c[0], setEmail = _c[1];
+    // const docs = useZustandWebConfiguration(getDocsSelector) || {};
+    var _d = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), password = _d[0], setPassword = _d[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 _e = (0, react_1.useState)(isSelected), terms = _e[0], setTermsState = _e[1];
+    var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
+        return Boolean(!activeCurrencyId ||
+            !email.value ||
+            email.errorText ||
+            !password.value ||
+            password.errorText ||
+            !terms);
+    }, [activeCurrencyId, email, password, terms]);
+    var _f = (0, react_1.useState)(''), promoCode = _f[0], setPromoCode = _f[1];
+    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: promoCode
+                ? types_1.RegistrationSubType.PromoEmail
+                : types_1.RegistrationSubType.Email,
+            countryId: 0,
+            currencyId: activeCurrencyId,
+            promoCode: promoCode,
+            countryName: '', // TODO back not validate this value
+        });
+        setRegisteredLogin(email.value);
+        handleRegistration(promoCode ? '06x_with_promo' : '06x', __assign(__assign({}, sendData), { email: email.value, password: password.value, letters: 0, // mock
+            promoCode: promoCode }));
+    };
+    var handleToggleState = function () {
+        setTermsState(!terms);
+    };
+    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: styles.marginB }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.default, { availableCurrencies: availableCurrencies }), (0, jsx_runtime_1.jsx)(PromoCode_1.default, { setPromoCode: setPromoCode }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.default, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (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)(styles.marginB, styles.authButton) })] })));
+};
+exports.EmailSignUp = EmailSignUp;

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

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

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+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 OneClickKit = function (_a) {
+    // const { sendCommand } = useTransportControllers();
+    var isSelected = _a.isSelected;
+    // const isRequested = useZustandRequestStore(
+    //   isRequestedCommandSelector(ERequestIds.Registration)
+    // );
+    var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
+    var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
+    var availableCurrencies = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getAvailableCurrenciesSelector);
+    var setActiveCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCurrencyIdAction);
+    var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
+    // const docs = useZustandWebConfiguration(getDocsSelector) || {};
+    var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
+    var handleRegistration = function (promoCode) {
+        if (!activeCurrencyId || !activeCountryId) {
+            return;
+        }
+        // const customCurrencyId = getFromLocalStorage(CUSTOM_FAST_CURRENCY_ID);
+        // const data = getRegistrationData({
+        //   countryId: activeCountryId,
+        //   currencyId: Number(customCurrencyId) || activeCurrencyId,
+        //   registrationType: RegistrationSubType.OneClick,
+        //   promoCode,
+        //   countryName: `${activeCountryId}`, // TODO back end is not validate this value
+        // });
+        // sendCommand('05x', data, true);
+    };
+    return (
+    // <OneClick
+    //   isSelected={isSelected}
+    //   activeCountryId={activeCountryId}
+    //   activeCurrencyId={activeCurrencyId}
+    //   activeLang={activeLang}
+    //   handleSubmit={handleRegistration}
+    //   docs={docs}
+    //   sendCommand={sendCommand}
+    //   isAvailableTransport={isAvailableTransport}
+    //   currencyProps={{
+    //     activeCurrencyId,
+    //     availableCurrencies,
+    //     setActiveCurrencyId,
+    //     countryInfo,
+    //   }}
+    //   countryProps={{
+    //     activeCountryId,
+    //     setActiveCountryId,
+    //     countryInfo,
+    //   }}
+    //   isLoading={isRequested}
+    // />
+    (0, jsx_runtime_1.jsx)("div", { children: "OneClick" }));
+};
+exports.default = OneClickKit;

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

@@ -0,0 +1,5 @@
+declare const Phone: ({ isSelected, withoutCode, }: {
+    isSelected: boolean;
+    withoutCode?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Phone;

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

@@ -0,0 +1,129 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var CountrySelector_1 = __importDefault(require("../../CountrySelector"));
+var CurrencySelector_1 = __importDefault(require("../../CurrencySelector"));
+var PromoCode_1 = __importDefault(require("../../PromoCode"));
+var DocsCheckBox_1 = __importDefault(require("../DocsCheckBox"));
+var constants_1 = require("./constants");
+var SignUp_module_css_1 = __importDefault(require("../../../SignUp.module.css"));
+var store_1 = require("zustandStore/forms/signUp/store");
+var selectors_1 = require("zustandStore/forms/signUp/selectors");
+var useTranslate_1 = require("hooks/useTranslate");
+var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var store_2 = require("zustandStore/languages/store");
+var selectors_2 = require("zustandStore/languages/selectors");
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var BaseButton_1 = require("components/ui/Buttons/BaseButton");
+var PhoneInput_1 = __importDefault(require("components/ui/Inputs/PhoneInput"));
+var Phone = function (_a) {
+    var isSelected = _a.isSelected, _b = _a.withoutCode, withoutCode = _b === void 0 ? false : _b;
+    var setRegisteredLogin = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setRegisteredLoginAction);
+    // const { sendCommand } = useTransportControllers();
+    var getText = (0, useTranslate_1.useTranslate)('', '').getText;
+    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_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
+    var docs = {};
+    // useZustandWebConfiguration(getDocsSelector) || {};
+    var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
+    var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.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 isPhoneError = Boolean(!phone);
+    var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
+        return Boolean(isPhoneError ||
+            !password.value ||
+            password.errorText ||
+            code.errorText ||
+            !code.value ||
+            !isRequestedCode ||
+            !activeCountryId ||
+            !activeCurrencyId ||
+            !terms);
+    }, [
+        isPhoneError,
+        password,
+        code,
+        isRequestedCode,
+        activeCountryId,
+        activeCurrencyId,
+        terms,
+    ]);
+    var _h = (0, react_1.useState)(''), promoCode = _h[0], setPromoCode = _h[1];
+    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;
+        }
+        // const sendData = {
+        //   ...getRegistrationData({
+        //     currencyId: activeCurrencyId,
+        //     countryId: activeCountryId,
+        //     registrationType: withoutCode
+        //       ? RegistrationSubType.PhoneWithoutCode
+        //       : RegistrationSubType.Phone,
+        //     promoCode,
+        //     countryName: '', // TODO back not validate this value
+        //   }),
+        //   letter: 0,
+        //   login: phone,
+        //   email: '',
+        //   password: password.value,
+        //   sms: code.value,
+        //   requestId: ERequestIds.Registration,
+        // };
+        // setRegisteredLogin(phone);
+        // sendCommand('08x', sendData, true);
+    };
+    var handleToggleState = function () {
+        setTermsState(!terms);
+    };
+    var handleOpenDoc = function () {
+        if (!activeLang) {
+            return;
+        }
+        // TODO terms
+        // const link = docs[1]?.link.replace('[lang]', activeLang);
+        // if (!link) {
+        //   return;
+        // }
+        // 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.default, __assign({}, PHONE_PROPS, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, requestCallback: handleIsRequested, classesWrapper: SignUp_module_css_1.default.marginB, disabled: isRequestedCode, classes: SignUp_module_css_1.default.marginB })), !withoutCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: SignUp_module_css_1.default.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: SignUp_module_css_1.default.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.default, { setPromoCode: setPromoCode }), (0, jsx_runtime_1.jsx)(CountrySelector_1.default, {}), (0, jsx_runtime_1.jsx)(CurrencySelector_1.default, { availableCurrencies: [] }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.default, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: getText('registrations.submitBtn'), disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: SignUp_module_css_1.default.marginB })] }));
+};
+exports.default = Phone;

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

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

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/PromoCode/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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+// import { Text, LotterySvg } from 'react-gldn-kit';
+// import ComponentKitBaseInput from 'components/ui/KitComponents/Inputs/ComponentKitBaseInput';
+// import { REFERRAL_CODE } from 'constants/ui';
+var styles = __importStar(require("../../SignUp.module.css"));
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var Text_1 = require("components/Text");
+var LotterySvg_1 = require("components/ui/Icons/Base/LotterySvg");
+var RegistrationPromoCode = function (_a) {
+    var setPromoCode = _a.setPromoCode, initialReferralCode = _a.initialReferralCode;
+    var _b = (0, react_1.useState)(false), isShownPromoCode = _b[0], setPromoCodeState = _b[1];
+    var handleShowPromoCode = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        setPromoCodeState(!isShownPromoCode);
+    };
+    (0, react_1.useEffect)(function () {
+        if (!initialReferralCode) {
+            return;
+        }
+        setPromoCode("ref_code::".concat(initialReferralCode));
+    }, [initialReferralCode]);
+    if (initialReferralCode) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.marginB }, { children: !isShownPromoCode ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.promoTitle, onClick: handleShowPromoCode }, { children: [(0, jsx_runtime_1.jsx)(LotterySvg_1.LotterySvg, { classes: styles.promocodeSvg }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registrations.promoCode.openPromoCodeTitle" }) })] }))) : ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.promoCode.placeholder", size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.bigMargin })) })));
+};
+exports.default = RegistrationPromoCode;

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

@@ -0,0 +1,9 @@
+import { CurrencyInfo } from 'react-memory-optimization/dist/lib/store/user/types';
+type SignUpProps = {
+    sendCommand: (key: string, data: {
+        [key: string]: string | number | any[];
+    }, isWatching?: boolean) => void;
+    useCurrencies: () => CurrencyInfo[] | null;
+};
+declare const SignUp: ({ sendCommand, useCurrencies }: SignUpProps) => import("react/jsx-runtime").JSX.Element;
+export default SignUp;