react-gldn-kit 0.1.110 → 0.1.111

package/dist/lib/components/Banners/index.js

@@ -79,7 +79,7 @@ var Banners = function (props) {
                             return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.emblaSlide, (_a = {},
                                     _a[styles.half] = backgroundSliderType === types_1.EBackgroundSliderType.Half,
                                     _a[styles.full] = backgroundSliderType === types_1.EBackgroundSliderType.Full,
-                                    _a)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.emblaSlideContent, onClick: handleClick(adaptedBanner.id) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.emblaSlideContentText }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: adaptedBanner.text }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.subTitle, subTitleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: adaptedBanner.subTitle }) }))] }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: adaptedBanner.buttonText, handleClick: console.info, size: "--button-m", isResized: true, buttonHeight: "--button-height-l", color: "primary", centreText: true })] })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: path, classes: styles.image })] })) }), index));
+                                    _a)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.emblaSlideContent, onClick: handleClick(adaptedBanner.id) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.emblaSlideContentText }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: adaptedBanner.text }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.subTitle, subTitleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: adaptedBanner.subTitle }) }))] }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: adaptedBanner.buttonText, handleClick: console.info, size: "--button-xl", isResized: true, buttonHeight: "--button-height-l", color: "primary", centreText: true, classes: styles.bannerButton })] })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: path, classes: styles.image })] })) }), index));
                         }) })) })) })), isProgress && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaProgress }, { children: (0, jsx_runtime_1.jsx)("div", { className: styles.emblaProgressBar, style: { transform: "translate3d(".concat(scrollProgress, "%,0px,0px)") } }) })))] }));
 };
 exports.Banners = Banners;

package/dist/lib/components/CasinoSearchBlock/components/CasinoSearchInput/index.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    classes?: string;
+    onChange?: (s: string) => void;
+};
+export declare const CasinoSearchInput: ({ classes, onChange, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/CasinoSearchBlock/components/CasinoSearchInput/index.js

@@ -0,0 +1,56 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CasinoSearchInput = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var BaseInput_1 = require("components/ui/Inputs/BaseInput");
+var SecondSearchSvg_1 = require("components/ui/Icons/Base/SecondSearchSvg");
+var store_1 = require("zustandStore/search/store");
+var selectors_1 = require("zustandStore/search/selectors");
+var styles = __importStar(require("./CasinoSearchInput.module.css"));
+var CasinoSearchInput = function (_a) {
+    var classes = _a.classes, onChange = _a.onChange;
+    var setSearchValue = (0, store_1.useZustandCasinoSearchKitStore)(selectors_1.searchSelectors.setCasinoSearchValueAction);
+    var handleChange = function (v) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(v);
+    };
+    (0, react_1.useEffect)(function () { return function () {
+        setSearchValue('');
+    }; }, []);
+    return ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({ size: "full", isHidePlaceholder: true, label: "search", onChange: onChange ? handleChange : setSearchValue, classes: classes, inputWrapperClasses: styles.inputCasinoSearch, inputLabelType: "secondary" }, { children: (0, jsx_runtime_1.jsx)(SecondSearchSvg_1.SecondSearchSvg, { classes: styles.searchIcon }) })));
+};
+exports.CasinoSearchInput = CasinoSearchInput;

package/dist/lib/components/CasinoSearchBlock/index.d.ts

