react-gldn-kit 0.1.83 → 0.1.85

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

@@ -60,11 +60,12 @@ var store_3 = require("zustandStore/alerts/modal/store");
 var selectors_3 = require("zustandStore/alerts/modal/selectors");
 var types_2 = require("zustandStore/alerts/modal/types");
 var types_3 = require("zustandStore/forms/signIn/types");
+var types_4 = require("zustandStore/forms/signUp/types");
 var utils_1 = require("zustandStore/forms/signUp/utils");
 var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./SignIn.module.css"));
 var SignIn = function (_a) {
-    var _b;
+    var _b, _c;
     var classes = _a.classes;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;
@@ -72,14 +73,16 @@ var SignIn = function (_a) {
     var setAuthFormType = (0, store_2.useZustandSignInKitStore)(selectors_2.zustandSignInKitSelectors.setActiveSignInFormAction);
     var setModal = (0, store_3.useZustandModalKitStore)(selectors_3.zustandModalKitSelector.closeAndOpenModalAction);
     var notifications = (0, store_1.useZustandNotificationKitStore)(selectors_1.notificationKitSelectors.getNotificationsSelector);
-    var _c = (0, react_1.useState)(''), password = _c[0], setPassword = _c[1];
-    var _d = (0, react_1.useState)(''), email = _d[0], setEmail = _d[1];
-    var _e = (0, react_1.useState)(''), id = _e[0], setId = _e[1];
-    var _f = (0, react_1.useState)(''), phone = _f[0], setPhone = _f[1];
-    var _g = (0, react_1.useState)({
+    var data = (0, store_3.useZustandModalKitStore)(selectors_3.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
+    var registrationTheme = data.registrationTheme;
+    var _d = (0, react_1.useState)(''), password = _d[0], setPassword = _d[1];
+    var _e = (0, react_1.useState)(''), email = _e[0], setEmail = _e[1];
+    var _f = (0, react_1.useState)(''), id = _f[0], setId = _f[1];
+    var _g = (0, react_1.useState)(''), phone = _g[0], setPhone = _g[1];
+    var _h = (0, react_1.useState)({
         form: types_3.EAuthFormType.Email,
         errorText: '',
-    }), authError = _g[0], setAuthError = _g[1];
+    }), authError = _h[0], setAuthError = _h[1];
     var handleSignIn = function () {
         var logInInfo = activeForm === types_3.EAuthFormType.Phone ? phone : email;
         if (activeForm === types_3.EAuthFormType.UserName) {
@@ -88,11 +91,11 @@ var SignIn = function (_a) {
         var data = (0, utils_1.getAuthorizationData)(logInInfo, password, types_1.ERequestIds.AuthorizeByEmail);
         sendCommand('x02', data, true);
     };
-    var setModalType = function (t) {
+    var setModalType = function (t, additionalSettings) {
         return function (e) {
             e.preventDefault();
             e.stopPropagation();
-            setModal(t);
+            setModal(t, additionalSettings);
         };
     };
     var activeInput = (0, react_1.useMemo)(function () {
@@ -119,10 +122,17 @@ var SignIn = function (_a) {
             errorText: '',
         });
     }, [activeForm, password, email, phone]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralCopyContent, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, onChange: setAuthFormType, data: constants_1.AUTH_TABS, classes: styles.wrapperTabs, type: "underline" }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperForms, (_b = {},
-                        _b[styles.formOne] = activeForm === types_3.EAuthFormType.Phone,
-                        _b[styles.formTwo] = activeForm === types_3.EAuthFormType.Email,
-                        _b[styles.formThree] = activeForm === types_3.EAuthFormType.UserName,
-                        _b)) }, { children: [(0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone, errorText: authError.errorText }), (0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand, errorText: authError.errorText }), (0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId, errorText: authError.errorText })] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { label: "authorization.inputs.password", size: "full", onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput), errorText: authError.errorText }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPassword) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.lostPasswordBtn" }) })), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\x02", requestId: types_1.ERequestIds.AuthorizeByEmail, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "authorization.submitBtn", size: "--button-full", buttonHeight: "--button-height-full", color: "primary", disabled: Boolean(!activeInput || !password), handleClick: handleSignIn, classes: styles.btn, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", __assign({ onClick: setModalType(types_2.EModalTypes.SignUp), className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.noAccount" }) }))] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralCopyContent, classes, (_b = {},
+            _b[styles.yellow] = types_4.ESignUpTheme[registrationTheme] ===
+                types_4.ESignUpTheme.BaseYellow,
+            _b)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, onChange: setAuthFormType, data: constants_1.AUTH_TABS, classes: styles.wrapperTabs, type: "underline" }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperForms, (_c = {},
+                        _c[styles.formOne] = activeForm === types_3.EAuthFormType.Phone,
+                        _c[styles.formTwo] = activeForm === types_3.EAuthFormType.Email,
+                        _c[styles.formThree] = activeForm === types_3.EAuthFormType.UserName,
+                        _c)) }, { children: [(0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone, errorText: authError.errorText }), (0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand, errorText: authError.errorText }), (0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId, errorText: authError.errorText })] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { label: "authorization.inputs.password", size: "full", onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput), errorText: authError.errorText }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPassword, {
+                        registrationTheme: registrationTheme,
+                    }) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.lostPasswordBtn" }) })), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\x02", requestId: types_1.ERequestIds.AuthorizeByEmail, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "authorization.submitBtn", size: "--button-full", buttonHeight: "--button-height-full", color: "primary", disabled: Boolean(!activeInput || !password), handleClick: handleSignIn, classes: styles.btn, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", __assign({ onClick: setModalType(types_2.EModalTypes.SignUp, {
+                        registrationTheme: registrationTheme,
+                    }), className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.noAccount" }) }))] })) })));
 };
 exports.SignIn = SignIn;

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

