react-gldn-kit 0.1.93 → 0.1.94

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

@@ -46,7 +46,7 @@ var ModalContent_1 = require("./component/ModalContent");
 var styles = __importStar(require("./ModalLayout.module.css"));
 var ModalLayout = function (props) {
     var children = props.children, classes = props.classes, popUpHeaderProps = props.popUpHeaderProps, modalLayoutClasses = props.modalLayoutClasses, modalContentClasses = props.modalContentClasses;
-    var title = popUpHeaderProps.title, closeButton = popUpHeaderProps.closeButton;
-    return ((0, jsx_runtime_1.jsx)(PortalLayout_1.PortalLayout, __assign({ classes: classes }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperModalLayout, modalLayoutClasses) }, { children: [(closeButton || title) && ((0, jsx_runtime_1.jsx)(Headers_1.PopUpHeader, __assign({}, (popUpHeaderProps || { title: ' ' }), { closeButton: closeButton, classes: (0, classnames_1.default)((popUpHeaderProps === null || popUpHeaderProps === void 0 ? void 0 : popUpHeaderProps.classes) || '', styles.overflow) }))), (0, jsx_runtime_1.jsx)(ModalContent_1.ModalContent, __assign({ classes: modalContentClasses }, { children: children }))] })) })));
+    var title = popUpHeaderProps.title, closeButton = popUpHeaderProps.closeButton, titleClasses = popUpHeaderProps.titleClasses;
+    return ((0, jsx_runtime_1.jsx)(PortalLayout_1.PortalLayout, __assign({ classes: classes }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperModalLayout, modalLayoutClasses) }, { children: [(closeButton || title) && ((0, jsx_runtime_1.jsx)(Headers_1.PopUpHeader, __assign({}, (popUpHeaderProps || { title: ' ' }), { closeButton: closeButton, classes: (0, classnames_1.default)((popUpHeaderProps === null || popUpHeaderProps === void 0 ? void 0 : popUpHeaderProps.classes) || '', styles.overflow), titleClasses: titleClasses }))), (0, jsx_runtime_1.jsx)(ModalContent_1.ModalContent, __assign({ classes: modalContentClasses }, { children: children }))] })) })));
 };
 exports.ModalLayout = ModalLayout;

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

@@ -79,6 +79,7 @@ var SignIn = function (_a) {
     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 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];
     var _f = (0, react_1.useState)(''), id = _f[0], setId = _f[1];
