react-gldn-kit 0.1.148 → 0.1.150

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

@@ -137,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, 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: 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)(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: promoCode ? '06x_with_promo' : '06x', requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, { classes: styles.center }) }, { 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/XxxAzCawa/components/Forms/OneClickKit/index.js

@@ -98,7 +98,7 @@ var OneClickKit = function (props) {
             promoCode: promoCode,
             countryName: "".concat(activeCountryId),
             login: '',
-            password: ''
+            password: '',
         });
         handleRegistration('05x', data, true);
     };
@@ -115,6 +115,6 @@ var OneClickKit = function (props) {
                 countryInfo: countryInfo,
             }, { translateKey: translates.currencyTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.selectorMainItem, type: "secondary" })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, {
                 countryInfo: countryInfo,
-            }, { translateKey: translates.countryTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.selectorMainItem, 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: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.authButton, styles.marginB, classes) }) }))] })));
+            }, { translateKey: translates.countryTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.selectorMainItem, type: "secondary" })), (0, jsx_runtime_1.jsx)(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: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, { classes: styles.center }) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.authButton, styles.marginB, classes) }) }))] })));
 };
 exports.default = OneClickKit;

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

@@ -53,6 +53,7 @@ var PromocodeInput_1 = require("../../PromocodeInput");
 var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
 var OpenEyeSecondSvg_1 = require("components/ui/Icons/Base/OpenEyeSecondSvg");
 var ClosedEyeSecondSvg_1 = require("components/ui/Icons/Base/ClosedEyeSecondSvg");
+var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var constants_1 = require("./constants");
 var store_1 = require("zustandStore/languages/store");
@@ -65,7 +66,6 @@ var shared_1 = require("utils/shared");
 var utils_1 = require("zustandStore/forms/signUp/utils");
 var styles = __importStar(require("../../../SignUpTypeThree.module.css"));
 var phoneStyles = __importStar(require("./PhoneSignUp.module.css"));
-var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
 var PhoneSignUp = function (props) {
     var availableCurrencies = props.availableCurrencies, isSelected = props.isSelected, _a = props.withoutCode, withoutCode = _a === void 0 ? false : _a, countryInfo = props.countryInfo, handleRegistration = props.handleRegistration, _b = props.requestCode, requestCode = _b === void 0 ? console.info : _b, classes = props.classes, labelClasses = props.labelClasses;
     var isConnectedApp = (0, store_3.useZustandConnectionKitStore)(selectors_3.connectionSelectors.isAvailableTransportSelector);
@@ -166,6 +166,6 @@ var PhoneSignUp = function (props) {
     var PHONE_PROPS = withoutCode
         ? constants_1.PHONE_PROPS_WITHOUT_CONFIRMATION
         : constants_1.PHONE_PROPS_WITH_CONFIRMATION;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), (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: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(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: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), (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: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(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: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, { classes: styles.center }) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
 };
 exports.PhoneSignUp = PhoneSignUp;

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

@@ -117,6 +117,7 @@ var EmailConfirmation = function () {
             _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
             _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
             _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen,
+            _a[styles.secondaryYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow,
             _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange, length: 5 }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.emailConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_EMAIL_CODE_LENGTH })] })));
 };
 exports.default = EmailConfirmation;

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

@@ -119,6 +119,7 @@ var NumberConfirmation = function () {
             _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
             _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
             _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen,
+            _a[styles.secondaryYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow,
             _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: bannerImage, className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.numberConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_PHONE_CODE_LENGTH })] })));
 };
 exports.NumberConfirmation = NumberConfirmation;

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