@@ -33,26 +33,30 @@ 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 });
 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 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 CurrencySelector_1 = require("components/SignUp/CurrencySelector");
+var CountrySelector_1 = require("components/SignUp/CountrySelector");
+var PromoCode_1 = require("components/SignUp/PromoCode");
+var constants_1 = require("./constants");
 var selectors_1 = require("zustandStore/forms/signUp/selectors");
 var store_1 = require("zustandStore/forms/signUp/store");
 var selectors_2 = require("zustandStore/languages/selectors");
 var store_2 = require("zustandStore/languages/store");
 var utils_1 = require("zustandStore/forms/signUp/utils");
-var styles = __importStar(require("./OneClick.module.css"));
-var react_1 = require("react");
 var store_3 = require("zustandStore/connection/store");
 var selectors_3 = require("zustandStore/connection/selectors");
-var constants_1 = require("./constants");
-var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
-var CountrySelector_1 = require("components/SignUp/CountrySelector");
-var 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 styles = __importStar(require("./OneClick.module.css"));
 var OneClickKit = function (props) {
     var isSelected = props.isSelected, handleRegistration = props.handleRegistration, _a = props.translates, translates = _a === void 0 ? constants_1.BASE_TRANSLATE_KEYS : _a, availableCurrencies = props.availableCurrencies, countryInfo = props.countryInfo, buttonText = props.buttonText;
     var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
@@ -97,7 +101,7 @@ var OneClickKit = function (props) {
                 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: buttonText || translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB }) }))] }))
+            }, { 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: buttonText || translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.marginB, styles.authButton) }) }))] }))
     // <OneClick
     //   isSelected={isSelected}
     //   activeCountryId={activeCountryId}

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

@@ -33,11 +33,15 @@ 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 types_1 = require("react-memory-optimization/dist/lib/binary/types");
+var classnames_1 = __importDefault(require("classnames"));
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var BaseButton_1 = require("components/ui/Buttons/BaseButton");
 var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
@@ -45,6 +49,7 @@ var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
 var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
 var PromoCode_1 = require("components/SignUp/PromoCode");
 var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
+var DocsCheckBox_1 = require("components/SignUp/DocsCheckBox");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var constants_1 = require("./constants");
 var store_1 = require("zustandStore/languages/store");
@@ -55,8 +60,8 @@ var store_3 = require("zustandStore/connection/store");
 var selectors_3 = require("zustandStore/connection/selectors");
 var shared_1 = require("utils/shared");
 var utils_1 = require("zustandStore/forms/signUp/utils");
+var validation_1 = require("service/validation");
 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, buttonText = props.buttonText;
     var setRegisteredLogin = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setRegisteredLoginAction);
