react-gldn-kit 0.1.62 → 0.1.64

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

@@ -5,6 +5,7 @@ type Props = {
     handleRegistration: (k: string, data: ReturnType<typeof getRegistrationData>) => void;
     availableCurrencies: CurrencyInfo[];
     countryInfo: CountryInfo | null;
+    buttonText?: string;
 };
 export declare const EmailSignUp: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -61,7 +61,7 @@ var styles = __importStar(require("../../../SignUp.module.css"));
 var stylesEmailSignUp = __importStar(require("./EmailSignUp.module.css"));
 var DocsCheckBox_1 = require("components/SignUp/DocsCheckBox");
 var EmailSignUp = function (props) {
-    var countryInfo = props.countryInfo, _a = props.isSelected, isSelected = _a === void 0 ? false : _a, handleRegistration = props.handleRegistration, availableCurrencies = props.availableCurrencies;
+    var countryInfo = props.countryInfo, _a = props.isSelected, isSelected = _a === void 0 ? false : _a, handleRegistration = props.handleRegistration, availableCurrencies = props.availableCurrencies, buttonText = props.buttonText;
     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];
@@ -131,6 +131,6 @@ var EmailSignUp = function (props) {
         // }
         // openExternalLink(link, true);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: promoCode ? '06x_with_promo' : '06x', requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.marginB, styles.authButton) }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: promoCode ? '06x_with_promo' : '06x', requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: buttonText || "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.marginB, styles.authButton) }) }))] })));
 };
 exports.EmailSignUp = EmailSignUp;

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

@@ -54,7 +54,7 @@ var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
 var BaseButton_1 = require("components/ui/Buttons/BaseButton");
 var DocsCheckBox_1 = require("components/SignUp/DocsCheckBox");
 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;
+    var isSelected = props.isSelected, handleRegistration = props.handleRegistration, _a = props.translates, translates = _a === void 0 ? constants_1.BASE_TRANSLATE_KEYS : _a, availableCurrencies = props.availableCurrencies, countryInfo = props.countryInfo, buttonText = props.buttonText;
     var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
     var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
     var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
@@ -97,7 +97,7 @@ var OneClickKit = function (props) {
                 countryInfo: countryInfo,
             }, { translateKey: translates.currencyTitle, classes: styles.marginB })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, {
                 countryInfo: countryInfo,
-            }, { translateKey: translates.countryTitle, classes: styles.marginB })), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB, translatesKeys: [translates.promoCodeTitle, translates.promoCode] }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, translateKey: translates.terms, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB }) }))] }))
+            }, { translateKey: translates.countryTitle, classes: styles.marginB })), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB, translatesKeys: [translates.promoCodeTitle, translates.promoCode] }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, translateKey: translates.terms, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: buttonText || translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB }) }))] }))
     // <OneClick
     //   isSelected={isSelected}
     //   activeCountryId={activeCountryId}

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

@@ -13,4 +13,5 @@ export type SignUpOneClickProps = {
         countryTitle: string;
         currencyTitle: string;
     };
+    buttonText?: string;
 };

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

@@ -44,7 +44,6 @@ var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
 var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
 var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
 var PromoCode_1 = require("components/SignUp/PromoCode");
-var CountrySelector_1 = require("components/SignUp/CountrySelector");
 var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var constants_1 = require("./constants");
