react-gldn-kit 0.1.101 → 0.1.103

package/dist/lib/components/LastBigWinners/components/LastBigWinner/LastBigWinner.js

@@ -53,6 +53,6 @@ var LastBigWinner = function (props) {
             backgroundRepeat: 'no-repeat',
             backgroundPosition: 'center',
             backgroundSize: 'cover',
-        } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.sum }, { children: prize })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.userId }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.win }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "lastWin.win" }) })), "ID ", id] }))] })) })));
+        } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.sum }, { children: prize })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.userId }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.win }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "lastWin.win" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.id }, { children: ["ID ", id] }))] }))] })) })));
 };
 exports.default = LastBigWinner;

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

@@ -78,7 +78,7 @@ var SignIn = function (_a) {
     var setModal = (0, store_3.useZustandModalKitStore)(selectors_3.zustandModalKitSelector.closeAndOpenModalAction);
     var notifications = (0, store_1.useZustandNotificationKitStore)(selectors_1.notificationKitSelectors.getNotificationsSelector);
     var data = (0, store_3.useZustandModalKitStore)(selectors_3.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
-    var registrationTheme = data.registrationTheme;
+    var registrationTheme = data.registrationTheme, preventClose = data.preventClose;
     var regType = 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];
@@ -96,11 +96,14 @@ var SignIn = function (_a) {
         var data = (0, utils_1.getAuthorizationData)(logInInfo, password, types_1.ERequestIds.AuthorizeByEmail);
         sendCommand('x02', data, true);
     };
-    var setModalType = function (t, additionalSettings) {
+    var setModalType = function (t) {
         return function (e) {
             e.preventDefault();
             e.stopPropagation();
-            setModal(t, additionalSettings);
+            setModal(t, {
+                registrationTheme: registrationTheme,
+                preventClose: preventClose,
+            });
         };
     };
     var activeInput = (0, react_1.useMemo)(function () {
@@ -134,10 +137,6 @@ var SignIn = function (_a) {
                             _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" }) }))] })), isDev && ((0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: ['Google'], wrapperClasses: styles.wrapperButtons }))] })));
+                            _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) }, { 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" }) }))] })), isDev && ((0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: ['Google'], wrapperClasses: styles.wrapperButtons }))] })));
 };
 exports.SignIn = SignIn;

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

@@ -59,6 +59,8 @@ var store_2 = require("zustandStore/alerts/modal/store");
 var selectors_2 = require("zustandStore/alerts/modal/selectors");
 var selectors_3 = require("zustandStore/settings/selectors");
 var store_3 = require("zustandStore/settings/store");
+var store_4 = require("zustandStore/device/store");
+var selectors_4 = require("zustandStore/device/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");
@@ -69,16 +71,18 @@ var SignInThird = function () {
     var _a;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var appType = (0, store_3.useZustandKitSettings)(selectors_3.getKitAppTypeSelector);
+    var isMobile = (0, store_4.useZustandDeviceKitStore)(selectors_4.zustandDeviceKitSelector.isMobileDeviceSelector);
     var sendCommand = useTransportControllers().sendCommand;
     var activeForm = (0, store_1.useZustandSignInKitStore)(selectors_1.zustandSignInKitSelectors.getActiveSignInFormSelector);
     var setAuthFormType = (0, store_1.useZustandSignInKitStore)(selectors_1.zustandSignInKitSelectors.setActiveSignInFormAction);
     var closeAndOpen = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.closeAndOpenModalAction);
     var additionalSettings = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
-    var _b = additionalSettings.registrationTheme, registrationTheme = _b === void 0 ? types_4.ESignUpTheme.WhiteYellow : _b, _c = additionalSettings.bonusImagePath, bonusImagePath = _c === void 0 ? '' : _c;
-    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 registrationTheme = additionalSettings.registrationTheme, _b = additionalSettings.bonusImagePath, bonusImagePath = _b === void 0 ? '' : _b;
+    var regType = registrationTheme;
+    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 handleSignIn = function () {
         var logInInfo = activeForm === types_3.EAuthFormType.Phone ? phone : email;
         if (activeForm === types_3.EAuthFormType.UserName) {
@@ -92,7 +96,7 @@ var SignInThird = function () {
             e.preventDefault();
             e.stopPropagation();
             closeAndOpen(t, {
-                preventClose: true,
+                preventClose: t === types_2.EModalTypes.SignUpThree,
                 registrationTheme: registrationTheme,
                 bonusImagePath: bonusImagePath,
             });
@@ -111,19 +115,18 @@ var SignInThird = function () {
         closeAndOpen(types_2.EModalTypes.SignUpThree, __assign({}, additionalSettings));
     };
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralCopyContent, (_a = {},
-            _a[styles.purple] = types_4.ESignUpTheme[registrationTheme] ===
-                types_4.ESignUpTheme.WhitePurple,
-            _a[styles.lightBlue] = types_4.ESignUpTheme[registrationTheme] ===
-                types_4.ESignUpTheme.WhiteBlue,
-            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftSide }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.banner, style: {
-                            backgroundImage: bonusImagePath ||
-                                "url(/landings/assets-builder/signUpThree/".concat(appType, "/mob.png)"),
-                            backgroundPosition: 'center',
-                            backgroundSize: '100% 100%',
-                            backgroundRepeat: 'no-repeat',
-                        } }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.title" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: setModalType(types_2.EModalTypes.Unknown) }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) }))] })), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, onChange: setAuthFormType, data: constants_1.AUTH_TABS, classes: styles.wrapperTabs, type: "underline", tabClasses: styles.tab }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperForms }, { children: [activeForm === types_3.EAuthFormType.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone, labelClasses: styles.label, inputClasses: styles.input })), activeForm === types_3.EAuthFormType.Email && ((0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand, labelClasses: styles.label, inputClasses: styles.input })), activeForm === types_3.EAuthFormType.UserName && ((0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId, labelClasses: styles.label, inputClasses: styles.input }))] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { label: "authorization.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput), labelClasses: styles.label, inputLabelType: "secondary", inputClasses: styles.input }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPasswordThree) }, { 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.submitButton, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.noAccount" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.register, onClick: handleOpenSignUp }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.register" }) }))] })) })] })), (0, jsx_runtime_1.jsx)("div", { className: styles.rightSide, style: {
-                    backgroundImage: bonusImagePath ||
-                        "url(/landings/assets-builder/signUpThree/".concat(appType, "/desk.png)"),
+            _a[styles.purple] = types_4.ESignUpTheme[regType] === types_4.ESignUpTheme.WhitePurple,
+            _a[styles.lightBlue] = types_4.ESignUpTheme[regType] === types_4.ESignUpTheme.WhiteBlue,
+            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftSide }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.banner, style: {
+                                    backgroundImage: bonusImagePath ||
+                                        "url(/landings/assets-builder/signUpThree/".concat(appType, "/mob.png)"),
+                                    backgroundPosition: 'center',
+                                    backgroundSize: '100% 100%',
+                                    backgroundRepeat: 'no-repeat',
+                                } }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.title" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: setModalType(types_2.EModalTypes.Unknown) }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) }))] })), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, onChange: setAuthFormType, data: constants_1.AUTH_TABS, classes: styles.wrapperTabs, type: "underline", tabClasses: styles.tab }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperForms }, { children: [activeForm === types_3.EAuthFormType.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone, labelClasses: styles.label, inputClasses: styles.input })), activeForm === types_3.EAuthFormType.Email && ((0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand, labelClasses: styles.label, inputClasses: styles.input })), activeForm === types_3.EAuthFormType.UserName && ((0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId, labelClasses: styles.label, inputClasses: styles.input }))] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { label: "authorization.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput), labelClasses: styles.label, inputLabelType: "secondary", inputClasses: styles.input }), (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.jsxs)("div", { children: [(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.submitButton, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.noAccount" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.register, onClick: handleOpenSignUp }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.register" }) }))] })) })] })] })), (0, jsx_runtime_1.jsx)("div", { className: styles.rightSide, style: {
+                    backgroundImage: isMobile
+                        ? bonusImagePath
+                        : "url(/landings/assets-builder/signUpThree/".concat(appType, "/desk.png)"),
                     backgroundPosition: 'top',
                     backgroundSize: '100% 100%',
                     backgroundRepeat: 'no-repeat',

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

@@ -160,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, 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) }) }))] }));
+    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", 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

