react-gldn-kit 0.1.40 → 0.1.42

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

@@ -1,5 +1,5 @@
-import { getRegistrationData } from 'zustandStore/forms/signUp/utils';
 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;

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

@@ -42,20 +42,24 @@ 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 DocsCheckBox_1 = __importDefault(require("../DocsCheckBox"));
-var styles = __importStar(require("../../../SignUp.module.css"));
-var stylesEmailSignUp = __importStar(require("./EmailSignUp.module.css"));
+var PromoCode_1 = require("components/SignUp/PromoCode");
+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 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 BaseInput_1 = require("components/ui/Inputs/BaseInput");
-var BaseButton_1 = require("components/ui/Buttons/BaseButton");
 var utils_1 = require("zustandStore/forms/signUp/utils");
-var PromoCode_1 = require("components/SignUp/PromoCode");
-var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
+var styles = __importStar(require("../../../SignUp.module.css"));
+var stylesEmailSignUp = __importStar(require("./EmailSignUp.module.css"));
+var DocsCheckBox_1 = require("components/SignUp/DocsCheckBox");
 var EmailSignUp = function (props) {
     var countryInfo = props.countryInfo, _a = props.isSelected, isSelected = _a === void 0 ? false : _a, handleRegistration = props.handleRegistration, availableCurrencies = props.availableCurrencies;
     var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
@@ -64,6 +68,7 @@ var EmailSignUp = function (props) {
     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 isDisabledSubmitButton = (0, react_1.useMemo)(function () {
         return Boolean(!activeCurrencyId ||
@@ -71,7 +76,8 @@ var EmailSignUp = function (props) {
             email.errorText ||
             !password.value ||
             password.errorText ||
-            !terms);
+            !terms ||
+            !isConnectedApp);
     }, [activeCurrencyId, email, password, terms]);
     var _e = (0, react_1.useState)(''), promoCode = _e[0], setPromoCode = _e[1];
     var handleChange = function (t) { return function (value) {
@@ -125,6 +131,6 @@ var EmailSignUp = function (props) {
         // }
         // 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.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (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) })] })));
+    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.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: promoCode ? '06x_with_promo' : '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)(styles.marginB, styles.authButton) }) }))] })));
 };
 exports.EmailSignUp = EmailSignUp;

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

@@ -1,20 +1,85 @@
 "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 OneClick_1 = require("components/SignUp/OneClick");
 var types_1 = require("react-memory-optimization/dist/lib/binary/types");
 var selectors_1 = require("zustandStore/forms/signUp/selectors");
 var store_1 = require("zustandStore/forms/signUp/store");
-var utils_1 = require("zustandStore/forms/signUp/utils");
 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 PromoCode_1 = require("components/SignUp/PromoCode");
+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/SignUp/DocsCheckBox");
 var OneClickKit = function (props) {
-    var isSelected = props.isSelected, availableCurrencies = props.availableCurrencies, handleRegistration = props.handleRegistration, countryInfo = props.countryInfo;
-    var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
+    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;
     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 prepareRegistrationData = function (promoCode) {
+    var _b = (0, react_1.useState)(isSelected), terms = _b[0], setTermsState = _b[1];
+    var _c = (0, react_1.useState)(''), promoCode = _c[0], setPromoCode = _c[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 () {
+        setTermsState(!terms);
+    };
+    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;
         }
@@ -27,11 +92,26 @@ var OneClickKit = function (props) {
         });
         handleRegistration('05x', data, true);
     };
-    return ((0, jsx_runtime_1.jsx)(OneClick_1.OneClick, { isSelected: isSelected, activeCountryId: activeCountryId, activeLang: activeLang, handleSubmit: prepareRegistrationData, docs: {}, currencyProps: {
-            availableCurrencies: availableCurrencies,
-            countryInfo: countryInfo,
-        }, countryProps: {
-            countryInfo: countryInfo,
-        }, isLoading: false }));
+    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: styles.marginB })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, {
+                countryInfo: countryInfo,
+            }, { translateKey: translates.countryTitle, classes: styles.marginB })), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB, translatesKeys: [translates.promoCodeTitle, translates.promoCode] }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, translateKey: translates.terms, 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: styles.marginB }) }))] }))
+    // <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/components/Forms/OneClickKit/types.d.ts

@@ -4,4 +4,13 @@ export type SignUpOneClickProps = {
     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;
+    };
 };

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

@@ -33,36 +33,36 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 constant_1 = require("components/ui/Inputs/BaseInput/constant");
-var store_1 = require("zustandStore/languages/store");
-var selectors_1 = require("zustandStore/languages/selectors");
+var types_1 = require("react-memory-optimization/dist/lib/binary/types");
 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 = __importDefault(require("../DocsCheckBox"));
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
+var PromoCode_1 = require("components/SignUp/PromoCode");
+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 useTranslate_1 = require("hooks/useTranslate");
+var store_3 = require("zustandStore/connection/store");
+var selectors_3 = require("zustandStore/connection/selectors");
 var shared_1 = require("utils/shared");