@@ -59,7 +58,7 @@ var utils_1 = require("zustandStore/forms/signUp/utils");
 var styles = __importStar(require("../../../SignUp.module.css"));
 var DocsCheckBox_1 = require("components/SignUp/DocsCheckBox");
 var PhoneSignUp = function (props) {
-    var availableCurrencies = props.availableCurrencies, isSelected = props.isSelected, _a = props.withoutCode, withoutCode = _a === void 0 ? false : _a, countryInfo = props.countryInfo, handleRegistration = props.handleRegistration, _b = props.requestCode, requestCode = _b === void 0 ? console.info : _b;
+    var availableCurrencies = props.availableCurrencies, isSelected = props.isSelected, _a = props.withoutCode, withoutCode = _a === void 0 ? false : _a, countryInfo = props.countryInfo, handleRegistration = props.handleRegistration, _b = props.requestCode, requestCode = _b === void 0 ? console.info : _b, buttonText = props.buttonText;
     var setRegisteredLogin = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setRegisteredLoginAction);
     // const { sendCommand } = useTransportControllers();
     var isConnectedApp = (0, store_3.useZustandConnectionKitStore)(selectors_3.connectionSelectors.isAvailableTransportSelector);
@@ -146,6 +145,6 @@ var PhoneSignUp = function (props) {
     var PHONE_PROPS = withoutCode
         ? constants_1.PHONE_PROPS_WITHOUT_CONFIRMATION
         : constants_1.PHONE_PROPS_WITH_CONFIRMATION;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: buttonText || 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB }) }))] }));
 };
 exports.PhoneSignUp = PhoneSignUp;

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

@@ -5,6 +5,7 @@ export type PhoneSignUpProps = {
     countryInfo: CountryInfo | null;
     availableCurrencies: CurrencyInfo[];
     handleRegistration: (l: string, data: any) => void;
+    buttonText?: string;
 } & {
     requestCode?: (l: string, data: any) => void;
 };

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

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

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

@@ -7,6 +7,7 @@ export type SignUpProps = {
     registrationSettings?: {
         flow?: ERegistrationFlow;
     };
+    buttonText?: string;
 };
 export declare enum ERegistrationType {
     First = 0,

package/dist/lib/components/SignUp/CurrencySelector/index.js

@@ -1,4 +1,27 @@
 "use strict";
+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.CurrencySelector = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
@@ -6,6 +29,7 @@ var react_1 = require("react");
 var Selector_1 = require("components/ui/Selector");
 var store_1 = require("zustandStore/forms/signUp/store");
 var selectors_1 = require("zustandStore/forms/signUp/selectors");
+var styles = __importStar(require("./CurrencySelector.module.css"));
 var CurrencySelector = function (props) {
     var classes = props.classes, availableCurrencies = props.availableCurrencies, countryInfo = props.countryInfo, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.selectors.currency' : _a, dropdownClasses = props.dropdownClasses, classesItem = props.classesItem;
     var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
@@ -26,6 +50,6 @@ var CurrencySelector = function (props) {
         }
         setActiveCurrencyId(availableCurrencies[0].id);
     }, [availableCurrencies, activeCurrencyId, countryInfo]);
-    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { classes: classes, size: "full", placeholder: translateKey, handleClick: setActiveCurrencyId, activeId: activeCurrencyId, data: availableCurrencies, dropdownClasses: dropdownClasses, classesItem: classesItem }));
+    return ((0, jsx_runtime_1.jsx)(Selector_1.Selector, { classes: classes, size: "full", placeholder: translateKey, handleClick: setActiveCurrencyId, activeId: activeCurrencyId, data: availableCurrencies, dropdownClasses: dropdownClasses, classesItem: classesItem, arrowClasses: styles.arrow }));
 };
 exports.CurrencySelector = CurrencySelector;

package/dist/lib/components/SignUp/DocsCheckBox/index.js

@@ -29,6 +29,6 @@ var CheckBox_1 = require("components/ui/Inputs/CheckBox");
 var styles = __importStar(require("./Docs.module.css"));
 var DocsCheckBox = function (props) {
     var terms = props.terms, handleToggleState = props.handleToggleState, handleOpenDoc = props.handleOpenDoc, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.termsAndConditions' : _a;
-    return ((0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { value: terms, onChange: handleToggleState, text: translateKey, classes: styles.checkbox, classesText: styles.link, handleText: handleOpenDoc }));
+    return ((0, jsx_runtime_1.jsx)(CheckBox_1.CheckBox, { value: terms, onChange: handleToggleState, text: translateKey, classes: styles.checkbox, handleText: handleOpenDoc }));
 };
 exports.DocsCheckBox = DocsCheckBox;