@@ -0,0 +1,2 @@
+import { CasinoSearchBlockProps } from './types';
+export declare const CasinoSearchBlock: (props: CasinoSearchBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/CasinoSearchBlock/index.js

@@ -0,0 +1,54 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CasinoSearchBlock = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CloseSecondSvg_1 = require("../ui/Icons/CloseSecondSvg");
+var Text_1 = require("components/Text");
+var CasinoSearchInput_1 = require("./components/CasinoSearchInput");
+var selectors_1 = require("zustandStore/device/selectors");
+var store_1 = require("zustandStore/device/store");
+var selectors_2 = require("zustandStore/search/selectors");
+var store_2 = require("zustandStore/search/store");
+var styles = __importStar(require("./CasinoSearchBlock.module.css"));
+var CasinoSearchBlock = function (props) {
+    var toggleSearchState = props.toggleSearchState, children = props.children;
+    var search = (0, store_2.useZustandCasinoSearchKitStore)(selectors_2.getCasinoSearchValueSelector);
+    var isMobile = (0, store_1.useZustandDeviceKitStore)(selectors_1.zustandDeviceKitSelector.isMobileDeviceSelector);
+    var isSearchLengthCorrect = search.length >= 3;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.isOpenedSearchInput }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.inputBox }, { children: [(0, jsx_runtime_1.jsx)(CasinoSearchInput_1.CasinoSearchInput, {}), isMobile && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.closeSearch }, { children: (0, jsx_runtime_1.jsx)(CloseSecondSvg_1.CloseSecondSvg, { classes: styles.closeSearchIcon, handleClick: toggleSearchState }) })))] })), !!search && !isSearchLengthCorrect && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.searchRules }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "searchRules" }) }))), isSearchLengthCorrect && children] })));
+};
+exports.CasinoSearchBlock = CasinoSearchBlock;

package/dist/lib/components/CasinoSearchBlock/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type CasinoSearchBlockProps = {
+    toggleSearchState: () => void;
+    children: React.ReactNode;
+};

