react-gldn-kit 0.1.39 → 0.1.41

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

@@ -47,8 +47,8 @@ var InfoSecondSvg_1 = require("components/ui/Icons/InfoSecondSvg");
 var styles = __importStar(require("./BonusCardLayout.module.css"));
 var BonusCardLayout = function (props) {
     var _a;
-    var bonusImagePath = props.bonusImagePath, title = props.title, value = props.value, _b = props.endTimestamp, endTimestamp = _b === void 0 ? 0 : _b, description = props.description, buttonText = props.buttonText, handleClaim = props.handleClaim, counterProps = props.counterProps, categoryName = props.categoryName, currencyName = props.currencyName, _c = props.isAvailable, isAvailable = _c === void 0 ? true : _c, lockImagePath = props.lockImagePath, infoCallback = props.infoCallback;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperBonusCardLayout }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.container }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.info }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.categoryName }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: categoryName }) })), (0, jsx_runtime_1.jsx)(InfoSecondSvg_1.InfoSecondSvg, { classes: styles.infoSvg, handleClick: infoCallback })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.row }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.description }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: description }) })), !!endTimestamp && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.timer }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.expiration }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bonusCabinet.expiration" }) })), (0, jsx_runtime_1.jsx)(CountDown_1.CountDown, __assign({}, counterProps, { endTimestamp: endTimestamp, wrapperClasses: (0, classnames_1.default)(styles.maxWidth, styles.timerBg), type: "row", timeBlockClasses: styles.timeBlock }))] }))), value && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.row }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.value }, { children: [currencyName, value] })) })))] }))] })) })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClaim, buttonHeight: "--button-height-full", size: "--button-full", color: "primary", disabled: !+value, centreText: true, classes: (0, classnames_1.default)(styles.btn, (_a = {},
+    var bonusImagePath = props.bonusImagePath, title = props.title, value = props.value, _b = props.endTimestamp, endTimestamp = _b === void 0 ? 0 : _b, description = props.description, buttonText = props.buttonText, handleClaim = props.handleClaim, counterProps = props.counterProps, categoryName = props.categoryName, currencyName = props.currencyName, _c = props.isAvailable, isAvailable = _c === void 0 ? true : _c, lockImagePath = props.lockImagePath, infoCallback = props.infoCallback, isWithInfo = props.isWithInfo;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperBonusCardLayout }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.container }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.info }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.categoryName }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: categoryName }) })), isWithInfo && ((0, jsx_runtime_1.jsx)(InfoSecondSvg_1.InfoSecondSvg, { classes: styles.infoSvg, handleClick: infoCallback }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.row }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.description }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: description }) })), !!endTimestamp && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.timer }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.expiration }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bonusCabinet.expiration" }) })), (0, jsx_runtime_1.jsx)(CountDown_1.CountDown, __assign({}, counterProps, { endTimestamp: endTimestamp, wrapperClasses: (0, classnames_1.default)(styles.maxWidth, styles.timerBg), type: "row", timeBlockClasses: styles.timeBlock }))] }))), value && isAvailable && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.row }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.value }, { children: [currencyName, value] })) })))] }))] })) })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClaim, buttonHeight: "--button-height-full", size: "--button-full", color: "primary", disabled: !+value, centreText: true, classes: (0, classnames_1.default)(styles.btn, (_a = {},
                     _a[styles.dark] = !+value,
                     _a)) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.img }, { children: (0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: styles.wrapperBonusCard }) })), !isAvailable && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.blockedContent }, { children: [(0, jsx_runtime_1.jsx)("img", { src: lockImagePath, className: styles.lock }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.blockedText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bonusCabinet.availableFrom" }) }))] })))] })));
 };

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

@@ -13,4 +13,5 @@ export type BonusCardLayoutProps = {
     isAvailable?: boolean;
     lockImagePath: string;
     infoCallback?: () => void;
+    isWithInfo: boolean;
 };

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

@@ -43,19 +43,23 @@ 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 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.default, { 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/index.js

@@ -1,13 +1,13 @@
 "use strict";
 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 OneClick_1 = require("components/SignUp/OneClick");
 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 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);
@@ -32,6 +32,6 @@ var OneClickKit = function (props) {
             countryInfo: countryInfo,
         }, countryProps: {
             countryInfo: countryInfo,
-        }, isLoading: false }));
+        } }));
 };
 exports.default = OneClickKit;

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