@@ -127,8 +128,8 @@ var SignIn = function (_a) {
         });
     }, [activeForm, password, email, phone]);
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralCopyContent, classes, (_b = {},
-            _b[styles.yellow] = types_4.ESignUpTheme[registrationTheme] ===
-                types_4.ESignUpTheme.BaseYellow,
+            _b[styles.yellow] = types_4.ESignUpTheme[regType] === types_4.ESignUpTheme.BaseYellow,
+            _b[styles.white] = types_4.ESignUpTheme[regType] === types_4.ESignUpTheme.BaseWhite,
             _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,

package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/components/EmailSignInForm/index.d.ts

@@ -2,6 +2,8 @@ type Props = {
     classes?: string;
     onChange: (v: string) => void;
     sendCommand?: any;
+    labelClasses?: string;
+    inputClasses?: string;
 };
-export declare const EmailSignInForm: ({ classes, onChange, sendCommand }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailSignInForm: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -43,8 +43,8 @@ var classnames_1 = __importDefault(require("classnames"));
 var EmailInput_1 = require("components/ui/Inputs/EmailInput");
 var Text_1 = require("components/Text");
 var styles = __importStar(require("../../SignInThird.module.css"));
-var EmailSignInForm = function (_a) {
-    var classes = _a.classes, onChange = _a.onChange, sendCommand = _a.sendCommand;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.emailSignIn" }) })), (0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, { sendCommand: sendCommand, isHidePlaceholder: true, label: "authorization.inputs.email", size: "full", withoutConfirmCode: true, onChange: onChange })] })));
+var EmailSignInForm = function (props) {
+    var classes = props.classes, onChange = props.onChange, sendCommand = props.sendCommand, labelClasses = props.labelClasses, inputClasses = props.inputClasses;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.emailSignIn" }) })), (0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, { sendCommand: sendCommand, isHidePlaceholder: true, label: "authorization.inputs.email", size: "full", withoutConfirmCode: true, onChange: onChange, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: inputClasses })] })));
 };
 exports.EmailSignInForm = EmailSignInForm;

package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/components/IdSignInForm/index.d.ts

@@ -1,6 +1,8 @@
 type Props = {
     classes?: string;
     onChange: (v: string) => void;
+    labelClasses?: string;
+    inputClasses?: string;
 };
-export declare const IdSignInForm: ({ classes, onChange }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const IdSignInForm: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -46,9 +46,9 @@ var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var Text_1 = require("components/Text");
 var styles = __importStar(require("../../SignInThird.module.css"));
-var IdSignInForm = function (_a) {
-    var classes = _a.classes, onChange = _a.onChange;
-    var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), userId = _b[0], setUserId = _b[1];
+var IdSignInForm = function (props) {
+    var classes = props.classes, onChange = props.onChange, labelClasses = props.labelClasses, inputClasses = props.inputClasses;
+    var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), userId = _a[0], setUserId = _a[1];
     var validateValue = function (value) {
         var errorText = (0, validation_1.composeValidations)([
             (0, validation_1.isRequired)({ value: value, errorText: 'errors.required' }),
@@ -60,6 +60,6 @@ var IdSignInForm = function (_a) {
         }
         onChange(value);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.idSignIn" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { isHidePlaceholder: true, label: "authorization.inputs.userId", size: "full", errorText: userId.errorText, patternFn: validation_1.extractNumbersFromString, onChange: validateValue })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.idSignIn" }) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { isHidePlaceholder: true, label: "authorization.inputs.userId", size: "full", errorText: userId.errorText, patternFn: validation_1.extractNumbersFromString, onChange: validateValue, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: inputClasses })] })));
 };
 exports.IdSignInForm = IdSignInForm;

package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/components/PhoneSignInForm/index.d.ts

@@ -1,6 +1,8 @@
 type Props = {
     classes?: string;
     onChange: (v: string) => void;
+    labelClasses?: string;
+    inputClasses?: string;
 };
-export declare const PhoneSignInForm: ({ classes, onChange }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const PhoneSignInForm: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -45,8 +45,8 @@ var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
 // import { PhoneInput } from 'react-gldn-kit';
 // import animation from 'styles/animation.module.css';
 var styles = __importStar(require("../../SignInThird.module.css"));
-var PhoneSignInForm = function (_a) {
-    var classes = _a.classes, onChange = _a.onChange;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.phoneSignIn" }) })), (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { isHidePlaceholder: true, withConfirm: false, label: "walletPopUp.forms.phone", size: "full", onChange: onChange })] })));
+var PhoneSignInForm = function (props) {
+    var classes = props.classes, onChange = props.onChange, labelClasses = props.labelClasses, inputClasses = props.inputClasses;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.animationFadeIn, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.formTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.phoneSignIn" }) })), (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { isHidePlaceholder: true, withConfirm: false, label: "walletPopUp.forms.phone", size: "full", onChange: onChange, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: inputClasses })] })));
 };
 exports.PhoneSignInForm = PhoneSignInForm;

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

@@ -45,26 +45,26 @@ var types_1 = require("react-memory-optimization/dist/lib/binary/types");
 var EmailSignInForm_1 = require("./components/EmailSignInForm");
 var PhoneSignInForm_1 = require("./components/PhoneSignInForm");
 var IdSignInForm_1 = require("./components/IdSignInForm");
+var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
+var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
+var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
+var Tabs_1 = require("components/ui/Tabs");
+var Buttons_1 = require("components/ui/Buttons");
+var Text_1 = require("components/Text");
+var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
 var constants_1 = require("./constants");
 var store_1 = require("zustandStore/forms/signIn/store");
 var selectors_1 = require("zustandStore/forms/signIn/selectors");
 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 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 Tabs_1 = require("components/ui/Tabs");
-var Buttons_1 = require("components/ui/Buttons");
-var Text_1 = require("components/Text");
-var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
-var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
-var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
 var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./SignInThird.module.css"));
-var types_4 = require("../../SignUp/Third/types");
-var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
-var selectors_3 = require("zustandStore/settings/selectors");
-var store_3 = require("zustandStore/settings/store");
 var SignInThird = function () {
     var _a;
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
@@ -74,7 +74,7 @@ var SignInThird = function () {
     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.ESignUpThreeTheme.Yellow : _b, _c = additionalSettings.promotionImagePath, promotionImagePath = _c === void 0 ? '' : _c;
+    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];
@@ -93,6 +93,8 @@ var SignInThird = function () {
             e.stopPropagation();
             closeAndOpen(t, {
                 preventClose: true,
+                registrationTheme: registrationTheme,
+                bonusImagePath: bonusImagePath,
             });
         };
     };
@@ -109,16 +111,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] = registrationTheme === types_4.ESignUpThreeTheme.Purple,
-            _a[styles.lightBlue] = registrationTheme === types_4.ESignUpThreeTheme.LightBlue,
+            _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: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.bonusImagePath) ||
+                            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: handleOpenSignUp }, { 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 })), 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 })), activeForm === types_3.EAuthFormType.UserName && ((0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId }))] })), (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) }), (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: promotionImagePath ||
+                        } }), (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)"),
                     backgroundPosition: 'top',
                     backgroundSize: '100% 100%',

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