package/dist/lib/components/CasinoSearchBlock/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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, 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 }))] })) })));
+    var title = popUpHeaderProps.title, closeButton = popUpHeaderProps.closeButton, titleClasses = popUpHeaderProps.titleClasses, _a = popUpHeaderProps.isHidden, isHidden = _a === void 0 ? false : _a;
+    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: [!isHidden && (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/Third/index.d.ts

@@ -1 +1,3 @@
-export declare const SignInThird: () => import("react/jsx-runtime").JSX.Element;
+export declare const SignInThird: ({ isPage }: {
+    isPage?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -67,8 +67,9 @@ var types_4 = require("zustandStore/forms/signUp/types");
 var utils_1 = require("zustandStore/forms/signUp/utils");
 var ModalContext_1 = require("context/logic/ModalContext");
 var styles = __importStar(require("./SignInThird.module.css"));
-var SignInThird = function () {
-    var _a;
+var SignInThird = function (_a) {
+    var _b;
+    var _c = _a.isPage, isPage = _c === void 0 ? false : _c;
     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);
@@ -77,12 +78,16 @@ 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 registrationTheme = additionalSettings.registrationTheme, _b = additionalSettings.bonusImagePath, bonusImagePath = _b === void 0 ? '' : _b;
+    var bannerImage = (0, store_3.useZustandKitSettings)(selectors_3.getKitRegBannerImageSelector);
+    var currentBannerImage = isMobile
+        ? bannerImage.mobile
+        : bannerImage.desktop;
+    var registrationTheme = additionalSettings.registrationTheme, _d = additionalSettings.bonusImagePath, bonusImagePath = _d === void 0 ? '' : _d, preventClose = additionalSettings.preventClose;
     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 _e = (0, react_1.useState)(''), password = _e[0], setPassword = _e[1];
+    var _f = (0, react_1.useState)(''), email = _f[0], setEmail = _f[1];
+    var _g = (0, react_1.useState)(''), id = _g[0], setId = _g[1];
+    var _h = (0, react_1.useState)(''), phone = _h[0], setPhone = _h[1];
     var handleSignIn = function () {
         var logInInfo = activeForm === types_3.EAuthFormType.Phone ? phone : email;
         if (activeForm === types_3.EAuthFormType.UserName) {
@@ -96,7 +101,7 @@ var SignInThird = function () {
             e.preventDefault();
             e.stopPropagation();
             closeAndOpen(t, {
-                preventClose: t === types_2.EModalTypes.SignUpThree,
+                preventClose: preventClose,
                 registrationTheme: registrationTheme,
                 bonusImagePath: bonusImagePath,
             });
@@ -114,19 +119,17 @@ var SignInThird = function () {
     var handleOpenSignUp = 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[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)"),
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralCopyContent, (_b = {},
+            _b[styles.purple] = types_4.ESignUpTheme[regType] === types_4.ESignUpTheme.WhitePurple,
+            _b[styles.lightBlue] = types_4.ESignUpTheme[regType] === types_4.ESignUpTheme.WhiteBlue,
+            _b[styles.page] = isPage,
+            _b)) }, { 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 || currentBannerImage,
                                     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)"),
+                                } }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.title" }), !isPage && ((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 : currentBannerImage,
                     backgroundPosition: 'top',
                     backgroundSize: '100% 100%',
                     backgroundRepeat: 'no-repeat',

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

@@ -52,6 +52,7 @@ 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 PromocodeInput_1 = require("../../PromocodeInput");
+var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
 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");
@@ -67,10 +68,11 @@ 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, 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 _c = (0, react_1.useState)(''), 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 activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
     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);
@@ -80,45 +82,31 @@ var EmailSignUp = function (props) {
         return Boolean(!activeCurrencyId ||
             !email.value ||
             email.errorText ||
-            !password.value ||
-            password.errorText ||
+            !password ||
             !terms ||
             !isConnectedApp ||
             !age);
     }, [activeCurrencyId, email, password, terms]);
-    var handleChange = function (t) { return function (value) {
-        if (t === 'password') {
-            var errorText = (0, validation_1.composeValidations)([
-                (0, validation_1.isPassword)({
-                    value: value,
-                    errorText: ['errors.passwordMin', 'errors.passwordMax'],
-                }),
-            ]);
-            setPassword({
-                value: value,
-                errorText: errorText,
-            });
-            return;
-        }
+    var handleChange = function (value) {
         var emailResponse = (0, validation_1.isEmail)({
             value: value,
             errorText: 'errors.email',
         })();
         setEmail(emailResponse);
-    }; };
+    };
     var handleSubmitForm = function () {
         if (!activeCurrencyId) {
             return;
         }
         var sendData = (0, utils_1.getRegistrationData)({
             registrationType: types_1.RegistrationSubType.Email,
-            countryId: 0,
+            countryId: activeCountryId,
             currencyId: activeCurrencyId,
             promoCode: promoCode,
             countryName: '', // TODO back not validate this value
         });
         setRegisteredLogin(email.value);
-        handleRegistration(promoCode ? '06x_with_promo' : '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, letters: 0 }));
     };
     var handleToggleState = function (t) { return function () {
         if (t === 'terms') {
@@ -149,6 +137,6 @@ var EmailSignUp = function (props) {
     var clearPromoCode = function () {
         setPromoCode('');
     };
-    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)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (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) }) }))] })));
+    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, errorText: email.errorText, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize }), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, __assign({ label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, 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)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (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

@@ -61,7 +61,6 @@ 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, 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);
     var _b = (0, react_1.useState)(isSelected), terms = _b[0], setTermsState = _b[1];
     var _c = (0, react_1.useState)(isSelected), age = _c[0], setAgeState = _c[1];
     var _d = (0, react_1.useState)(''), promoCode = _d[0], setPromoCode = _d[1];

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

@@ -1 +1,3 @@
-export declare const SignUpTypeThree: () => import("react/jsx-runtime").JSX.Element;
+export declare const SignUpTypeThree: ({ isPage }: {
+    isPage?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -61,9 +61,10 @@ var ModalContext_1 = require("context/logic/ModalContext");
 var Tabs_1 = require("components/ui/Tabs");
 var selectors_4 = require("zustandStore/settings/selectors");
 var store_4 = require("zustandStore/settings/store");
-var SignUpTypeThree = function () {
-    var _a;
-    var _b = (0, ModalContext_1.useHookProvider)(), useCurrencies = _b.useCurrencies, useTransportControllers = _b.useTransportControllers, useCountryInfo = _b.useCountryInfo, sendRegistrationCommand = _b.sendRegistrationCommand;
+var SignUpTypeThree = function (_a) {
+    var _b;
+    var _c = _a.isPage, isPage = _c === void 0 ? false : _c;
+    var _d = (0, ModalContext_1.useHookProvider)(), useCurrencies = _d.useCurrencies, useTransportControllers = _d.useTransportControllers, useCountryInfo = _d.useCountryInfo, sendRegistrationCommand = _d.sendRegistrationCommand;
     var appType = (0, store_4.useZustandKitSettings)(selectors_4.getKitAppTypeSelector);
     var sendCommand = useTransportControllers().sendCommand;
     var availableCurrencies = (0, useHookFabric_1.useHookFabric)({
@@ -75,11 +76,15 @@ var SignUpTypeThree = function () {
     var activeForm = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveRegistrationFormSelector);
     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_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);
+    var bannerImage = (0, store_4.useZustandKitSettings)(selectors_4.getKitRegBannerImageSelector);
+    var currentBannerImage = isMobile
+        ? bannerImage.mobile
+        : bannerImage.desktop;
+    var additionalSettings = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
+    var _e = additionalSettings.registrationTheme, registrationTheme = _e === void 0 ? types_2.ESignUpTheme.WhiteYellow : _e, _f = additionalSettings.promotionImagePath, promotionImagePath = _f === void 0 ? '' : _f, _g = additionalSettings.flow, flow = _g === void 0 ? types_2.ERegistrationFlow.Socket : _g, _h = additionalSettings.bonusImagePath, bonusImagePath = _h === void 0 ? '' : _h, _j = additionalSettings.isFullView, isFullView = _j === void 0 ? false : _j, preventClose = additionalSettings.preventClose;
+    var regType = registrationTheme;
     // const docs: any = {};
     // const lang = useZustandLanguagesKitStore(
     //   languageSelectors.getActiveLanguageNameKitSelector
@@ -87,9 +92,10 @@ var SignUpTypeThree = function () {
     var countryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
     var handleOpenSignIn = function () {
         closeAndOpen(types_1.EModalTypes.SignInThree, {
-            preventClose: true,
+            preventClose: preventClose,
             registrationTheme: registrationTheme,
             bonusImagePath: bonusImagePath,
+            isHidden: true,
         });
     };
     var openPopUp = function (type) { return function () {
@@ -117,18 +123,17 @@ var SignUpTypeThree = function () {
             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] = 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)"),
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSignUpModal, (_b = {},
+            _b[styles.purple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
+            _b[styles.lightBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
+            _b[styles.page] = isPage,
+            _b)) }, { 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: promotionImagePath || currentBannerImage,
                             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_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)"),
+                        } }), (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) || !isPage && ((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 || currentBannerImage,
                     backgroundPosition: 'top',
                     backgroundSize: '100% 100%',
                     backgroundRepeat: 'no-repeat',

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

@@ -53,12 +53,12 @@ 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 selectors_4 = require("zustandStore/forms/recovery/selectors");
+var store_4 = require("zustandStore/forms/recovery/store");
 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_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;

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

@@ -183,23 +183,11 @@ var EmailConfirmation = (0, react_1.lazy)(function () { return __awaiter(void 0,
         case 1: return [2 /*return*/, _a.sent()];
     }
 }); }); });
-var AuthFourth = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, void 0, function () {
-    var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                _a = {};
-                return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/Fourth')); })];
-            case 1: return [2 /*return*/, (_a.default = (_b.sent()).FourthAuth,
-                    _a)];
-        }
-    });
-}); });
+var Fourth_1 = require("./components/Auth/Fourth");
 var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
 var types_2 = require("zustandStore/forms/signUp/types");
 var shared_1 = require("utils/shared");
 var styles = __importStar(require("./Alert.module.css"));