@@ -40,29 +40,32 @@ 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 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 +92,8 @@ var PhoneSignUp = function (props) {
             !isRequestedCode ||
             !activeCountryId ||
             !activeCurrencyId ||
-            !terms);
+            !terms ||
+            !isConnectedApp);
     }, [
         isPhoneError,
         password,
@@ -98,6 +102,7 @@ var PhoneSignUp = function (props) {
         activeCountryId,
         activeCurrencyId,
         terms,
+        isConnectedApp,
     ]);
     var handleIsRequested = function () {
         setRequestedCodeState(true);
@@ -144,6 +149,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.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)(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/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/lib/components/ui/Tabs/index.js

@@ -46,7 +46,7 @@ var useElementResize_1 = require("hooks/useElementResize");
 var styles = __importStar(require("./Tabs.module.css"));
 var Tabs = function (props) {
     var _a, _b;
-    var activeValue = props.activeValue, onChange = props.onChange, data = props.data, _c = props.classes, classes = _c === void 0 ? '' : _c, _d = props.tabClasses, tabClasses = _d === void 0 ? '' : _d, startItem = props.startItem, endItem = props.endItem, _e = props.type, type = _e === void 0 ? 'button' : _e;
+    var activeValue = props.activeValue, onChange = props.onChange, data = props.data, _c = props.classes, classes = _c === void 0 ? '' : _c, _d = props.tabClasses, tabClasses = _d === void 0 ? '' : _d, startItem = props.startItem, endItem = props.endItem, _e = props.type, type = _e === void 0 ? 'button' : _e, indicatorClasses = props.indicatorClasses, activeTabClasses = props.activeTabClasses;
     var container = (0, react_1.useRef)(null);
     var indicator = (0, react_1.useRef)(null);
     var _f = (0, react_1.useState)(null), activeInx = _f[0], setActiveInx = _f[1];
@@ -99,12 +99,13 @@ var Tabs = function (props) {
             _a[styles.bg] = isButtonView,
             _a)), ref: container }, { children: [startItem, data.map(function (d) {
                 var _a;
-                return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.tab, tabClasses, (_a = {},
+                return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.tab, tabClasses, (_a = {},
                         _a[styles.buttonTab] = isButtonView,
                         _a[styles.buttonTabActive] = isButtonView && activeValue === d.value,
-                        _a)), onClick: handleChange(d.value) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: d.label }) }), d.value));
+                        _a[activeTabClasses] = activeValue === d.value,
+                        _a)), onClick: handleChange(d.value) }, { children: [d.startIcon, (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: d.label })] }), d.value));
             }), activeInx !== null && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles.activeBlockIndicator, (_b = {},
                     _b[styles.buttonActiveIndicator] = isButtonView,
-                    _b)), ref: indicator })), endItem] })));
+                    _b), indicatorClasses), ref: indicator })), endItem] })));
 };
 exports.Tabs = Tabs;

package/dist/lib/components/ui/Tabs/types.d.ts

@@ -8,8 +8,11 @@ export type TabsProps = {
     startItem?: React.ReactElement;
     endItem?: React.ReactElement;
     type?: 'button' | 'underline';
+    indicatorClasses?: string;
+    activeTabClasses?: string;
 };
 export type Tab = {
+    startIcon?: string;
     label: string;
     value: number;
 };

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;
@@ -1194,6 +1201,7 @@
     transition: 0.3s;
     cursor: pointer;
     display: flex;
+    align-items: center;
     justify-content: center;
     position: relative;
     z-index: 2;
@@ -1201,6 +1209,7 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     width: 100%;
+    gap: var(--indent-s);
   }
 .KIT__Tabs-module__wrapperTabs___rFoBY .KIT__Tabs-module__tab___NBVtA.KIT__Tabs-module__buttonTab___Tpphz {
       padding: var(--indent-s);
@@ -1515,13 +1524,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;
@@ -1620,7 +1622,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%;
@@ -1788,7 +1790,6 @@
 .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg {
   position: relative;
   width: 100%;
-  height: 100%;
   min-height: 220px;
   min-width: 280px;
   padding: var(--indent-m);

package/package.json

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