@@ -75,7 +75,7 @@ var SignUp = function (props) {
     var setActiveForm = (0, store_3.useZustandRegistrationKitStore)(selectors_3.zustandRegistrationKitSelector.setActiveRegistrationFormAction);
     var setModal = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
     var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
-    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.buttonText, buttonSignUpText = _h === void 0 ? '' : _h, _j = data.registrationTheme, registrationTheme = _j === void 0 ? types_1.ESignUpTheme.BaseGreen : _j;
+    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.buttonText, buttonSignUpText = _h === void 0 ? '' : _h, _j = data.registrationTheme, registrationTheme = _j === void 0 ? types_1.ESignUpTheme.BaseGreen : _j, _k = data.preventClose, preventClose = _k === void 0 ? false : _k;
     var regType = (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.registrationTheme) ||
         registrationTheme;
     var isCongratulation = modalWithCongratulationText;
@@ -84,6 +84,7 @@ var SignUp = function (props) {
     var customSignUpButtonText = buttonText || buttonSignUpText;
     var openSignIn = function () {
         setModal(types_2.EModalTypes.SignIn, {
+            preventClose: preventClose,
             registrationTheme: regType,
         });
     };

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

@@ -119,11 +119,12 @@ var SignUpTypeTwo = function () {
     var _h = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _h[0], setEmail = _h[1];
     var titleRef = (0, react_1.useRef)(null);
     var _j = (0, react_1.useState)(0), titleHeight = _j[0], setTitleHeight = _j[1];
-    var _k = data.registrationTitle, registrationTitle = _k === void 0 ? 'signUpTwo.won' : _k, _l = data.bonusImagePath, bonusImagePath = _l === void 0 ? '' : _l, _m = data.registrationTheme, registrationTheme = _m === void 0 ? types_3.ESignUpTheme.Brown : _m, _o = data.buttonText, buttonText = _o === void 0 ? 'signUpTwo.joinNow' : _o, _p = data.social, social = _p === void 0 ? [] : _p;
+    var _k = data.registrationTitle, registrationTitle = _k === void 0 ? 'signUpTwo.won' : _k, _l = data.bonusImagePath, bonusImagePath = _l === void 0 ? '' : _l, _m = data.registrationTheme, registrationTheme = _m === void 0 ? types_3.ESignUpTheme.Brown : _m, _o = data.buttonText, buttonText = _o === void 0 ? 'signUpTwo.joinNow' : _o, _p = data.social, social = _p === void 0 ? [] : _p, _q = data.preventClose, preventClose = _q === void 0 ? false : _q;
     var regType = registrationTheme;
     var openSignIn = function () {
         setModal(types_2.EModalTypes.SignIn, {
             registrationTheme: registrationTheme,
+            preventClose: preventClose,
         });
     };
     var toggleState = function () {
@@ -191,6 +192,8 @@ var SignUpTypeTwo = function () {
             _a[styles.grayTwo] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.GrayTwo,
             _a[styles.black] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.Black,
             _a[styles.blackRed] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.BlackRed,
+            _a[styles.bluePurple] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.BluePurple,
+            _a[styles.silverRed] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.SilverRed,
             _a)) }, { children: [registrationTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title, ref: titleRef }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: registrationTitle }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.contentArea, style: {
                     height: "calc(100% - ".concat(titleHeight, "px)"),
                 } }, { children: [!isSelected && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.warning }, { children: [(0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.warningText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.notConfirm" }) }))] }))), bonusImagePath && ((0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: (0, classnames_1.default)(styles.bonusImage, 'KIT_SignUpTypeTwo_wrapperSignUp_bonusImage') })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [Boolean(social.length) && (0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: social }), activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline", tabClasses: styles.tab, activeTabClasses: styles.activeTab, indicatorClasses: styles.indicator })), (0, jsx_runtime_1.jsxs)("div", { children: [activeForm === types_3.ERegistrationForm.PhoneWithoutCode ? ((0, jsx_runtime_1.jsx)(PhoneBox_1.default, { onChange: setPhone, countryInfo: countryInfo })) : ((0, jsx_runtime_1.jsx)(InputBox_1.default, { leftImg: "/landings/assets-builder/signUpTwo/email.svg", rightImg: "", setInput: setEmail, validation: validation_1.validateEmailValue, input: email, label: "signUpTwo.tabEmail", classes: styles.emailInput })), (0, jsx_runtime_1.jsx)(PasswordBox_1.default, { onChange: setPassword }), (0, jsx_runtime_1.jsx)(CurrencyBox_1.default, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.submitButton, (_b = {},

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

@@ -51,24 +51,31 @@ var store_1 = require("zustandStore/settings/store");
 var store_2 = require("zustandStore/alerts/notification/store");
 var selectors_1 = require("zustandStore/alerts/notification/selectors");
 var selectors_2 = require("zustandStore/settings/selectors");
+var store_3 = require("zustandStore/alerts/modal/store");
+var selectors_3 = require("zustandStore/alerts/modal/selectors");
+var types_2 = require("zustandStore/forms/signUp/types");
 var ModalContext_1 = require("context/logic/ModalContext");
 var useCountDown_1 = require("hooks/useCountDown");
 var styles = __importStar(require("./EmailConfirmation.module.css"));
-var selectors_3 = require("zustandStore/forms/recovery/selectors");
-var store_3 = require("zustandStore/forms/recovery/store");
+var selectors_4 = require("zustandStore/forms/recovery/selectors");
+var store_4 = require("zustandStore/forms/recovery/store");
 var EmailConfirmation = function () {
+    var _a;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;
-    var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _a[0], setCode = _a[1];
+    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _b[0], setCode = _b[1];
     var timerValue = (0, react_1.useRef)(new Date().getTime() + constants_2.DEFAULT_TIMER_VALUE);
     var appType = (0, store_1.useZustandKitSettings)(selectors_2.getKitAppTypeSelector);
     var bannerImage = (0, store_1.useZustandKitSettings)(selectors_2.getKitRecoveryEmailImageSelector);
     var notifications = (0, store_2.useZustandNotificationKitStore)(selectors_1.notificationKitSelectors.getNotificationsSelector);
+    var additionalSettings = (0, store_3.useZustandModalKitStore)(selectors_3.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
+    var _c = additionalSettings.registrationTheme, registrationTheme = _c === void 0 ? types_2.ESignUpTheme.BaseGreen : _c;
+    var regType = registrationTheme;
     var countDown = (0, useCountDown_1.useCountDown)({
         endTimestamp: timerValue.current,
     });
     var timeRemaining = countDown.timeRemaining;
-    var email = (0, store_3.useZustandRecoveryKitStore)(selectors_3.zustandRecoveryKitSelectors.getEmailSelector);
+    var email = (0, store_4.useZustandRecoveryKitStore)(selectors_4.zustandRecoveryKitSelectors.getEmailSelector);
     var submit = function () {
         sendCommand('31x', {
             sms: code.value,
@@ -100,6 +107,11 @@ var EmailConfirmation = function () {
             });
         }
     }, [notifications]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmailConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange, length: 5 }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.emailConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_EMAIL_CODE_LENGTH })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmailConfirmation, styles.column, (_a = {},
+            _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
+            _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow,
+            _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
+            _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
+            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange, length: 5 }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.emailConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_EMAIL_CODE_LENGTH })] })));
 };
 exports.default = EmailConfirmation;

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