-var Fourth_1 = require("./components/Auth/Fourth");
 var Alerts = function (props) {
     var _a, _b, _c, _d;
     var getComponentFn = props.getComponentFn;
@@ -270,7 +258,7 @@ var Alerts = function (props) {
     }, [modalType, oldModalType]);
     // TODO OPTIMIZE
     return ((0, jsx_runtime_1.jsx)(ModalLayout_1.ModalLayout, __assign({ popUpHeaderProps: __assign(__assign({ title: !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.bonusSignUp) &&
-                ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.title) || (0, shared_1.getModalTitle)(modalType)), closeButton: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose }, ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.popUpHeaderProps) || {})), { titleClasses: (0, classnames_1.default)((_a = {},
+                ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.title) || (0, shared_1.getModalTitle)(modalType)), closeButton: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose, isHidden: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.isHidden }, ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.popUpHeaderProps) || {})), { titleClasses: (0, classnames_1.default)((_a = {},
                 _a[styles.popUpDarkColor] = modalType === types_1.EModalTypes.SetNewPassword &&
                     (types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteYellow ||
                         types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteBlue ||
@@ -323,7 +311,7 @@ var Alerts = function (props) {
                 types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.SecondaryGreen,
             _c[styles.authFourth] = modalType === types_1.EModalTypes.AuthFourth,
             _c)), modalContentClasses: (0, classnames_1.default)((_d = {},
-            _d[styles.maxWidth] = modalType === types_1.EModalTypes.SignUpThree ||
+            _d[styles.maxSize] = modalType === types_1.EModalTypes.SignUpThree ||
                 modalType === types_1.EModalTypes.SignInThree,
             _d[styles.fourthAuthContent] = modalType === types_1.EModalTypes.AuthFourth,
             _d)) }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)("div", __assign({ className: "full center" }, { children: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) })) }, { children: getModalComponent() })) })));