-var styles = __importStar(require("../../../SignUp.module.css"));
-var types_1 = require("react-memory-optimization/dist/lib/binary/types");
 var utils_1 = require("zustandStore/forms/signUp/utils");
-var PromoCode_1 = require("components/SignUp/PromoCode");
-var CountrySelector_1 = require("components/SignUp/CountrySelector");
-var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
+var styles = __importStar(require("../../../SignUp.module.css"));
+var DocsCheckBox_1 = require("components/SignUp/DocsCheckBox");
 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;
     var setRegisteredLogin = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setRegisteredLoginAction);
     // const { sendCommand } = useTransportControllers();
-    var getText = (0, useTranslate_1.useTranslate)('', '').getText;
+    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
         ? {
@@ -89,7 +89,8 @@ var PhoneSignUp = function (props) {
             !isRequestedCode ||
             !activeCountryId ||
             !activeCurrencyId ||
-            !terms);
+            !terms ||
+            !isConnectedApp);
     }, [
         isPhoneError,
         password,
@@ -98,6 +99,7 @@ var PhoneSignUp = function (props) {
         activeCountryId,
         activeCurrencyId,
         terms,
+        isConnectedApp,
     ]);
     var handleIsRequested = function () {
         setRequestedCodeState(true);
@@ -144,6 +146,6 @@ var PhoneSignUp = function (props) {
     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: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.default, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (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: styles.marginB })] }));
+    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: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (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: styles.marginB }) }))] }));
 };
 exports.PhoneSignUp = PhoneSignUp;

package/dist/lib/components/SignUp/DocsCheckBox/index.js

@@ -29,6 +29,6 @@ var CheckBox_1 = require("components/ui/Inputs/CheckBox");
 var styles = __importStar(require("./Docs.module.css"));
 var DocsCheckBox = function (props) {
     var terms = props.terms, handleToggleState = props.handleToggleState, handleOpenDoc = props.handleOpenDoc, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.termsAndConditions' : _a;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { value: terms, onChange: handleToggleState, text: translateKey, classes: styles.checkbox, classesText: styles.link, handleText: handleOpenDoc }) }));
+    return ((0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { value: terms, onChange: handleToggleState, text: translateKey, classes: styles.checkbox, classesText: styles.link, handleText: handleOpenDoc }));
 };
 exports.DocsCheckBox = DocsCheckBox;

package/dist/lib/components/SignUp/OneClick/index.d.ts

@@ -1,5 +1,5 @@
-import { CurrencySelectorProps } from '../CurrencySelector/types';
 import { CountrySelectorProps } from '../CountrySelector/types';
+import { CurrencySelectorProps } from '../CurrencySelector/types';
 type OneClickProps = {
     isSelected: boolean;
     activeCountryId: number | null;
@@ -11,7 +11,6 @@ type OneClickProps = {
         };
     };
     handleSubmit: (promoCode: string) => void;