@@ -1,2 +1,4 @@
-declare const LostPasswordEmailForm: () => import("react/jsx-runtime").JSX.Element;
+declare const LostPasswordEmailForm: ({ inputLabelType, }: {
+    inputLabelType?: 'labelUp' | 'base' | 'secondary';
+}) => import("react/jsx-runtime").JSX.Element;
 export default LostPasswordEmailForm;

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

@@ -43,10 +43,11 @@ var validation_1 = require("service/validation");
 var ModalContext_1 = require("context/logic/ModalContext");
 var selectors_1 = require("zustandStore/settings/selectors");
 var store_1 = require("zustandStore/settings/store");
-var styles = __importStar(require("./LostPasswordEmailForm.module.css"));
 var store_2 = require("zustandStore/forms/recovery/store");
 var selectors_2 = require("zustandStore/forms/recovery/selectors");
-var LostPasswordEmailForm = function () {
+var styles = __importStar(require("./LostPasswordEmailForm.module.css"));
+var LostPasswordEmailForm = function (_a) {
+    var inputLabelType = _a.inputLabelType;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
     var sendCommand = useTransportControllers().sendCommand;
@@ -74,6 +75,8 @@ var LostPasswordEmailForm = function () {
         ]);
         setEmail({ value: value, errorText: errorText });
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapper }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.enterEmail" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.email", size: "large", disabled: isRequestedCode, errorText: email.errorText, defaultValue: "", onChange: handleValidate, classes: styles.formInput }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: !email.errorText ? 'primary' : 'dark', handleClick: isShowTimer, disabled: Boolean(email.errorText) || Boolean(!email.value), size: "--button-full", buttonHeight: "--button-height-full", text: "recoveryPsw.getCodeBtn", classes: styles.formInput, centreText: true })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapper }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.enterEmail" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "recoveryPsw.email", size: "large", disabled: isRequestedCode, errorText: email.errorText, defaultValue: "", onChange: handleValidate, classes: styles.formInput, inputLabelType: inputLabelType, isHidePlaceholder: inputLabelType === 'secondary' }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: !email.errorText || inputLabelType === 'secondary'
+                    ? 'primary'
+                    : 'dark', handleClick: isShowTimer, disabled: Boolean(email.errorText) || Boolean(!email.value), size: "--button-full", buttonHeight: "--button-height-full", text: "recoveryPsw.getCodeBtn", classes: styles.formInput, centreText: true })] })));
 };
 exports.default = LostPasswordEmailForm;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/LostPasswordPhoneForm/components/MoreInfo/index.d.ts