package/dist/lib/components/ui/Buttons/ArrowButton/index.js

@@ -38,6 +38,7 @@ var ArrowButton = function (props) {
     var Arrow = type === 'base' ? ArrowSvg_1.ArrowSvg : ArrowSecondSvg_1.ArrowSecondSvg;
     return ((0, jsx_runtime_1.jsx)(Arrow, { classes: (0, classnames_1.default)(styles.defaultClasses, (_a = {},
             _a[styles.openedColor] = isOpened,
+            _a[styles.secondary] = type === 'secondary',
             _a), classes), handleClick: toggleState }));
 };
 exports.ArrowButton = ArrowButton;

package/dist/lib/components/ui/Headers/PopUpHeader/types.d.ts

@@ -4,6 +4,7 @@ export type PopUpHeaderProps = {
     classes?: string;
     transparent?: boolean;
     titleClasses?: string;
+    isHidden?: boolean;
 } & CloseButton & BackButton;
 type CloseButton = {
     closeButton?: () => void;

package/dist/lib/components/ui/Icons/Base/SecondSearchSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const SecondSearchSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Base/SecondSearchSvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondSearchSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SecondSearchSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '20' : _a, _b = props.height, height = _b === void 0 ? '20' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("g", __assign({ clipPath: "url(#clip0_4585_4508)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M13.2045 13.6927L12.8892 13.3779L12.5403 13.6549C11.3812 14.5749 9.91153 15.125 8.3125 15.125C4.54919 15.125 1.5 12.0758 1.5 8.3125C1.5 4.54919 4.54919 1.5 8.3125 1.5C12.0758 1.5 15.125 4.54919 15.125 8.3125C15.125 9.91153 14.5749 11.3812 13.6549 12.5403L13.3777 12.8895L13.6929 13.2047L18.4004 17.9121C18.5366 18.0484 18.5339 18.2647 18.4022 18.395C18.2631 18.5326 18.0454 18.528 17.9176 18.3987L17.9154 18.3966L13.2045 13.6927ZM14.4375 8.3125C14.4375 6.68805 13.7922 5.13013 12.6435 3.98147C11.4949 2.83281 9.93695 2.1875 8.3125 2.1875C6.68805 2.1875 5.13013 2.83281 3.98147 3.98147C2.83281 5.13013 2.1875 6.68805 2.1875 8.3125C2.1875 9.93695 2.83281 11.4949 3.98147 12.6435C5.13013 13.7922 6.68805 14.4375 8.3125 14.4375C9.93695 14.4375 11.4949 13.7922 12.6435 12.6435C13.7922 11.4949 14.4375 9.93695 14.4375 8.3125Z", fill: "rgb(var(--semi-blue-gray))", stroke: "rgb(var(--semi-blue-gray))" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { children: (0, jsx_runtime_1.jsx)("rect", { width: "18", height: "18", fill: "white", transform: "translate(1 1)" }) }) })] })));
+};
+exports.SecondSearchSvg = SecondSearchSvg;