package/dist/lib/components/SignUp/PromoCode/index.js

@@ -33,15 +33,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RegistrationPromoCode = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
 var BaseInput_1 = require("components/ui/Inputs/BaseInput");
 var LotterySvg_1 = require("components/ui/Icons/Base/LotterySvg");
 var Text_1 = require("components/Text");
-var styles = __importStar(require("./PromoCode.module.css"));
 var constants_1 = require("./constants");
+var styles = __importStar(require("./PromoCode.module.css"));
 var RegistrationPromoCode = function (props) {
     var setPromoCode = props.setPromoCode, classes = props.classes, _a = props.translatesKeys, translatesKeys = _a === void 0 ? [
         'registrations.promoCode.openPromoCodeTitle',
@@ -60,6 +64,6 @@ var RegistrationPromoCode = function (props) {
     if (constants_1.REFERRAL_CODE) {
         return (0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: " " }));
     }
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: !isShownPromoCode ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.promoTitle, onClick: handleShowPromoCode }, { children: [(0, jsx_runtime_1.jsx)(LotterySvg_1.LotterySvg, { width: "24", height: "24" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translatesKeys[0] }) })] }))) : ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: translatesKeys[1], size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.marginBottom })) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: !isShownPromoCode ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.promoTitle, styles.marginBottom), onClick: handleShowPromoCode }, { children: [(0, jsx_runtime_1.jsx)(LotterySvg_1.LotterySvg, { width: "24", height: "24" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translatesKeys[0] }) })] }))) : ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: translatesKeys[1], size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.marginBottom })) })));
 };
 exports.RegistrationPromoCode = RegistrationPromoCode;

package/dist/lib/components/ui/Headers/PopUpHeader/index.js

@@ -54,6 +54,6 @@ var PopUpHeader = function (props) {
     };
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperPopUpHeader, classes, (_a = {},
             _a[styles.transparent] = transparent,
-            _a)) }, { children: [backButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.left), onClick: handleBackButton }, { children: backSvg }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) })), closeButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.right), onClick: closeButton }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeSvg }) })))] })));
+            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftContent }, { children: [backButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.left), onClick: handleBackButton }, { children: backSvg }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) }))] })), closeButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.right), onClick: closeButton }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeSvg }) })))] })));
 };
 exports.PopUpHeader = PopUpHeader;

package/dist/lib/components/ui/Inputs/BaseInput/BaseInputUi.js

