react-gldn-kit 0.1.56 → 0.1.57

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

@@ -43,7 +43,6 @@ var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
 var Text_1 = require("components/Text");
 var Tabs_1 = require("components/ui/Tabs");
-var Buttons_1 = require("components/ui/Buttons");
 var EmailSignUp_1 = require("./components/Forms/EmailSignUp");
 var OneClickKit_1 = __importDefault(require("./components/Forms/OneClickKit"));
 var PhoneSignUp_1 = require("./components/Forms/PhoneSignUp");
@@ -57,8 +56,8 @@ 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;
-    var _a = (0, ModalContext_1.useHookProvider)(), useTransportControllers = _a.useTransportControllers, useCurrencies = _a.useCurrencies, useCountryInfo = _a.useCountryInfo, sendRegistrationCommand = _a.sendRegistrationCommand;
+    var classes = props.classes, bonusText = props.bonusText, bonusSubText = props.bonusSubText, _a = props.withCongratulationText, withCongratulationText = _a === void 0 ? true : _a;
+    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)({
         fn: useCurrencies,
@@ -71,7 +70,8 @@ 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 _b = data.bonusSignUp, bonusSignUp = _b === void 0 ? false : _b, _c = data.bonusText, modalBonusText = _c === void 0 ? '' : _c, _d = data.bonusSubText, modalBonusSubText = _d === void 0 ? '' : _d, _e = data.flow, flow = _e === void 0 ? types_2.ERegistrationFlow.Socket : _e;
+    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 ? types_2.ERegistrationFlow.Socket : _g;
+    var isCongratulation = modalWithCongratulationText;
     var customBonusText = bonusText || modalBonusText;
     var customBonusSubText = bonusSubText || modalBonusSubText;
     var openSignIn = function () {
@@ -85,8 +85,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: [(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)(Buttons_1.BaseButton, { size: "--button-full", color: "dark", buttonHeight: "--button-height-full", text: "header.login", classes: styles.authButton, handleClick: openSignIn, centreText: true })] })) })));
+                                    : '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" }) }))] })) })));
 };
 exports.SignUp = SignUp;

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

@@ -2,6 +2,7 @@ export type SignUpProps = {
     classes?: string;
     bonusText?: string;
     bonusSubText?: string;
+    withCongratulationText?: boolean;
 };
 export declare enum ERegistrationType {
     First = 0,

package/dist/main.css

@@ -903,14 +903,11 @@
   display: flex;
   align-items: center;
   gap: var(--indent-xs);
-
-  margin-bottom: 60px;
 }
 
 .KIT__PromoCode-module__marginBottom___ym0Mm {
   margin-bottom: 60px;
 }
-
 .KIT__ArrowButton-module__openedColor___M7HTi * {
   fill: var(--arrow-button-opened-svg-path-fill);
   cursor: pointer;
@@ -1354,7 +1351,7 @@
   }
 
 .KIT__SignUp-module__bigMargin___hRtd8 {
-  margin-bottom: 60px;
+  /* margin-bottom: 60px; */
 }
 
 .KIT__SignUp-module__wrapperReferralFailure___rXbdd {
@@ -1365,6 +1362,17 @@
   height: 52px;
 }
 
+.KIT__SignUp-module__authButtonText___f1wcw {
+  cursor: pointer;
+  color: white;
+  font-weight: 300;
+}
+
+.KIT__SignUp-module__authButtonText___f1wcw span {
+    margin-left: var(--indent-xs);
+    font-weight: 500;
+    color: #4576F4;
+  }
 .KIT__EmailSignUp-module__animationFadeIn___oPHga {
   animation: KIT__EmailSignUp-module__FadeIn___VNdcc 1s forwards;
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.56",
+  "version": "0.1.57",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],