react-gldn-kit 0.1.71 → 0.1.72

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

@@ -70,7 +70,7 @@ 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 === null || registrationSettings === void 0 ? void 0 : registrationSettings.flow) || types_2.ERegistrationFlow.Socket : _g, _h = data.buttonText, buttonSignUpText = _h === void 0 ? '' : _h;
+    var _c = data.bonusSignUp, bonusSignUp = _c === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusSignUp) || false : _c, _d = data.bonusText, modalBonusText = _d === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusText) || '' : _d, _e = data.bonusSubText, modalBonusSubText = _e === void 0 ? (registrationSettings === null || registrationSettings === void 0 ? void 0 : registrationSettings.bonusSubText) || '' : _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;
@@ -86,11 +86,11 @@ 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
-                                        ? 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 || [], 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" }) }))] })) })));
+    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 || [], 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

@@ -6,6 +6,9 @@ export type SignUpProps = {
     withCongratulationText?: boolean;
     registrationSettings?: {
         flow?: ERegistrationFlow;
+        bonusText?: string;
+        bonusSubText?: string;
+        bonusSignUp?: boolean;
     };
     buttonText?: string;
 };

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

@@ -45,16 +45,16 @@ var Text_1 = require("components/Text");
 var Image_1 = require("components/ui/Image");
 var styles = __importStar(require("./Wheel.module.css"));
 var Wheel = function (props) {
-    var _a;
-    var borderWheelPath = props.borderWheelPath, wheelContentPath = props.wheelContentPath, wheelButtonPath = props.wheelButtonPath, wheelButtonHoverPath = props.wheelButtonHoverPath, slotNamePath = props.slotNamePath, pointerPath = props.pointerPath, callbackSpinStart = props.callbackSpinStart, callbackSpinEnd = props.callbackSpinEnd, btnText = props.btnText, list = props.list, audioPath = props.audioPath, _b = props.customTime, customTime = _b === void 0 ? 6000 : _b, wheelTextColor = props.wheelTextColor, classesWheel = props.classesWheel, classesPointer = props.classesPointer, classesBorder = props.classesBorder, classesButton = props.classesButton, classesSlotName = props.classesSlotName, customSpinningAnimation = props.customSpinningAnimation, spinsAmount = props.spinsAmount;
+    var _a, _b;
+    var borderWheelPath = props.borderWheelPath, wheelContentPath = props.wheelContentPath, wheelButtonPath = props.wheelButtonPath, wheelButtonHoverPath = props.wheelButtonHoverPath, slotNamePath = props.slotNamePath, pointerPath = props.pointerPath, callbackSpinStart = props.callbackSpinStart, callbackSpinEnd = props.callbackSpinEnd, btnText = props.btnText, list = props.list, audioPath = props.audioPath, _c = props.customTime, customTime = _c === void 0 ? 6000 : _c, wheelTextColor = props.wheelTextColor, classesWheel = props.classesWheel, classesPointer = props.classesPointer, classesBorder = props.classesBorder, classesButton = props.classesButton, classesSlotName = props.classesSlotName, customSpinningAnimation = props.customSpinningAnimation, spinsAmount = props.spinsAmount, wheelButtonPressedPath = props.wheelButtonPressedPath;
     var audio = new Audio(audioPath);
     var contentRef = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(0), height = _c[0], setHeight = _c[1];
-    var _d = (0, react_1.useState)(false), isSpin = _d[0], setSpinState = _d[1];
-    var _e = (0, react_1.useState)(false), isAnimateBorderBg = _e[0], setAnimateBorderBgStatus = _e[1];
+    var _d = (0, react_1.useState)(0), height = _d[0], setHeight = _d[1];
+    var _e = (0, react_1.useState)(false), isSpin = _e[0], setSpinState = _e[1];
+    var _f = (0, react_1.useState)(false), isAnimateBorderBg = _f[0], setAnimateBorderBgStatus = _f[1];
     var timer = (0, react_1.useRef)(null);
-    var _f = (0, react_1.useState)(0), activeBorder = _f[0], setActiveBorder = _f[1];
-    var _g = (0, react_1.useState)(1), spins = _g[0], setSpins = _g[1];
+    var _g = (0, react_1.useState)(0), activeBorder = _g[0], setActiveBorder = _g[1];
+    var _h = (0, react_1.useState)(1), spins = _h[0], setSpins = _h[1];
     var handleSpin = function () {
         var _a;
         if (isSpin || spins > spinsAmount) {
@@ -132,6 +132,8 @@ var Wheel = function (props) {
                             animationDuration: "".concat(customTime, "ms"),
                         } }, { children: [(0, jsx_runtime_1.jsx)(Image_1.Image, { path: wheelContentPath, classes: styles.wheelContentImg }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.list, wheelTextColor, 'KIT_Wheel_wrapper_content_disk_list') }, { children: list.map(function (l, inx) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.item, 'KIT_Wheel_wrapper_content_disk_list_item', inx % 2 && 'KIT_Wheel_wrapper_content_disk_odd_list_item'), style: {
                                         transform: "translate(-50%, -50%) rotate(".concat((360 / list.length) * inx, "deg)"),
-                                    } }, { children: [l.bold && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.textBold, 'KIT_Wheel_wrapper_content_disk_list_item_text_bold') }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.bold }) }))), l.regular && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textRegular }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.regular }) })))] }), inx)); }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.spinBtn, classesButton, 'KIT_Wheel_wrapper_content_button'), onClick: handleSpin }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)(styles.bntText, 'KIT_Wheel_wrapper_button_btnText') }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: btnText }) })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: isSpin ? wheelButtonHoverPath : wheelButtonPath, classes: styles.btnImg })] })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: slotNamePath, classes: (0, classnames_1.default)(styles.slotName, classesSlotName, 'KIT_Wheel_wrapper_content_slotName') })] }))] })));
+                                    } }, { children: [l.bold && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.textBold, 'KIT_Wheel_wrapper_content_disk_list_item_text_bold') }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.bold }) }))), l.regular && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textRegular }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.regular }) })))] }), inx)); }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.spinBtn, (_b = {},
+                            _b[styles.spinningState] = isSpin,
+                            _b), classesButton, 'KIT_Wheel_wrapper_content_button'), onClick: handleSpin }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)(styles.bntText, 'KIT_Wheel_wrapper_button_btnText') }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: btnText }) })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: wheelButtonPath, classes: (0, classnames_1.default)(styles.buttonImage, styles.defaultState) }), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: wheelButtonHoverPath || wheelButtonPath, classes: (0, classnames_1.default)(styles.buttonImage, styles.hoverState) }), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: wheelButtonPressedPath || wheelButtonPath, classes: (0, classnames_1.default)(styles.buttonImage, styles.pressedState) })] })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: slotNamePath, classes: (0, classnames_1.default)(styles.slotName, classesSlotName, 'KIT_Wheel_wrapper_content_slotName') })] }))] })));
 };
 exports.Wheel = Wheel;

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