@@ -48,7 +48,7 @@ var Text_1 = require("components/Text");
 var styles = __importStar(require("./BaseInputUi.module.css"));
 var BaseInputUi = function (props) {
     var _a, _b, _c;
-    var startIcon = props.startIcon, value = props.value, type = props.type, placeholder = props.placeholder, handleChange = props.handleChange, children = props.children, isHidePlaceholder = props.isHidePlaceholder, inputLabelType = props.inputLabelType, errorText = props.errorText, inputStyleType = props.inputStyleType, size = props.size, classes = props.classes, inputMode = props.inputMode, disabled = props.disabled, _d = props.bottomText, bottomText = _d === void 0 ? '' : _d, _e = props.withErrorSvg, withErrorSvg = _e === void 0 ? false : _e, onFocus = props.onFocus, _f = props.withClearValue, withClearValue = _f === void 0 ? false : _f, handleClearInputValue = props.handleClearInputValue, labelClasses = props.labelClasses, inputClasses = props.inputClasses;
+    var startIcon = props.startIcon, value = props.value, type = props.type, placeholder = props.placeholder, handleChange = props.handleChange, children = props.children, isHidePlaceholder = props.isHidePlaceholder, inputLabelType = props.inputLabelType, errorText = props.errorText, inputStyleType = props.inputStyleType, size = props.size, classes = props.classes, inputMode = props.inputMode, disabled = props.disabled, _d = props.bottomText, bottomText = _d === void 0 ? '' : _d, _e = props.withErrorSvg, withErrorSvg = _e === void 0 ? false : _e, onFocus = props.onFocus, _f = props.withClearValue, withClearValue = _f === void 0 ? false : _f, handleClearInputValue = props.handleClearInputValue, labelClasses = props.labelClasses, inputClasses = props.inputClasses, inputWrapperClasses = props.inputWrapperClasses;
     var isBorderColorful = inputStyleType === 'border-colorful';
     var sizeModifier = "inputWrapperSize-".concat(size);
     var _g = (0, react_1.useState)(false), isFocused = _g[0], setFocusState = _g[1];
@@ -59,16 +59,16 @@ var BaseInputUi = function (props) {
     var handleBlur = function () {
         setFocusState(false);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.inputWrapper, styles[sizeModifier], classes, (_a = {},
-            _a[styles.fistIcon] = startIcon,
-            _a[styles.borderColorfulGreen] = isBorderColorful && isFocused,
-            _a[styles.borderColorfulRed] = errorText,
-            _a)) }, { children: [startIcon, (0, jsx_runtime_1.jsx)("input", { onFocus: handleFocus, onBlur: handleBlur, inputMode: inputMode, className: (0, classnames_1.default)(styles.input, (_b = {},
-                    _b[styles.disabled] = disabled,
-                    _b), inputClasses), value: value, type: type, placeholder: placeholder, onChange: handleChange }), value && withClearValue && !errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.searchButton, styles.clearButton), onClick: handleClearInputValue }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.crossSvg }) }))), value && withClearValue && errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.searchButton }, { children: (0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}) }))), children && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: children })), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), (0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
-                    _c[styles.labelRight] = startIcon,
-                    _c[styles.hideLabel] = isHidePlaceholder,
-                    _c[styles.labelUp] = inputLabelType === 'labelUp',
-                    _c), labelClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: placeholder }) })), errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText }) }))), !errorText && bottomText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, styles.resetErrorColor) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bottomText }) })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.mainContainer, styles[sizeModifier], classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.inputWrapper, (_a = {},
+                    _a[styles.fistIcon] = startIcon,
+                    _a[styles.borderColorfulGreen] = isBorderColorful && isFocused,
+                    _a[styles.borderColorfulRed] = errorText,
+                    _a), inputWrapperClasses) }, { children: [startIcon, (0, jsx_runtime_1.jsx)("input", { onFocus: handleFocus, onBlur: handleBlur, inputMode: inputMode, className: (0, classnames_1.default)(styles.input, (_b = {},
+                            _b[styles.disabled] = disabled,
+                            _b), inputClasses), value: value, type: type, placeholder: placeholder, onChange: handleChange }), value && withClearValue && !errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.searchButton, styles.clearButton), onClick: handleClearInputValue }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.crossSvg }) }))), value && withClearValue && errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.searchButton }, { children: (0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}) }))), children && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: children })), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), (0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
+                            _c[styles.labelRight] = startIcon,
+                            _c[styles.hideLabel] = isHidePlaceholder,
+                            _c[styles.labelUp] = inputLabelType === 'labelUp',
+                            _c), labelClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: placeholder }) })), !errorText && bottomText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, styles.resetErrorColor) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bottomText }) })))] })), errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText }) })))] })));
 };
 exports.BaseInputUi = BaseInputUi;

package/dist/lib/components/ui/Inputs/BaseInput/types.d.ts