@@ -109,7 +114,16 @@ var PhoneSignUp = function (props) {
             setCode({ value: value, errorText: '' });
         }
         if (t === 'password') {
-            setPassword({ value: value, errorText: '' });
+            var errorText = (0, validation_1.composeValidations)([
+                (0, validation_1.isPassword)({
+                    value: value,
+                    errorText: ['errors.passwordMin', 'errors.passwordMax'],
+                }),
+            ]);
+            setPassword({
+                value: value,
+                errorText: errorText,
+            });
         }
     }; };
     var handleSubmitForm = function () {
@@ -146,6 +160,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, { label: "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, { label: "registrations.inputs.code", size: "full", disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), 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: "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: buttonText || '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, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined, buttonClasses: styles.authButton })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB, errorText: password.errorText }), (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: "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: buttonText || '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.PhoneSignUp = PhoneSignUp;

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

@@ -58,8 +58,9 @@ var ModalContext_1 = require("context/logic/ModalContext");
 var useHookFabric_1 = require("hooks/useHookFabric");
 var styles = __importStar(require("./SignUp.module.css"));
 var SignUp = function (props) {
-    var classes = props.classes, bonusText = props.bonusText, bonusSubText = props.bonusSubText, _a = props.withCongratulationText, withCongratulationText = _a === void 0 ? true : _a, registrationSettings = props.registrationSettings, buttonText = props.buttonText;
-    var _b = (0, ModalContext_1.useHookProvider)(), useTransportControllers = _b.useTransportControllers, useCurrencies = _b.useCurrencies, useCountryInfo = _b.useCountryInfo, sendRegistrationCommand = _b.sendRegistrationCommand;
+    var _a;
+    var classes = props.classes, bonusText = props.bonusText, bonusSubText = props.bonusSubText, _b = props.withCongratulationText, withCongratulationText = _b === void 0 ? true : _b, registrationSettings = props.registrationSettings, buttonText = props.buttonText;
+    var _c = (0, ModalContext_1.useHookProvider)(), useTransportControllers = _c.useTransportControllers, useCurrencies = _c.useCurrencies, useCountryInfo = _c.useCountryInfo, sendRegistrationCommand = _c.sendRegistrationCommand;
     var sendCommand = useTransportControllers().sendCommand;
     var availableCurrencies = (0, useHookFabric_1.useHookFabric)({
         fn: useCurrencies,
@@ -72,13 +73,17 @@ var SignUp = function (props) {
     var setActiveForm = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setActiveRegistrationFormAction);
     var setModal = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
     var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
-    var _c = data.bonusSignUp, bonusSignUp = _c === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusSignUp) || false : _c, _d = data.bonusText, modalBonusText = _d === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusText) || '' : _d, _e = data.bonusSubText, modalBonusSubText = _e === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusSubText) || '' : _e, _f = data.withCongratulationText, modalWithCongratulationText = _f === void 0 ? withCongratulationText : _f, _g = data.flow, flow = _g === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.flow) || types_2.ERegistrationFlow.Socket : _g, _h = data.buttonText, buttonSignUpText = _h === void 0 ? '' : _h;
+    var _d = data.bonusSignUp, bonusSignUp = _d === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusSignUp) || false : _d, _e = data.bonusText, modalBonusText = _e === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusText) || '' : _e, _f = data.bonusSubText, modalBonusSubText = _f === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusSubText) || '' : _f, _g = data.withCongratulationText, modalWithCongratulationText = _g === void 0 ? withCongratulationText : _g, _h = data.flow, flow = _h === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.flow) || types_2.ERegistrationFlow.Socket : _h, _j = data.buttonText, buttonSignUpText = _j === void 0 ? '' : _j, _k = data.registrationTheme, registrationTheme = _k === void 0 ? types_2.ESignUpTheme.BaseGreen : _k;
+    var regType = (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.registrationTheme) ||
+        registrationTheme;
     var isCongratulation = modalWithCongratulationText;
     var customBonusText = bonusText || modalBonusText;
     var customBonusSubText = bonusSubText || modalBonusSubText;
     var customSignUpButtonText = buttonText || buttonSignUpText;
     var openSignIn = function () {
-        setModal(types_1.EModalTypes.SignIn);
+        setModal(types_1.EModalTypes.SignIn, {
+            registrationTheme: regType,
+        });
     };
     var handleRegistrationCode = function (key, data) {
         sendCommand(key, data, true);
@@ -88,7 +93,10 @@ var SignUp = function (props) {
             setActiveForm(tabs[0].value);
         }
     }, [activeForm, tabs]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [(bonusSignUp || customBonusText) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [isCongratulation && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusSubText
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSignUpModal, (_a = {},
+                _a[styles.yellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseYellow,
+                _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
+                _a)) }, { children: [(bonusSignUp || customBonusText) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [isCongratulation && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusSubText
                                     ? customBonusSubText
                                     : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusText ? customBonusText : 'wheelTwo.secondPopUp.bonus' })] }))), (ui_1.IS_DEV === null || ui_1.IS_DEV === void 0 ? void 0 : (0, ui_1.IS_DEV)()) && (0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: ['Google'] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand(flow), availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand(flow), countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.authButtonText, onClick: openSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registration.logInButton" }) }))] })) })));
 };

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