@@ -1,2 +1,4 @@
-declare const MoreInfo: () => import("react/jsx-runtime").JSX.Element;
+declare const MoreInfo: ({ isThird }: {
+    isThird?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 export default MoreInfo;

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

@@ -33,22 +33,27 @@ 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 classnames_1 = __importDefault(require("classnames"));
 var ArrowButton_1 = require("components/ui/Buttons/ArrowButton");
 var Text_1 = require("components/Text");
 var InfoThirdSvg_1 = require("components/ui/Icons/InfoThirdSvg");
 var selectors_1 = require("zustandStore/settings/selectors");
 var store_1 = require("zustandStore/settings/store");
 var styles = __importStar(require("./MoreInfo.module.css"));
-var MoreInfo = function () {
-    var _a = (0, react_1.useState)(false), isOpened = _a[0], setOpenState = _a[1];
-    var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
+var MoreInfo = function (_a) {
+    var _b;
+    var isThird = _a.isThird;
+    var _c = (0, react_1.useState)(false), isOpened = _c[0], setOpenState = _c[1];
     var bannerImage = (0, store_1.useZustandKitSettings)(selectors_1.getKitRecoveryPhoneImageSelector);
     var handleToggleState = function () {
         setOpenState(!isOpened);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperMoreInfo, onClick: handleToggleState }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.left }, { children: [(0, jsx_runtime_1.jsx)(InfoThirdSvg_1.InfoThirdSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.mainInfo }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.moreInfo" }) }))] })), (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { isOpened: isOpened, classes: styles.arrowButton })] })), isOpened && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.instructionsBlock }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.instruction }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.flashCallVerification" }) })), (0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage })] })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperMoreInfo, onClick: handleToggleState }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.left }, { children: [(0, jsx_runtime_1.jsx)(InfoThirdSvg_1.InfoThirdSvg, { classes: (0, classnames_1.default)((_b = {}, _b[styles.third] = isThird, _b)) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.mainInfo }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.moreInfo" }) }))] })), (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { isOpened: isOpened, classes: styles.arrowButton })] })), isOpened && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.instructionsBlock }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.instruction }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.flashCallVerification" }) })), (0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage })] })))] })));
 };
 exports.default = MoreInfo;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/LostPasswordPhoneForm/index.d.ts