@@ -26,6 +26,7 @@ type InputBase = {
     handleClearInputValue?: () => void;
     labelClasses?: string;
     inputClasses?: string;
+    inputWrapperClasses?: string;
 };
 export type DefaultInputType = {
     value: string;

package/dist/lib/components/ui/Inputs/PhoneInput/components/PhoneView/index.d.ts

@@ -9,7 +9,6 @@ type Props = {
     toggleValue?: () => void;
     isOpened?: boolean;
     mask?: string;
-    placeholder: string;
     classes?: string;
     name?: string;
 };

package/dist/lib/components/ui/Inputs/PhoneInput/components/PhoneView/index.js

@@ -46,7 +46,7 @@ var validation_1 = require("service/validation");
 var styles = __importStar(require("./PhoneView.module.css"));
 var PhoneView = function (props) {
     var _a, _b, _c;
-    var phone = props.phone, Flag = props.Flag, children = props.children, toggleValue = props.toggleValue, isOpened = props.isOpened, mask = props.mask, code = props.code, handleSetValue = props.handleSetValue, classes = props.classes, placeholder = props.placeholder, name = props.name;
+    var phone = props.phone, Flag = props.Flag, children = props.children, toggleValue = props.toggleValue, isOpened = props.isOpened, mask = props.mask, code = props.code, handleSetValue = props.handleSetValue, classes = props.classes, name = props.name;
     var value = phone.value, errorText = phone.errorText;
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, (_a = {},
             _a[styles.opened] = isOpened,
@@ -54,8 +54,8 @@ var PhoneView = function (props) {
             _a[styles.mainInput] = toggleValue,
             _a), classes) }, { children: [toggleValue && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.phoneText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registrations.inputs.phone" }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.codeWrapper, (_b = {},
                             _b[styles.column] = toggleValue,
-                            _b)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.code }, { children: [(0, jsx_runtime_1.jsx)(Flag, {}), toggleValue && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.arrow }, { children: (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { toggleState: toggleValue }) })))] })) })), name && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: name })), (0, jsx_runtime_1.jsx)(BaseInputUi_1.BaseInputUi, __assign({ size: "full", placeholder: "", value: value, baseValue: code, defaultValue: code, handleChange: handleSetValue, patternFn: (0, validation_1.replaceValueByMask)(mask), classes: (0, classnames_1.default)(styles.input, (_c = {},
+                            _b)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.code, onClick: toggleValue !== null && toggleValue !== void 0 ? toggleValue : undefined }, { children: [(0, jsx_runtime_1.jsx)(Flag, {}), toggleValue && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.arrow }, { children: (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, {}) })))] })) })), name && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: name })), (0, jsx_runtime_1.jsx)(BaseInputUi_1.BaseInputUi, __assign({ size: "full", placeholder: "", value: value, baseValue: code, defaultValue: code, handleChange: handleSetValue, patternFn: (0, validation_1.replaceValueByMask)(mask), classes: (0, classnames_1.default)(styles.input, (_c = {},
                             _c[styles.errorBorder] = errorText,
-                            _c)), inputClasses: styles.inputText }, { children: children }))] }))] })));
+                            _c)), inputClasses: styles.inputText, inputWrapperClasses: styles.inputWrapper }, { children: children }))] }))] })));
 };
 exports.default = PhoneView;

package/dist/lib/components/ui/Inputs/PhoneInput/index.js