@@ -2,7 +2,8 @@ export type WheelProps = {
     borderWheelPath: [string] | [string, string];
     wheelContentPath: string;
     wheelButtonPath: string;
-    wheelButtonHoverPath: string;
+    wheelButtonHoverPath?: string;
+    wheelButtonPressedPath?: string;
     pointerPath: string;
     slotNamePath: string;
     btnText: string;

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

@@ -41,7 +41,7 @@ var m1_svg_1 = require("assets/logo/m1.svg");
 var ui_1 = require("types/ui");
 var styles = __importStar(require("./Logos.module.css"));
 var Logo = function (props) {
-    var isMobile = props.isMobile, handleLogoClick = props.handleLogoClick, _a = props.isFullView, isFullView = _a === void 0 ? false : _a, appType = props.appType, classes = props.classes;
+    var isMobile = props.isMobile, handleLogoClick = props.handleLogoClick, _a = props.isFullView, isFullView = _a === void 0 ? false : _a, appType = props.appType, classes = props.classes, style = props.style;
     var DesktopFullLogo = (0, react_1.useMemo)(function () {
         if (appType === ui_1.EAppType.Elon) {
             return elon_desktop_svg_1.ReactComponent;
@@ -97,8 +97,8 @@ var Logo = function (props) {
         return function () { return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}); };
     }, [appType]);
     if (isMobile) {
-        return ((0, jsx_runtime_1.jsx)(MobileLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes) }));
+        return ((0, jsx_runtime_1.jsx)(MobileLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes), style: style }));
     }
-    return isFullView ? ((0, jsx_runtime_1.jsx)(DesktopFullLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes) })) : ((0, jsx_runtime_1.jsx)(DesktopShortLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes) }));
+    return isFullView ? ((0, jsx_runtime_1.jsx)(DesktopFullLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes), style: style })) : ((0, jsx_runtime_1.jsx)(DesktopShortLogo, { onClick: handleLogoClick, className: (0, classnames_1.default)(styles.wrapperLogo, classes), style: style }));
 };
 exports.Logo = Logo;

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

@@ -10,4 +10,5 @@ export type LogoProps = {
     isFullView?: boolean;
     handleLogoClick?: () => void;
     classes?: string;
+    style?: any;
 };

package/dist/main.css

@@ -5104,13 +5104,56 @@
   text-shadow: 0 5px 0 #290049, 0 6.38508px 11.706px #000000;
 }
 
-.KIT__Wheel-module__btnImg___rFBWp {
+.KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__defaultState___wVK6A,.KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__pressedState___xJuEH {
+      display: none;
+    }
+
+.KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__hoverState____BNGp {
+      display: block;
+      --size: 223px;
+    }
+
+@media screen and (max-width: 768px) {
+
+.KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__hoverState____BNGp {
+        --size: 130px;
+    }
+      }
+
+.KIT__Wheel-module__spinBtn___AngbQ:active .KIT__Wheel-module__defaultState___wVK6A,.KIT__Wheel-module__spinBtn___AngbQ:active .KIT__Wheel-module__hoverState____BNGp {
+      display: none;
+    }
+
+.KIT__Wheel-module__spinBtn___AngbQ:active .KIT__Wheel-module__pressedState___xJuEH {
+      display: block;
+    }
+
+.KIT__Wheel-module__buttonImage___pT2vb {
   width: var(--full);
   height: var(--full);
   -o-object-fit: contain;
      object-fit: contain;
 }
 
+.KIT__Wheel-module__buttonImage___pT2vb.KIT__Wheel-module__hoverState____BNGp,.KIT__Wheel-module__buttonImage___pT2vb.KIT__Wheel-module__pressedState___xJuEH {
+    display: none;
+  }
+
+@media screen and (max-width: 768px) {
+
+.KIT__Wheel-module__buttonImage___pT2vb {
+    --size: 100px;
+}
+  }
+
+.KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ .KIT__Wheel-module__defaultState___wVK6A {
+    display: block;
+  }
+
+.KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ .KIT__Wheel-module__hoverState____BNGp,.KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ .KIT__Wheel-module__pressedState___xJuEH {
+    display: none;
+  }
+
 .KIT__Wheel-module__bntText___CVBR2 {
   position: absolute;
   top: var(--indent);

package/package.json

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