@@ -1,2 +1,4 @@
-declare const LostPasswordPhoneForm: () => import("react/jsx-runtime").JSX.Element;
+declare const LostPasswordPhoneForm: ({ inputLabelType, }: {
+    inputLabelType?: 'labelUp' | 'base' | 'secondary';
+}) => import("react/jsx-runtime").JSX.Element;
 export default LostPasswordPhoneForm;

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

@@ -39,12 +39,13 @@ var react_1 = require("react");
 var types_1 = require("react-memory-optimization/dist/lib/binary/types");
 var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
 var Text_1 = require("components/Text");
+var store_1 = require("zustandStore/forms/recovery/store");
+var selectors_1 = require("zustandStore/forms/recovery/selectors");
 var useHookFabric_1 = require("hooks/useHookFabric");
 var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./LostPasswordPhoneForm.module.css"));
-var store_1 = require("zustandStore/forms/recovery/store");
-var selectors_1 = require("zustandStore/forms/recovery/selectors");
-var LostPasswordPhoneForm = function () {
+var LostPasswordPhoneForm = function (_a) {
+    var inputLabelType = _a.inputLabelType;
     // handleFlashCall
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;
@@ -53,7 +54,7 @@ var LostPasswordPhoneForm = function () {
         fn: useCountryInfo,
     });
     var setPhone = (0, store_1.useZustandRecoveryKitStore)(selectors_1.zustandRecoveryKitSelectors.setPhoneAction);
-    var _a = (0, react_1.useState)(false), isRequestedCode = _a[0], setRequestedCodeStatus = _a[1];
+    var _b = (0, react_1.useState)(false), isRequestedCode = _b[0], setRequestedCodeStatus = _b[1];
     var callbackRequest = function () {
         setRequestedCodeStatus(true);
     };
@@ -61,7 +62,7 @@ var LostPasswordPhoneForm = function () {
         setPhone(data.value);
         sendCommand(key, data);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.enterPhone" }) })), (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { withConfirm: true, isRecovery: true, requestId: types_1.ERequestIds.FlashCall, sendDataType: types_1.RecoverySubType.Phone, label: "recoveryPsw.phone", size: "large", section: 3, disabled: isRequestedCode, defaultValue: "", 
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.enterPhone" }) })), (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { inputLabelType: inputLabelType, isHidePlaceholder: inputLabelType === 'secondary', withConfirm: true, isRecovery: true, requestId: types_1.ERequestIds.FlashCall, sendDataType: types_1.RecoverySubType.Phone, label: "recoveryPsw.phone", size: "large", section: 3, disabled: isRequestedCode, defaultValue: "", 
                 // Notice: onChange is not used here, because we set phone in requestCode
                 onChange: console.info, requestCallback: callbackRequest, requestCode: requestCode, sendKey: "09x_flash_call", itemsClasses: styles.items, countryInfo: countryInfo, withInfo: true })] }));
 };

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