@@ -155,9 +155,9 @@ var PhoneInput = function (props) {
         onChange('');
     }, [phone, onChange]);
     var Flag = (countryPhoneSettings || {}).Flag;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapper, classesWrapper) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.list }, { children: [(0, jsx_runtime_1.jsx)(PhoneView_1.default, __assign({ placeholder: (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.name) || '', phone: phone, Flag: Flag || WorldSvg_1.WorldSvg, code: (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.code) || '+', handleSetValue: handleSetValue, toggleValue: toggleValue, isOpened: isOpened, mask: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask, classes: styles.disabledBorder }, { children: children })), isOpened && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.items }, { children: Object.values(constants_1.PHONE_MASK).map(function (p) {
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapper, classesWrapper) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.list }, { children: [(0, jsx_runtime_1.jsx)(PhoneView_1.default, __assign({ phone: phone, Flag: Flag || WorldSvg_1.WorldSvg, code: (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.code) || '+', handleSetValue: handleSetValue, toggleValue: toggleValue, isOpened: isOpened, mask: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask, classes: styles.disabledBorder }, { children: children })), isOpened && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.items }, { children: Object.values(constants_1.PHONE_MASK).map(function (p) {
                             var CountryFlag = p.Flag;
-                            return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleChooseSettings(p), className: styles.item }, { children: (0, jsx_runtime_1.jsx)(PhoneView_1.default, { placeholder: "", phone: { value: p.code, errorText: '' }, Flag: CountryFlag, code: p.code, handleSetValue: console.info, mask: p.mask, name: p.name, classes: styles.disabledBorder }) }), p.code));
+                            return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleChooseSettings(p), className: styles.item }, { children: (0, jsx_runtime_1.jsx)(PhoneView_1.default, { phone: { value: p.code, errorText: '' }, Flag: CountryFlag, code: p.code, handleSetValue: console.info, mask: p.mask, name: p.name, classes: styles.disabledBorder }) }), p.code));
                         }) })))] })), phone.errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.error }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: phone.errorText }) }))), withConfirm && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode })) : ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "getCodeBtn", disabled: !isValidPhone, color: "primary", handleClick: showTimer, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: buttonClasses })) }))] })));
 };
 exports.PhoneInput = PhoneInput;

package/dist/lib/components/ui/Selector/index.js

@@ -43,7 +43,6 @@ var classnames_1 = __importDefault(require("classnames"));
 var react_1 = require("react");
 var CloseSvg_1 = require("../Icons/CloseSvg");
 var CheckBoxSvg_1 = require("../Icons/CheckBoxSvg");
-var LockSvg_1 = require("../Icons/LockSvg");
 var ArrowButton_1 = require("../Buttons/ArrowButton");
 var HOCOutsideClick_1 = require("components/HOCs/HOCOutsideClick");
 var Text_1 = require("components/Text");