@@ -49,19 +49,19 @@ var PhoneSignUp_1 = require("./components/Forms/PhoneSignUp");
 var SocialButtons_1 = require("components/SocialButtons");
 var store_1 = require("zustandStore/alerts/modal/store");
 var selectors_1 = require("zustandStore/alerts/modal/selectors");
-var types_1 = require("zustandStore/alerts/modal/types");
-var store_2 = require("zustandStore/forms/signUp/store");
-var selectors_2 = require("zustandStore/forms/signUp/selectors");
-var types_2 = require("zustandStore/forms/signUp/types");
+var selectors_2 = require("zustandStore/settings/selectors");
+var store_2 = require("zustandStore/settings/store");
+var store_3 = require("zustandStore/forms/signUp/store");
+var selectors_3 = require("zustandStore/forms/signUp/selectors");
+var types_1 = require("zustandStore/forms/signUp/types");
+var types_2 = require("zustandStore/alerts/modal/types");
 var ModalContext_1 = require("context/logic/ModalContext");
 var useHookFabric_1 = require("hooks/useHookFabric");
 var styles = __importStar(require("./SignUp.module.css"));
-var selectors_3 = require("zustandStore/settings/selectors");
-var store_3 = require("zustandStore/settings/store");
 var SignUp = function (props) {
     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 isDev = (0, store_3.useZustandKitSettings)(selectors_3.getKitDevSelector);
+    var isDev = (0, store_2.useZustandKitSettings)(selectors_2.getKitDevSelector);
     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)({
@@ -70,12 +70,12 @@ var SignUp = function (props) {
     var countryInfo = (0, useHookFabric_1.useHookFabric)({
         fn: useCountryInfo,
     });
-    var tabs = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.getRegistrationTabsSelector);
-    var activeForm = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.getActiveRegistrationFormSelector);
-    var setActiveForm = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setActiveRegistrationFormAction);
+    var tabs = (0, store_3.useZustandRegistrationKitStore)(selectors_3.zustandRegistrationKitSelector.getRegistrationTabsSelector);
+    var activeForm = (0, store_3.useZustandRegistrationKitStore)(selectors_3.zustandRegistrationKitSelector.getActiveRegistrationFormSelector);
+    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_2.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;
     var regType = (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.registrationTheme) ||
         registrationTheme;
     var isCongratulation = modalWithCongratulationText;