@@ -1,4 +1,4 @@
-import { ERegistrationFlow } from 'zustandStore/forms/signUp/types';
+import { ERegistrationFlow, ESignUpTheme } from 'zustandStore/forms/signUp/types';
 export type SignUpProps = {
     classes?: string;
     bonusText?: string;
@@ -9,6 +9,7 @@ export type SignUpProps = {
         bonusText?: string;
         bonusSubText?: string;
         bonusSignUp?: boolean;
+        registrationTheme?: keyof typeof ESignUpTheme;
     };
     buttonText?: string;
 };

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

@@ -39,17 +39,27 @@ var __importDefault = (this && this.__importDefault) || function (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 Tabs_1 = require("components/ui/Tabs");
 var LostPasswordEmailForm_1 = __importDefault(require("./components/LostPasswordEmailForm"));
 var LostPasswordPhoneForm_1 = __importDefault(require("./components/LostPasswordPhoneForm"));
 var constants_1 = require("./constants");
+var store_1 = require("zustandStore/alerts/modal/store");
+var selectors_1 = require("zustandStore/alerts/modal/selectors");
 var types_1 = require("../types");
+var types_2 = require("zustandStore/forms/signUp/types");
 var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./LostPassword.module.css"));
 var LostPassword = function () {
+    var _a;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;
-    var _a = (0, react_1.useState)(types_1.RecoveryFormType.Email), activeValue = _a[0], setActiveValue = _a[1];
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapprLostePassword }, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeValue, data: constants_1.RECOVERY_TABS, onChange: setActiveValue, classes: styles.tabWrapper, type: "underline" }), activeValue === types_1.RecoveryFormType.Email && ((0, jsx_runtime_1.jsx)(LostPasswordEmailForm_1.default, { sendCommand: sendCommand })), activeValue === types_1.RecoveryFormType.Phone && ((0, jsx_runtime_1.jsx)(LostPasswordPhoneForm_1.default, { sendCommand: sendCommand }))] })));
+    var _b = (0, react_1.useState)(types_1.RecoveryFormType.Email), activeValue = _b[0], setActiveValue = _b[1];
+    var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
+    var registrationTheme = data.registrationTheme;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapprLostePassword, (_a = {},
+            _a[styles.yellow] = types_2.ESignUpTheme[registrationTheme] ===
+                types_2.ESignUpTheme.BaseYellow,
+            _a)) }, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeValue, data: constants_1.RECOVERY_TABS, onChange: setActiveValue, classes: styles.tabWrapper, type: "underline" }), activeValue === types_1.RecoveryFormType.Email && ((0, jsx_runtime_1.jsx)(LostPasswordEmailForm_1.default, { sendCommand: sendCommand })), activeValue === types_1.RecoveryFormType.Phone && ((0, jsx_runtime_1.jsx)(LostPasswordPhoneForm_1.default, { sendCommand: sendCommand }))] })));
 };
 exports.default = LostPassword;

package/dist/lib/components/Modals/Alert/index.js

@@ -171,6 +171,7 @@ var AssignCurrency = (0, react_1.lazy)(function () { return __awaiter(void 0, vo
         case 1: return [2 /*return*/, _a.sent()];
     }
 }); }); });