@@ -51,7 +50,7 @@ var useTranslate_1 = require("hooks/useTranslate");
 var styles = __importStar(require("./Selector.module.css"));
 var Selector = function (props) {
     var _a, _b;
-    var _c = props.placeholder, placeholder = _c === void 0 ? '' : _c, data = props.data, classes = props.classes, activeId = props.activeId, isOpenUp = props.isOpenUp, size = props.size, handleClick = props.handleClick, isAll = props.isAll, classesItem = props.classesItem, _d = props.selectedMainItemClasses, selectedMainItemClasses = _d === void 0 ? '' : _d, isMulti = props.isMulti, modalType = props.modalType, activeIds = props.activeIds, _e = props.joinSymbol, joinSymbol = _e === void 0 ? ',' : _e, _f = props.selectorStyleType, selectorStyleType = _f === void 0 ? 'base' : _f, _g = props.type, type = _g === void 0 ? 'base' : _g, additionalModalProps = props.additionalModalProps, setModalType = props.setModalType, dropdownClasses = props.dropdownClasses;
+    var _c = props.placeholder, placeholder = _c === void 0 ? '' : _c, data = props.data, classes = props.classes, activeId = props.activeId, isOpenUp = props.isOpenUp, size = props.size, handleClick = props.handleClick, isAll = props.isAll, classesItem = props.classesItem, _d = props.selectedMainItemClasses, selectedMainItemClasses = _d === void 0 ? '' : _d, isMulti = props.isMulti, modalType = props.modalType, activeIds = props.activeIds, _e = props.joinSymbol, joinSymbol = _e === void 0 ? ',' : _e, _f = props.selectorStyleType, selectorStyleType = _f === void 0 ? 'base' : _f, _g = props.type, type = _g === void 0 ? 'base' : _g, additionalModalProps = props.additionalModalProps, setModalType = props.setModalType, dropdownClasses = props.dropdownClasses, arrowClasses = props.arrowClasses;
     var _h = (0, react_1.useState)(false), isOpened = _h[0], setOpenState = _h[1];
     var _j = (0, react_1.useState)(true), isHideContent = _j[0], setHideContentState = _j[1];
     var timer = (0, react_1.useRef)(null);
@@ -116,13 +115,13 @@ var Selector = function (props) {
     }; }, []);
     var directionModifier = "dropDownDirection-".concat(isOpenUp ? 'up' : 'down');
     var sizeModifier = "dropDownContentSize-".concat(size);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSelector, styles[sizeModifier], classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.mainContainer, styles.item, styles[sizeModifier], classesItem, (_a = {},
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSelector, styles[sizeModifier], classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.mainContainer, styles[sizeModifier], classesItem, (_a = {},
                     _a[styles.opacity] = isOpened,
                     _a[selectedMainItemClasses] = activeId || (activeIds === null || activeIds === void 0 ? void 0 : activeIds.length),
-                    _a)), onClick: isDisabled && type === 'base' ? undefined : handleToggleState }, { children: [selectorStyleType === 'labelUp' && placeholder && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.placeholder }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: placeholder }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.overflow }, { children: getTitle() })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.iconBlock }, { children: [isDisabled && (0, jsx_runtime_1.jsx)(LockSvg_1.LockSvg, {}), !isDisabled && ((0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { isOpened: isOpened, toggleState: resetValue, classes: styles.rotate })), !isDisabled && !!activeId && !!isAll && ((0, jsx_runtime_1.jsx)(CloseSvg_1.CloseSvg, { handleClick: resetValue }))] }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.dropDownWrapper, styles[directionModifier], styles[sizeModifier], (_b = {},
+                    _a[styles.disabled] = isDisabled,
+                    _a)), onClick: isDisabled && type === 'base' ? undefined : handleToggleState }, { children: [selectorStyleType === 'labelUp' && placeholder && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.placeholder }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: placeholder }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.left }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.arrowBox }, { children: (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { isOpened: isOpened, classes: styles.arrowButton }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.column }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.label }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: placeholder }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.overflow }, { children: getTitle() }))] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.iconBlock }, { children: !isDisabled && !!activeId && !!isAll && ((0, jsx_runtime_1.jsx)(CloseSvg_1.CloseSvg, { handleClick: resetValue })) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.dropDownWrapper, styles[directionModifier], styles[sizeModifier], (_b = {},
                     _b[styles.animationSelectorGrowing] = isOpened,
                     _b[styles.animationSelectorReducing] = !isOpened,
-                    _b[styles.bigBorder] = isOpened,
                     _b[styles.disabledBottom] = isOpenUp,
                     _b[styles.disabledTop] = !isOpenUp,
                     _b), dropdownClasses) }, { children: [!isHideContent && isAll && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.item, classesItem), onClick: setAndClose(null) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "reset" }) }))), !isHideContent && ((0, jsx_runtime_1.jsx)(HOCOutsideClick_1.HOCOutsideClick, __assign({ handleFunc: handleToggleState }, { children: data.map(function (i) {

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

@@ -24,6 +24,7 @@ export type SelectorProps = {
     activeIds?: number[];
     joinSymbol?: string;
     dropdownClasses?: string;
+    arrowClasses?: string;
 } & (({
     isAll: true;
     handleClick: (id: number | null) => void;

package/dist/lib/components/ui/Tabs/index.js

@@ -103,6 +103,7 @@ var Tabs = function (props) {
                         _a[styles.buttonTab] = isButtonView,
                         _a[styles.buttonTabActive] = isButtonView && activeValue === d.value,
                         _a[activeTabClasses] = activeValue === d.value,
+                        _a[styles.border] = !isButtonView,
                         _a)), onClick: handleChange(d.value) }, { children: [d.startIcon, (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: d.label })] }), d.value));
             }), activeInx !== null && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles.activeBlockIndicator, (_b = {},
                     _b[styles.buttonActiveIndicator] = isButtonView,