@@ -51,25 +51,32 @@ var selectors_1 = require("zustandStore/settings/selectors");
 var store_1 = require("zustandStore/settings/store");
 var store_2 = require("zustandStore/alerts/notification/store");
 var selectors_2 = require("zustandStore/alerts/notification/selectors");
+var store_3 = require("zustandStore/alerts/modal/store");
+var selectors_3 = require("zustandStore/alerts/modal/selectors");
+var types_2 = require("zustandStore/forms/signUp/types");
 var useCountDown_1 = require("hooks/useCountDown");
 var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./NumberConfirmation.module.css"));
-var store_3 = require("zustandStore/forms/recovery/store");
-var selectors_3 = require("zustandStore/forms/recovery/selectors");
+var store_4 = require("zustandStore/forms/recovery/store");
+var selectors_4 = require("zustandStore/forms/recovery/selectors");
 var NumberConfirmation = function () {
+    var _a;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
     var bannerImage = (0, store_1.useZustandKitSettings)(selectors_1.getKitRecoveryPhoneImageSelector);
     var notifications = (0, store_2.useZustandNotificationKitStore)(selectors_2.notificationKitSelectors.getNotificationsSelector);
+    var additionalSettings = (0, store_3.useZustandModalKitStore)(selectors_3.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
+    var _b = additionalSettings.registrationTheme, registrationTheme = _b === void 0 ? types_2.ESignUpTheme.BaseGreen : _b;
+    var regType = registrationTheme;
     var sendCommand = useTransportControllers().sendCommand;
-    var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _a[0], setCode = _a[1];
+    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _c[0], setCode = _c[1];
     var timerValue = (0, react_1.useRef)(new Date().getTime() + 90000);
     var countDown = (0, useCountDown_1.useCountDown)({
         endTimestamp: timerValue.current,
     });
     var isDev = (0, store_1.useZustandKitSettings)(selectors_1.getKitDevSelector);
     var timeRemaining = countDown.timeRemaining;
-    var phone = (0, store_3.useZustandRecoveryKitStore)(selectors_3.zustandRecoveryKitSelectors.getPhoneSelector);
+    var phone = (0, store_4.useZustandRecoveryKitStore)(selectors_4.zustandRecoveryKitSelectors.getPhoneSelector);
     var submit = function () {
         sendCommand('31x_flash_call_code_check', {
             sms: isDev ? "".concat(55555) : code.value,
@@ -102,6 +109,11 @@ var NumberConfirmation = function () {
             });
         }
     }, [notifications]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNumberConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.numberConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_PHONE_CODE_LENGTH })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNumberConfirmation, styles.column, (_a = {},
+            _a[styles.white] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.BaseWhite,
+            _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow,
+            _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
+            _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
+            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.numberConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_PHONE_CODE_LENGTH })] })));
 };
 exports.NumberConfirmation = NumberConfirmation;

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