@@ -83,7 +83,7 @@ var SignUp = function (props) {
     var customBonusSubText = bonusSubText || modalBonusSubText;
     var customSignUpButtonText = buttonText || buttonSignUpText;
     var openSignIn = function () {
-        setModal(types_1.EModalTypes.SignIn, {
+        setModal(types_2.EModalTypes.SignIn, {
             registrationTheme: regType,
         });
     };
@@ -96,10 +96,10 @@ var SignUp = function (props) {
         }
     }, [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: (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[styles.yellow] = types_1.ESignUpTheme[regType] === types_1.ESignUpTheme.BaseYellow,
+                _a[styles.white] = types_1.ESignUpTheme[regType] === types_1.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' })] }))), isDev && (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, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand, 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, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand, 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" }) }))] })) })));
+                                    : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: customBonusText ? customBonusText : 'wheelTwo.secondPopUp.bonus' })] }))), isDev && (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_1.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_1.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_1.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistrationCode, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], buttonText: customSignUpButtonText })), activeForm === types_1.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand, 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" }) }))] })) })));
 };
 exports.SignUp = SignUp;

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

@@ -153,7 +153,7 @@ var SignUpTypeTwo = function () {
             }
             sendData = (0, utils_1.getRegistrationData)({
                 registrationType: types_1.RegistrationSubType.Email,
-                countryId: 50,
+                countryId: countryId || 50,
                 currencyId: currencyId,
                 promoCode: '',
                 countryName: '', // TODO back not validate this value

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

@@ -6,6 +6,7 @@ type Props = {
     availableCurrencies: CurrencyInfo[];
     countryInfo: CountryInfo | null;
     classes?: string;
+    labelClasses?: string;
 };
 export declare const EmailSignUp: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -48,6 +48,9 @@ var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var BaseButton_1 = require("components/ui/Buttons/BaseButton");
 var DocsCheckBox_1 = require("components/SignUpThree/DocsCheckBox");
+var CountrySelector_1 = require("components/SignUp/CountrySelector");
+var OpenEyeSecondSvg_1 = require("components/ui/Icons/Base/OpenEyeSecondSvg");
+var ClosedEyeSecondSvg_1 = require("components/ui/Icons/Base/ClosedEyeSecondSvg");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var store_1 = require("zustandStore/forms/signUp/store");
 var selectors_1 = require("zustandStore/forms/signUp/selectors");
@@ -59,18 +62,19 @@ var validation_1 = require("service/validation");
 var utils_1 = require("zustandStore/forms/signUp/utils");
 var styles = __importStar(require("../../../SignUpTypeThree.module.css"));
 var stylesEmailSignUp = __importStar(require("./EmailSignUp.module.css"));
-var CountrySelector_1 = require("components/SignUp/CountrySelector");
 var EmailSignUp = function (props) {
-    var countryInfo = props.countryInfo, _a = props.isSelected, isSelected = _a === void 0 ? false : _a, handleRegistration = props.handleRegistration, availableCurrencies = props.availableCurrencies, classes = props.classes;
+    var countryInfo = props.countryInfo, _a = props.isSelected, isSelected = _a === void 0 ? false : _a, handleRegistration = props.handleRegistration, availableCurrencies = props.availableCurrencies, classes = props.classes, labelClasses = props.labelClasses;
     var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
     // const docs = useZustandWebConfiguration(getDocsSelector) || {};
     var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), password = _c[0], setPassword = _c[1];
+    var _d = (0, react_1.useState)(''), promoCode = _d[0], setPromoCode = _d[1];
+    var _e = (0, react_1.useState)('password'), passwordInputType = _e[0], setPasswordInputType = _e[1];
     var setRegisteredLogin = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setRegisteredLoginAction);
     var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
     var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
     var isConnectedApp = (0, store_3.useZustandConnectionKitStore)(selectors_3.connectionSelectors.isAvailableTransportSelector);
-    var _d = (0, react_1.useState)(isSelected), terms = _d[0], setTermsState = _d[1];
-    var _e = (0, react_1.useState)(isSelected), age = _e[0], setAgeState = _e[1];
+    var _f = (0, react_1.useState)(isSelected), terms = _f[0], setTermsState = _f[1];
+    var _g = (0, react_1.useState)(isSelected), age = _g[0], setAgeState = _g[1];
     var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
         return Boolean(!activeCurrencyId ||
             !email.value ||
@@ -109,10 +113,11 @@ var EmailSignUp = function (props) {
             registrationType: types_1.RegistrationSubType.Email,
             countryId: 0,
             currencyId: activeCurrencyId,
+            promoCode: promoCode,
             countryName: '', // TODO back not validate this value
         });
         setRegisteredLogin(email.value);
-        handleRegistration('06x', __assign(__assign({}, sendData), { email: email.value, password: password.value, letters: 0 }));
+        handleRegistration(promoCode ? '06x_with_promo' : '06x', __assign(__assign({}, sendData), { email: email.value, password: password.value, letters: 0 }));
     };
     var handleToggleState = function (t) { return function () {
         if (t === 'terms') {
@@ -132,6 +137,9 @@ var EmailSignUp = function (props) {
         // }
         // openExternalLink(link, true);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: classes, dropdownClasses: styles.dropdown, classesItem: stylesEmailSignUp.selectorMainItem }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: stylesEmailSignUp.dropdown, classesItem: stylesEmailSignUp.selectorMainItem }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "06x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(stylesEmailSignUp.authButton, classes) }) }))] })));
+    var handleChangePasswordType = function (type) { return function () {
+        setPasswordInputType(type);
+    }; };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize, type: passwordInputType }, { children: passwordInputType === 'text' ? ((0, jsx_runtime_1.jsx)(OpenEyeSecondSvg_1.OpenEyeSecondSvg, { handleClick: handleChangePasswordType('password') })) : ((0, jsx_runtime_1.jsx)(ClosedEyeSecondSvg_1.ClosedEyeSecondSvg, { handleClick: handleChangePasswordType('text') })) })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: classes, dropdownClasses: styles.dropdown, classesItem: stylesEmailSignUp.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: stylesEmailSignUp.dropdown, classesItem: stylesEmailSignUp.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.promoCode.placeholder", size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.marginBottom, inputClasses: styles.inputSize, inputLabelType: "secondary", labelClasses: labelClasses }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "06x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(stylesEmailSignUp.authButton, classes) }) }))] })));
 };
 exports.EmailSignUp = EmailSignUp;

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