-    isLoading?: boolean;
     currencyProps: CurrencySelectorProps;
     countryProps: CountrySelectorProps;
     translates?: {

package/dist/lib/components/SignUp/OneClick/index.js

@@ -41,22 +41,30 @@ exports.OneClick = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
+var types_1 = require("react-memory-optimization/dist/lib/binary/types");
 var CurrencySelector_1 = require("../CurrencySelector");
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
 var CountrySelector_1 = require("../CountrySelector");
 var DocsCheckBox_1 = require("../DocsCheckBox");
 var PromoCode_1 = require("../PromoCode");
 var Buttons_1 = require("components/ui/Buttons");
-var Text_1 = require("components/Text");
-var styles = __importStar(require("./OneClick.module.css"));
 var constants_1 = require("./constants");
-var shared_1 = require("utils/shared");
 var store_1 = require("zustandStore/forms/signUp/store");
 var selectors_1 = require("zustandStore/forms/signUp/selectors");
+var store_2 = require("zustandStore/connection/store");
+var selectors_2 = require("zustandStore/connection/selectors");
+var shared_1 = require("utils/shared");
+var styles = __importStar(require("./OneClick.module.css"));
 var OneClick = function (props) {
-    var isSelected = props.isSelected, activeCountryId = props.activeCountryId, handleSubmit = props.handleSubmit, activeLang = props.activeLang, docs = props.docs, currencyProps = props.currencyProps, countryProps = props.countryProps, _a = props.isLoading, isLoading = _a === void 0 ? false : _a, _b = props.translates, translates = _b === void 0 ? constants_1.BASE_TRANSLATE_KEYS : _b;
-    var _c = (0, react_1.useState)(isSelected), terms = _c[0], setTermsState = _c[1];
-    var _d = (0, react_1.useState)(''), promoCode = _d[0], setPromoCode = _d[1];
+    var isSelected = props.isSelected, activeCountryId = props.activeCountryId, handleSubmit = props.handleSubmit, activeLang = props.activeLang, docs = props.docs, currencyProps = props.currencyProps, countryProps = props.countryProps, _a = props.translates, translates = _a === void 0 ? constants_1.BASE_TRANSLATE_KEYS : _a;
+    var _b = (0, react_1.useState)(isSelected), terms = _b[0], setTermsState = _b[1];
+    var _c = (0, react_1.useState)(''), promoCode = _c[0], setPromoCode = _c[1];
     var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
+    var isConnectedApp = (0, store_2.useZustandConnectionKitStore)(selectors_2.connectionSelectors.isAvailableTransportSelector);
+    var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
+        return Boolean(!activeCurrencyId || !activeCountryId || !terms || !isConnectedApp);
+    }, [activeCountryId, activeCurrencyId, terms, isConnectedApp]);
     var handleRegistration = function () {
         if (!activeCountryId || !terms) {
             return;
@@ -78,6 +86,6 @@ var OneClick = function (props) {
         }
         (0, shared_1.openExternalLink)(link);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.fullWidth }, { children: [(0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, __assign({}, currencyProps, { translateKey: translates.currencyTitle, classes: (0, classnames_1.default)(currencyProps.classes, styles.marginB) })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, countryProps, { translateKey: translates.countryTitle, classes: (0, classnames_1.default)(countryProps.classes, styles.marginB) })), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB, translatesKeys: [translates.promoCodeTitle, translates.promoCode] }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, translateKey: translates.terms, handleToggleState: handleToggleState }), isLoading ? ((0, jsx_runtime_1.jsx)("div", __assign({ style: { height: 'var(--height-48)' } }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translates.loading }) }))) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: translates.registrationBtn, disabled: !activeCurrencyId || !activeCountryId || !terms, color: "primary", handleClick: handleRegistration, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.fullWidth }, { children: [(0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, __assign({}, currencyProps, { translateKey: translates.currencyTitle, classes: (0, classnames_1.default)(currencyProps.classes, styles.marginB) })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, countryProps, { translateKey: translates.countryTitle, classes: (0, classnames_1.default)(countryProps.classes, styles.marginB) })), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB, translatesKeys: [translates.promoCodeTitle, translates.promoCode] }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, translateKey: translates.terms, 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)(Buttons_1.BaseButton, { text: translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: handleRegistration, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB }) }))] })));
 };
 exports.OneClick = OneClick;

package/dist/main.css

@@ -1099,6 +1099,13 @@
     max-height: 0;
   }
 }
+.KIT__HOCRequestLoader-module__loader___xFYfs {
+  width: inherit;
+  height: inherit;
+  background-color: var(--hoc-request-loader-background-color);
+  color: var(--hoc-request-loader-color);
+}
+
 
   .KIT__CheckBox-module__checkboxWrapperBig___lQiT2 .KIT__CheckBox-module__switch___l_7bC {
     display: inline-block;
@@ -1344,6 +1351,12 @@
     opacity: 1;
   }
 }
+.KIT__OneClick-module__fullWidth___wdizL {
+  width: 100%;
+}
+.KIT__OneClick-module__fullWidth___wdizL .KIT__OneClick-module__marginB___6BxYS {
+    margin-bottom: var(--indent-l);
+  }
 .KIT__Timer-module__wrapperTimer___yxeGk {
   display: flex;
   margin-bottom: var(--indent-l);
@@ -1517,13 +1530,6 @@
     width: 500px;
   }
 }
-.KIT__HOCRequestLoader-module__loader___xFYfs {
-  width: inherit;
-  height: inherit;
-  background-color: var(--hoc-request-loader-background-color);
-  color: var(--hoc-request-loader-color);
-}
-
 .KIT__PopUpHeader-module__wrapperPopUpHeader___GmjiQ {
   display: flex;
   justify-content: center;
@@ -1622,7 +1628,7 @@
   flex-direction: column;
   align-items: center;
 
-  max-height: calc(100vh - var(--height-48));
+  max-height: calc(100% - var(--height-48));
   transition: 0.5s;
   max-width: 500px;
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],

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

@@ -1,7 +0,0 @@
-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

@@ -1,33 +0,0 @@
-"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 DocsCheckBox = function (props) {
-    var terms = props.terms, handleToggleState = props.handleToggleState, handleOpenDoc = props.handleOpenDoc;
-    return ((0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { value: terms, onChange: handleToggleState, text: 'registrations.termsAndConditions', classes: styles.checkbox, classesText: styles.link, handleText: handleOpenDoc }));
-};
-exports.default = DocsCheckBox;