+var types_2 = require("zustandStore/forms/signUp/types");
 var shared_1 = require("utils/shared");
 var styles = __importStar(require("./Alert.module.css"));
 var Alerts = function (props) {
@@ -256,6 +257,10 @@ var Alerts = function (props) {
             _b[styles.thirdAuth] = modalType === types_1.EModalTypes.SignUpThree ||
                 modalType === types_1.EModalTypes.SignInThree,
             _b[styles.thirdLostpassword] = modalType === types_1.EModalTypes.LostPasswordThree,
+            _b[styles.yellowSignUp] = (modalType === types_1.EModalTypes.SignIn ||
+                modalType === types_1.EModalTypes.SignUp ||
+                modalType === types_1.EModalTypes.LostPassword) &&
+                types_2.ESignUpTheme[additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseYellow,
             _b)), modalContentClasses: (0, classnames_1.default)((_c = {},
             _c[styles.maxWidth] = modalType === types_1.EModalTypes.SignUpThree ||
                 modalType === types_1.EModalTypes.SignInThree,

package/dist/lib/zustandStore/forms/signUp/types.d.ts

@@ -48,7 +48,10 @@ export declare enum ESignUpTheme {
     SilverTwo = "silver-two",
     GrayTwo = "gray-two",
     Black = "black",
-    BlackRed = "black-red"
+    BlackRed = "black-red",
+    BaseGreen = "base-green",
+    BaseYellow = "base-yellow",
+    BaseWhite = "base-white"
 }
 export declare enum ERegistrationSocial {
     Unknown = "Unknown",

package/dist/lib/zustandStore/forms/signUp/types.js

@@ -28,6 +28,9 @@ var ESignUpTheme;
     ESignUpTheme["GrayTwo"] = "gray-two";
     ESignUpTheme["Black"] = "black";
     ESignUpTheme["BlackRed"] = "black-red";
+    ESignUpTheme["BaseGreen"] = "base-green";
+    ESignUpTheme["BaseYellow"] = "base-yellow";
+    ESignUpTheme["BaseWhite"] = "base-white";
 })(ESignUpTheme = exports.ESignUpTheme || (exports.ESignUpTheme = {}));
 var ERegistrationSocial;
 (function (ERegistrationSocial) {

package/dist/main.css

@@ -1290,6 +1290,19 @@
   align-items: center;
   width: 100%;
   padding: var(--indent-xs);
+  --selector-overflow-color: var(--base-0);
+}
+
+.KIT__SignUp-module__yellow___E9DiY {
+  --green-100: rgba(255, 222, 106, 1);
+  --input-background: rgba(36, 36, 36, 1);
+  --selector-item-background: rgba(36, 36, 36, 1);
+  --selector-main-bg-opened:  rgba(36, 36, 36, 1);
+  --phone-input-item-hover-background-color: rgba(48, 47, 47);
+  --arrow-button-svg-path-fill: rgba(161, 166, 178, 1);
+  --button-primary-border: none;
+  --button-color-primary-text: rgb(0,0,0);
+  --button-color-primary: linear-gradient(90deg, rgba(255,222,106, 1) 23%, rgba(224, 168, 37, 1) 67%);
 }
 
 .KIT__SignUp-module__wrapperTitle___5QJvI {
@@ -2765,6 +2778,19 @@
 }
 
 
+.KIT__SignIn-module__yellow___IgXCq {
+  --green-100: rgba(255, 222, 106, 1);
+  --input-background: rgba(36, 36, 36, 1);
+  --selector-item-background: rgba(36, 36, 36, 1);
+  --selector-main-bg-opened:  rgba(36, 36, 36, 1);
+  --phone-input-item-hover-background-color: rgba(48, 47, 47);
+  --arrow-button-svg-path-fill: rgba(161, 166, 178, 1);
+  --button-primary-border: none;
+  --button-color-primary-text: var(--base-1000);
+  --button-color-primary: linear-gradient(90deg, rgba(255,222,106, 1) 23%, rgba(224, 168, 37, 1) 67%);
+  --sign-in-modal-lost-password-color: rgba(255, 255, 255, 0.6);
+}
+
 .KIT__SignIn-module__content___tU4ST {
   width: 100%;
   display: flex;
@@ -3509,6 +3535,19 @@
   margin-bottom: var(--indent-xs);
 }
 
+.KIT__LostPassword-module__yellow___dOi3Z {
+  --green-100: rgba(255, 222, 106, 1);
+  --input-background: rgba(36, 36, 36, 1);
+  --phone-input-item-hover-background-color: rgba(48, 47, 47);
+  --button-primary-border: none;
+  --button-color-primary-text: var(--base-1000);
+  --button-color-primary: linear-gradient(
+    90deg,
+    rgba(255, 222, 106, 1) 23%,
+    rgba(224, 168, 37, 1) 67%
+  );
+}
+
 .KIT__LostPassword-module__tabWrapper___M1C0O {
   width: var(--full);
   margin-bottom: var(--indent-m);
@@ -4074,6 +4113,11 @@
   background: var(--third-modal-layout-background-color);
 }
 
+.KIT__Alert-module__yellowSignUp___YdXau {
+  background: var(--base-1000);
+  --button-color-black: var(--base-1000);
+}
+
 @media (min-width: 768px) {
   .KIT__Alert-module__wrapperModal___lOle6 {
     display: flex;

package/package.json

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