@@ -56,8 +56,9 @@ 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/SignUpThree/DocsCheckBox");
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 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, classes = props.classes;
+    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, classes = props.classes, labelClasses = props.labelClasses;
     var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
     var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
     var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
@@ -103,9 +104,9 @@ var OneClickKit = function (props) {
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.fullWidth }, { children: [(0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, __assign({}, {
                 availableCurrencies: availableCurrencies,
                 countryInfo: countryInfo,
-            }, { translateKey: translates.currencyTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.selectorMainItem })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, {
+            }, { translateKey: translates.currencyTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.selectorMainItem, type: "secondary" })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, {
                 countryInfo: countryInfo,
-            }, { translateKey: translates.countryTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.selectorMainItem })), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.authButton, styles.marginB, classes) }) }))] }))
+            }, { translateKey: translates.countryTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.selectorMainItem, type: "secondary" })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.promoCode.placeholder", size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.marginB, inputClasses: styles.inputSize, inputLabelType: "secondary", labelClasses: labelClasses }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.authButton, styles.marginB, classes) }) }))] }))
     // <OneClick
     //   isSelected={isSelected}
     //   activeCountryId={activeCountryId}

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

@@ -14,4 +14,5 @@ export type SignUpOneClickProps = {
         currencyTitle: string;
     };
     classes?: string;
+    labelClasses?: string;
 };

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