@@ -55,9 +55,15 @@ var LostPassword = function () {
     var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
     var registrationTheme = data.registrationTheme;
     var regType = registrationTheme;
+    var isThirdType = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow ||
+        types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
+        types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue;
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapprLostePassword, (_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: [(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, {}), activeValue === types_1.RecoveryFormType.Phone && (0, jsx_runtime_1.jsx)(LostPasswordPhoneForm_1.default, {})] })));
+            _a[styles.whiteYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow,
+            _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
+            _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
+            _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, { inputLabelType: isThirdType ? 'secondary' : undefined })), activeValue === types_1.RecoveryFormType.Phone && ((0, jsx_runtime_1.jsx)(LostPasswordPhoneForm_1.default, { inputLabelType: isThirdType ? 'secondary' : undefined }))] })));
 };
 exports.default = LostPassword;

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

@@ -48,19 +48,25 @@ var Text_1 = require("components/Text");
 var OpenEyeSvg_1 = require("components/ui/Icons/Base/OpenEyeSvg");
 var CloseEyeSvg_1 = require("components/ui/Icons/Base/CloseEyeSvg");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
+var store_1 = require("zustandStore/alerts/modal/store");
+var selectors_1 = require("zustandStore/alerts/modal/selectors");
+var types_2 = require("zustandStore/forms/signUp/types");
 var ModalContext_1 = require("context/logic/ModalContext");
 var validation_1 = require("service/validation");
 var styles = __importStar(require("./SetNewPasswordThree.module.css"));
 var SetNewPasswordThree = function () {
-    var _a, _b;
+    var _a, _b, _c;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;
-    var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), newPassword = _c[0], setNewPassword = _c[1];
-    var _d = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), repeatedPassword = _d[0], setRepeatedPassword = _d[1];
-    var _e = (0, react_1.useState)({
+    var _d = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), newPassword = _d[0], setNewPassword = _d[1];
+    var _e = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), repeatedPassword = _e[0], setRepeatedPassword = _e[1];
+    var _f = (0, react_1.useState)({
         newPassword: 'password',
         repeatedPassword: 'password',
-    }), inputTypes = _e[0], setInputTypes = _e[1];
+    }), inputTypes = _f[0], setInputTypes = _f[1];
+    var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
+    var registrationTheme = data.registrationTheme;
+    var regType = registrationTheme;
     var handleApplyPsw = function () {
         sendCommand('21x', {
             newPassword: newPassword.value,
@@ -104,17 +110,20 @@ var SetNewPasswordThree = function () {
         !repeatedPassword.value ||
         Boolean(newPassword.errorText || repeatedPassword.errorText) ||
         newPassword.value !== repeatedPassword.value;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperNewPassword }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterPassword }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.newPassword.enterPassword" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.newPassword", size: "full", onChange: validateValuePassword('newPassword'), type: inputTypes.newPassword, inputWrapperClasses: (0, classnames_1.default)((_a = {},
-                    _a[styles.errorBorder] = newPassword.errorText,
-                    _a)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [newPassword.value && inputTypes.newPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNewPassword, (_a = {},
+            _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
+            _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
+            _a)) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterPassword }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.newPassword.enterPassword" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.newPassword", size: "full", onChange: validateValuePassword('newPassword'), type: inputTypes.newPassword, isHidePlaceholder: true, inputLabelType: "secondary", inputWrapperClasses: (0, classnames_1.default)((_b = {},
+                    _b[styles.errorBorder] = newPassword.errorText,
+                    _b)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [newPassword.value && inputTypes.newPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
                                 field: 'newPassword',
                                 type: 'password',
                             }) })), newPassword.value && inputTypes.newPassword === 'password' && ((0, jsx_runtime_1.jsx)(CloseEyeSvg_1.CloseEyeSvg, { handleClick: handleSetInputType({
                                 field: 'newPassword',
                                 type: 'text',
-                            }) }))] }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.repeatPassword", size: "full", onChange: validateValuePassword('repeatedPassword'), type: inputTypes.repeatedPassword, inputWrapperClasses: (0, classnames_1.default)((_b = {},
-                    _b[styles.errorBorder] = repeatedPassword.errorText,
-                    _b)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [repeatedPassword.value && inputTypes.repeatedPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
+                            }) }))] }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "recoveryPsw.newPassword.repeatPassword", size: "full", onChange: validateValuePassword('repeatedPassword'), type: inputTypes.repeatedPassword, inputLabelType: "secondary", isHidePlaceholder: true, inputWrapperClasses: (0, classnames_1.default)((_c = {},
+                    _c[styles.errorBorder] = repeatedPassword.errorText,
+                    _c)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [repeatedPassword.value && inputTypes.repeatedPassword === 'text' && ((0, jsx_runtime_1.jsx)(OpenEyeSvg_1.OpenEyeSvg, { handleClick: handleSetInputType({
                                 field: 'repeatedPassword',
                                 type: 'password',
                             }) })), repeatedPassword.value &&