package/dist/lib/components/ui/Icons/FlagIcons/WorldSvg.js

@@ -15,6 +15,6 @@ exports.WorldSvg = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var WorldSvg = function (props) {
     var _a = props.width, width = _a === void 0 ? '20' : _a, _b = props.height, height = _b === void 0 ? '20' : _b, classes = props.classes;
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.15407 7.30116C7.52877 5.59304 9.63674 4.5 12 4.5C12.365 4.5 12.7238 4.52607 13.0748 4.57644L13.7126 5.85192L11.2716 8.2929L8.6466 8.6679L7.36009 9.95441L6.15407 7.30116ZM5.2011 8.82954C4.75126 9.79256 4.5 10.8669 4.5 12C4.5 15.6945 7.17133 18.7651 10.6878 19.3856L11.0989 18.7195L8.8147 15.547L10.3741 13.5256L9.63268 13.1549L6.94027 13.6036L6.41366 11.4972L5.2011 8.82954ZM7.95559 11.4802L8.05962 11.8964L9.86722 11.5951L11.3726 12.3478L14.0824 11.9714L18.9544 14.8135C19.3063 13.9447 19.5 12.995 19.5 12C19.5 8.93729 17.6642 6.30336 15.033 5.13856L15.5377 6.1481L11.9787 9.70711L9.35371 10.0821L7.95559 11.4802ZM18.2539 16.1414C16.9774 18.0652 14.8369 19.366 12.3859 19.4902L12.9011 18.6555L10.6853 15.578L12.0853 13.7632L13.7748 13.5286L18.2539 16.1414ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z", fill: "var(--world-svg-path-fill)" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.15407 7.30116C7.52877 5.59304 9.63674 4.5 12 4.5C12.365 4.5 12.7238 4.52607 13.0748 4.57644L13.7126 5.85192L11.2716 8.2929L8.6466 8.6679L7.36009 9.95441L6.15407 7.30116ZM5.2011 8.82954C4.75126 9.79256 4.5 10.8669 4.5 12C4.5 15.6945 7.17133 18.7651 10.6878 19.3856L11.0989 18.7195L8.8147 15.547L10.3741 13.5256L9.63268 13.1549L6.94027 13.6036L6.41366 11.4972L5.2011 8.82954ZM7.95559 11.4802L8.05962 11.8964L9.86722 11.5951L11.3726 12.3478L14.0824 11.9714L18.9544 14.8135C19.3063 13.9447 19.5 12.995 19.5 12C19.5 8.93729 17.6642 6.30336 15.033 5.13856L15.5377 6.1481L11.9787 9.70711L9.35371 10.0821L7.95559 11.4802ZM18.2539 16.1414C16.9774 18.0652 14.8369 19.366 12.3859 19.4902L12.9011 18.6555L10.6853 15.578L12.0853 13.7632L13.7748 13.5286L18.2539 16.1414ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z", fill: "var(--kit-world-svg-path-fill)" }) })));
 };
 exports.WorldSvg = WorldSvg;