@@ -63,7 +63,7 @@ var utils_1 = require("zustandStore/forms/signUp/utils");
 var styles = __importStar(require("../../../SignUpTypeThree.module.css"));
 var phoneStyles = __importStar(require("./PhoneSignUp.module.css"));
 var PhoneSignUp = function (props) {
-    var availableCurrencies = props.availableCurrencies, isSelected = props.isSelected, _a = props.withoutCode, withoutCode = _a === void 0 ? false : _a, countryInfo = props.countryInfo, handleRegistration = props.handleRegistration, _b = props.requestCode, requestCode = _b === void 0 ? console.info : _b, classes = props.classes;
+    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, classes = props.classes, labelClasses = props.labelClasses;
     var setRegisteredLogin = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setRegisteredLoginAction);
     // const { sendCommand } = useTransportControllers();
     var isConnectedApp = (0, store_3.useZustandConnectionKitStore)(selectors_3.connectionSelectors.isAvailableTransportSelector);
@@ -155,6 +155,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: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: (0, classnames_1.default)(styles.marginB, classes) })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: (0, classnames_1.default)(styles.marginB, classes) }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, 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: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
+    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: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.promoCode.placeholder", size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.marginBottom, inputClasses: styles.inputSize, inputLabelType: "secondary", labelClasses: labelClasses }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
 };
 exports.PhoneSignUp = PhoneSignUp;

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/components/Forms/PhoneSignUp/types.d.ts

@@ -6,6 +6,7 @@ export type PhoneSignUpProps = {
     availableCurrencies: CurrencyInfo[];
     handleRegistration: (l: string, data: any) => void;
     classes?: string;
+    labelClasses?: string;
 } & {
     requestCode?: (l: string, data: any) => void;
 };

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

@@ -40,15 +40,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SignUpTypeThree = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
-var types_1 = require("./types");
 var styles = __importStar(require("./SignUpTypeThree.module.css"));
 var Text_1 = require("components/Text");
 var store_1 = require("zustandStore/forms/signUp/store");
 var selectors_1 = require("zustandStore/forms/signUp/selectors");
 var store_2 = require("zustandStore/alerts/modal/store");
 var selectors_2 = require("zustandStore/alerts/modal/selectors");
-var types_2 = require("zustandStore/alerts/modal/types");
-var types_3 = require("zustandStore/forms/signUp/types");
+var types_1 = require("zustandStore/alerts/modal/types");
+var types_2 = require("zustandStore/forms/signUp/types");
 var react_1 = require("react");
 var store_3 = require("zustandStore/device/store");
 var selectors_3 = require("zustandStore/device/selectors");
@@ -77,7 +76,8 @@ var SignUpTypeThree = function () {
     var setActiveForm = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveRegistrationFormAction);
     var closeAndOpen = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.closeAndOpenModalAction);
     var additionalSettings = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
-    var _c = additionalSettings.registrationTheme, registrationTheme = _c === void 0 ? types_1.ESignUpThreeTheme.Yellow : _c, _d = additionalSettings.promotionImagePath, promotionImagePath = _d === void 0 ? '' : _d;
+    var _c = additionalSettings.registrationTheme, registrationTheme = _c === void 0 ? types_2.ESignUpTheme.WhiteYellow : _c, _d = additionalSettings.promotionImagePath, promotionImagePath = _d === void 0 ? '' : _d, _e = additionalSettings.flow, flow = _e === void 0 ? types_2.ERegistrationFlow.Socket : _e, _f = additionalSettings.bonusImagePath, bonusImagePath = _f === void 0 ? '' : _f, _g = additionalSettings.isFullView, isFullView = _g === void 0 ? false : _g;
+    var regType = registrationTheme;
     var isMobile = (0, store_3.useZustandDeviceKitStore)(selectors_3.zustandDeviceKitSelector.isMobileDeviceSelector);
     var tabs = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getRegistrationTabsSelector);
     // const docs: any = {};