@@ -57,7 +57,8 @@ var LostPassword = function () {
     var regType = registrationTheme;
     var isThirdType = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow ||
         types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
-        types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue;
+        types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue ||
+        types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow;
     var inputLabelType = (0, react_1.useMemo)(function () {
         if (isThirdType) {
             return 'secondary';
@@ -74,6 +75,7 @@ var LostPassword = function () {
             _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
             _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
             _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen,
+            _a[styles.secondaryYellow] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow,
             _a)) }, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeValue, data: constants_1.RECOVERY_TABS, onChange: setActiveValue, classes: styles.tabWrapper, type: types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen
                     ? 'button'
                     : 'underline', indicatorClasses: (0, classnames_1.default)((_b = {},

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

@@ -85,7 +85,8 @@ var SetNewPassword = function () {
     var isDisabled = !newPassword || !repeatedPassword || newPassword !== repeatedPassword;
     var isThirdType = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow ||
         types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
-        types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue;
+        types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue ||
+        types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow;
     var inputLabelType = (0, react_1.useMemo)(function () {
         if (isThirdType) {
             return 'secondary';
@@ -101,7 +102,8 @@ var SetNewPassword = function () {
             _a[styles.whiteBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
             _a[styles.whiteCommon] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteYellow ||
                 types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple ||
-                types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
+                types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue ||
+                types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryYellow,
             _a[styles.whitePurple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
             _a[styles.secondaryGreen] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.SecondaryGreen,
             _a)) }, { children: [!inputLabelType && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterPassword }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.newPassword.enterPassword" }) }))), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, __assign({ label: "recoveryPsw.newPassword.newPassword", size: "full", onChange: setNewPassword, type: inputTypes.newPassword, inputLabelType: inputLabelType, placeholder: inputLabelType === 'separated'

package/dist/main.css

@@ -3285,6 +3285,10 @@
   font-weight: var(--font-weight-bold);
 }
 
+.KIT__SignUpTypeThree-module__center___whOfX {
+  margin: 0 auto;
+}
+
 .KIT__EmailSignUp-module__animationFadeIn___UWQVB {
   animation: KIT__EmailSignUp-module__FadeIn___DF5Ks 1s forwards;
   width: 100%;
@@ -3719,6 +3723,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  cursor: pointer;
 }
 
 .KIT__SignInThird-module__closeIcon___vUhds path {
@@ -4530,7 +4535,8 @@
 
 .KIT__LostPassword-module__whiteBlue___Iaz79,
 .KIT__LostPassword-module__whiteYellow____6a5B,
-.KIT__LostPassword-module__whitePurple___n_7hB {
+.KIT__LostPassword-module__whitePurple___n_7hB,
+.KIT__LostPassword-module__secondaryYellow___Q8XbI {
   --light-blue-var: rgb(var(--light-blue));
   --third-primary-color: var(--light-blue-var,rgb(252, 212, 53));
   --x-reg-color: rgba(129, 141, 177, 1);
@@ -4550,7 +4556,8 @@
   --button-color-primary: var(--third-primary-color);
 }
 
-.KIT__LostPassword-module__whiteYellow____6a5B {
+.KIT__LostPassword-module__whiteYellow____6a5B,
+.KIT__LostPassword-module__secondaryYellow___Q8XbI {
   --third-primary-color: rgb(252, 212, 53);
 }
 
@@ -4713,8 +4720,14 @@
 
 .KIT__NumberConfirmation-module__white___gdHD7 {
   --kit-number-confirmation-enter-digits-color: var(--base-1000);
-  --kit-number-confirmation-time-color: var(--number-confirmation-time-color, rgba(135, 135, 139, 1));
-  --kit-input-code-background: var(--input-code-background, rgba(246, 246, 246, 1));
+  --kit-number-confirmation-time-color: var(
+    --number-confirmation-time-color,
+    rgba(135, 135, 139, 1)
+  );
+  --kit-input-code-background: var(
+    --input-code-background,
+    rgba(246, 246, 246, 1)
+  );
   --button-primary-border: 1px solid rgb(255, 233, 140);
   --kit-input-code-color: var(--input-code-color, var(--base-1000));
 }
@@ -4727,22 +4740,36 @@
     rgba(255, 222, 106, 1) 23%,
     rgba(224, 168, 37, 1) 67%
   );
-  --kit-input-code-background: var(--input-code-background, rgba(36, 36, 36, 1));
+  --kit-input-code-background: var(
+    --input-code-background,
+    rgba(36, 36, 36, 1)
+  );
 }
 
 .KIT__NumberConfirmation-module__whiteYellow___CGY2s,
 .KIT__NumberConfirmation-module__whiteBlue___TnqTv,
-.KIT__NumberConfirmation-module__whitePurple___oh3mh {
-  --kit-number-confirmation-enter-digits-color: var(--number-confirmation-enter-digits-color, rgb(38, 61, 64));
+.KIT__NumberConfirmation-module__whitePurple___oh3mh,
+.KIT__NumberConfirmation-module__secondaryYellow___Izdyk {
+  --kit-number-confirmation-enter-digits-color: var(
+    --number-confirmation-enter-digits-color,
+    rgb(38, 61, 64)
+  );
   --kit-input-code-background: var(--input-code-background, rgb(242, 247, 247));
-  --kit-number-confirmation-time-color: var(--number-confirmation-time-color, rgb(38, 61, 64));
-  --kit-number-confirmation-resend-code-color: var(--number-confirmation-resend-code-color, rgba(46, 58, 76, 1));
+  --kit-number-confirmation-time-color: var(
+    --number-confirmation-time-color,
+    rgb(38, 61, 64)
+  );
+  --kit-number-confirmation-resend-code-color: var(
+    --number-confirmation-resend-code-color,
+    rgba(46, 58, 76, 1)
+  );
   --button-primary-border: none;
   --button-color-primary-text: rgb(46, 58, 76);
   --kit-input-code-color: var(--input-code-color, rgb(46, 58, 76));
 }
 
-.KIT__NumberConfirmation-module__whiteYellow___CGY2s {
+.KIT__NumberConfirmation-module__whiteYellow___CGY2s,
+.KIT__NumberConfirmation-module__secondaryYellow___Izdyk {
   --number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1);
   --button-color-primary: rgb(252, 212, 53);
 }
@@ -4841,7 +4868,8 @@
 
 .KIT__EmailConfirmation-module__whiteYellow___dLQLm,
 .KIT__EmailConfirmation-module__whiteBlue___rLt8v,
-.KIT__EmailConfirmation-module__whitePurple___Xh7x8 {
+.KIT__EmailConfirmation-module__whitePurple___Xh7x8,
+.KIT__EmailConfirmation-module__secondaryYellow___q93Si {
   --kit-number-confirmation-enter-digits-color: var(--number-confirmation-enter-digits-color, rgb(38, 61, 64));
   --kit-input-code-background: var(--input-code-background, rgb(242, 247, 247));
   --kit-number-confirmation-time-color: var(--number-confirmation-time-color, rgb(38, 61, 64));
@@ -4851,7 +4879,8 @@
   --kit-input-code-color: var(--input-code-color, rgb(46, 58, 76));
 }
 
-.KIT__EmailConfirmation-module__whiteYellow___dLQLm {
+.KIT__EmailConfirmation-module__whiteYellow___dLQLm,
+.KIT__EmailConfirmation-module__secondaryYellow___q93Si {
   --number-confirmation-resend-code-span-color: rgba(252, 212, 53, 1);
   --button-color-primary: rgb(252, 212, 53);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.148",
+  "version": "0.1.150",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],
@@ -44,7 +44,7 @@
     "postcss-loader": "^8.1.1",
     "postcss-preset-env": "^10.1.2",
     "prettier": "^2.8.8",
-    "react-render-hooks": "^0.0.111",
+    "react-render-hooks": "^0.0.112",
     "rimraf": "^6.0.1",
     "scheduler": "^0.25.0",
     "style-loader": "^4.0.0",