@@ -86,8 +86,10 @@ var SignUpTypeThree = function () {
     // );
     var countryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
     var handleOpenSignIn = function () {
-        closeAndOpen(types_2.EModalTypes.SignInThree, {
+        closeAndOpen(types_1.EModalTypes.SignInThree, {
             preventClose: true,
+            registrationTheme: registrationTheme,
+            bonusImagePath: bonusImagePath,
         });
     };
     var openPopUp = function (type) { return function () {
@@ -112,19 +114,19 @@ var SignUpTypeThree = function () {
         }
         var baseTabs = tabs;
         if (countryId === 792) {
-            baseTabs = baseTabs.filter(function (t) { return t.value !== types_3.ERegistrationForm.Phone; });
+            baseTabs = baseTabs.filter(function (t) { return t.value !== types_2.ERegistrationForm.Phone; });
         }
     }, [tabs, countryId]);
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSignUpModal, (_a = {},
-            _a[styles.purple] = registrationTheme === types_1.ESignUpThreeTheme.Purple,
-            _a[styles.lightBlue] = registrationTheme === types_1.ESignUpThreeTheme.LightBlue,
-            _a)), style: { maxWidth: !isMobile ? 960 : '' } }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftSide }, { children: [!!(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.customRegImage) && ((0, jsx_runtime_1.jsx)(Logos_1.Logo, { isMobile: isMobile, classes: styles.marginBottom })), (0, jsx_runtime_1.jsx)("div", { className: styles.banner, style: {
-                            backgroundImage: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.bonusImagePath) ||
+            _a[styles.purple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
+            _a[styles.lightBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
+            _a)), style: { maxWidth: !isMobile ? 960 : '' } }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftSide }, { children: [isFullView && ((0, jsx_runtime_1.jsx)(Logos_1.Logo, { isMobile: isMobile, classes: styles.logo, appType: appType })), (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: "signUpThree.title" }), !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: openPopUp(types_2.EModalTypes.Unknown) }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) })))] })), (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, tabClasses: styles.tab, type: "underline" })), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle, onClick: handleOpenSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpThree.description" }) })), activeForm === types_3.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom })), activeForm === types_3.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRequestCodeRegistration, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom })), activeForm === types_3.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRequestCodeRegistration, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom })), activeForm === types_3.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom }))] }))] })), (0, jsx_runtime_1.jsx)("div", { className: styles.rightSide, style: {
+                        } }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpThree.title" }), !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: openPopUp(types_1.EModalTypes.Unknown) }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) })))] })), (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, tabClasses: styles.tab, type: "underline" })), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle, onClick: handleOpenSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpThree.description" }) })), activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom, labelClasses: styles.label })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRequestCodeRegistration, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom, labelClasses: styles.label })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRequestCodeRegistration, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom, labelClasses: styles.label })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom, labelClasses: styles.label }))] }))] })), (0, jsx_runtime_1.jsx)("div", { className: styles.rightSide, style: {
                     backgroundImage: promotionImagePath ||
                         "url(/landings/assets-builder/signUpThree/".concat(appType, "/desk.png)"),
                     backgroundPosition: 'top',

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

@@ -47,12 +47,12 @@ var InputCode_1 = __importDefault(require("./components/InputCode"));
 var Text_1 = require("components/Text");
 var constants_1 = require("./constants");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
-var useCountDown_1 = require("hooks/useCountDown");
-var ModalContext_1 = require("context/logic/ModalContext");
 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 useCountDown_1 = require("hooks/useCountDown");
+var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./NumberConfirmation.module.css"));
 var NumberConfirmation = function () {
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;

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

@@ -57,9 +57,10 @@ var LostPassword = function () {
     var _b = (0, react_1.useState)(types_1.RecoveryFormType.Phone), activeValue = _b[0], setActiveValue = _b[1];
     var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
     var registrationTheme = data.registrationTheme;
+    var regType = 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[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, {})] })));
 };
 exports.default = LostPassword;

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

@@ -1,5 +1,11 @@
+import { ESignUpTheme } from 'zustandStore/forms/signUp/types';
 type Props = {
     wrapperClasses?: string;
+    sendCommand: (key: string, data: {
+        [key: string]: string | number | any[];
+    }, isWatching?: boolean) => void;
+    registrationTheme?: keyof typeof ESignUpTheme;
+    bonusImagePath?: string;
 };
-declare const LostPasswordEmailForm: ({ wrapperClasses }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const LostPasswordEmailForm: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default LostPasswordEmailForm;