react-gldn-kit 0.1.64 → 0.1.66

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

@@ -223,6 +223,8 @@ var SignUpTypeTwo = function () {
             _a[styles.pink] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.Pink,
             _a[styles.silver] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.Silver,
             _a[styles.silverTwo] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.SilverTwo,
+            _a[styles.grayTwo] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.GrayTwo,
+            _a[styles.black] = types_3.ESignUpTheme[regType] === types_3.ESignUpTheme.Black,
             _a)) }, { children: [registrationTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title, ref: titleRef }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: registrationTitle }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.contentArea, style: {
                     height: "calc(100% - ".concat(titleHeight, "px)"),
                 } }, { children: [!isSelected && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.warning }, { children: [(0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.warningText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.notConfirm" }) }))] }))), bonusImagePath && ((0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: (0, classnames_1.default)(styles.bonusImage, 'KIT_SignUpTypeTwo_wrapperSignUp_bonusImage') })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [Boolean(social.length) && (0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: social }), activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline", tabClasses: styles.tab, activeTabClasses: styles.activeTab, indicatorClasses: styles.indicator })), (0, jsx_runtime_1.jsxs)("div", { children: [activeForm === types_3.ERegistrationForm.PhoneWithoutCode ? ((0, jsx_runtime_1.jsx)(PhoneBox_1.default, { onChange: setPhone })) : ((0, jsx_runtime_1.jsx)(InputBox_1.default, { leftImg: "/landings/assets-builder/signUpTwo/email.svg", rightImg: "", setInput: setEmail, validation: validation_1.validateEmailValue, input: email, label: "signUpTwo.tabEmail", classes: styles.emailInput })), (0, jsx_runtime_1.jsx)(PasswordBox_1.default, { onChange: setPassword }), (0, jsx_runtime_1.jsx)(CurrencyBox_1.default, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.submitButton, (_b = {},

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

@@ -42,11 +42,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
 var Text_1 = require("components/Text");
-var styles = __importStar(require("./Wheel.module.css"));
 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;
+    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 audio = new Audio(audioPath);
     var contentRef = (0, react_1.useRef)(null);
     var _c = (0, react_1.useState)(0), height = _c[0], setHeight = _c[1];
@@ -54,9 +54,10 @@ var Wheel = function (props) {
     var _e = (0, react_1.useState)(false), isAnimateBorderBg = _e[0], setAnimateBorderBgStatus = _e[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 handleSpin = function () {
         var _a;
-        if (isSpin) {
+        if (isSpin || spins > spinsAmount) {
             return;
         }
         if (audio.src && audio.duration) {
@@ -68,8 +69,10 @@ var Wheel = function (props) {
         }
         setSpinState(true);
         callbackSpinStart === null || callbackSpinStart === void 0 ? void 0 : callbackSpinStart();
+        setSpins(spins + 1);
         setTimeout(function () {
             callbackSpinEnd();
+            setSpinState(false);
         }, customTime);
     };
     (0, react_1.useLayoutEffect)(function () {

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

@@ -22,4 +22,5 @@ export type WheelProps = {
     classesButton?: string;
     classesSlotName?: string;
     customSpinningAnimation?: string;
+    spinsAmount?: number;
 };

package/dist/lib/components/ui/Icons/FilledArrowSvg.js

@@ -15,6 +15,6 @@ exports.FilledArrowSvg = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var FilledArrowSvg = function (props) {
     var _a = props.width, width = _a === void 0 ? '8' : _a, _b = props.height, height = _b === void 0 ? '7' : _b, _c = props.classes, classes = _c === void 0 ? '' : _c, handleClick = props.handleClick;
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 8 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", onClick: handleClick, className: classes }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.83594 0.958493L0.165437 0.958492L4.00069 6.04199L7.83594 0.958493Z", fill: "var(--base-0)", "fill-opacity": "0.5" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 8 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", onClick: handleClick, className: classes }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.83594 0.958493L0.165437 0.958492L4.00069 6.04199L7.83594 0.958493Z", fill: "var(--base-0)", fillOpacity: "0.5" }) })));
 };
 exports.FilledArrowSvg = FilledArrowSvg;

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

@@ -9,6 +9,7 @@ export declare enum EAppType {
     FsWin = 6,
     JabiBet = 7,
     GoblinBet = 8,
-    M1 = 9
+    M1 = 9,
+    Cawabanga = 10
 }
 export declare const PAGINATION_STEP = 5;

package/dist/lib/types/ui.js

@@ -12,5 +12,6 @@ var EAppType;
     EAppType[EAppType["JabiBet"] = 7] = "JabiBet";
     EAppType[EAppType["GoblinBet"] = 8] = "GoblinBet";
     EAppType[EAppType["M1"] = 9] = "M1";
+    EAppType[EAppType["Cawabanga"] = 10] = "Cawabanga";
 })(EAppType = exports.EAppType || (exports.EAppType = {}));
 exports.PAGINATION_STEP = 5;

package/dist/lib/zustandStore/forms/signUp/types.d.ts

@@ -45,7 +45,9 @@ export declare enum ESignUpTheme {
     Gray = "gray",
     Pink = "pink",
     Silver = "silver",
-    SilverTwo = "silver-two"
+    SilverTwo = "silver-two",
+    GrayTwo = "gray-two",
+    Black = "black"
 }
 export declare enum ERegistrationSocial {
     Unknown = "Unknown",

package/dist/lib/zustandStore/forms/signUp/types.js

@@ -25,6 +25,8 @@ var ESignUpTheme;
     ESignUpTheme["Pink"] = "pink";
     ESignUpTheme["Silver"] = "silver";
     ESignUpTheme["SilverTwo"] = "silver-two";
+    ESignUpTheme["GrayTwo"] = "gray-two";
+    ESignUpTheme["Black"] = "black";
 })(ESignUpTheme = exports.ESignUpTheme || (exports.ESignUpTheme = {}));
 var ERegistrationSocial;
 (function (ERegistrationSocial) {

package/dist/lib/zustandStore/languages/selectors.d.ts

@@ -11,7 +11,7 @@ export declare const languageSelectors: {
         [key: string]: any;
     };
     getAndSetLanguagesKitAction: (state: ZustandLanguageStoreKit) => (lang: string, path: string) => void;
-    getBrandNameKitSelector: (state: ZustandLanguageStoreKit) => "Unknown" | "Azure" | "Elon" | "XXX" | "Opera" | "FsWin" | "JabiBet" | "GoblinBet" | "M1";
+    getBrandNameKitSelector: (state: ZustandLanguageStoreKit) => "Unknown" | "Azure" | "Elon" | "XXX" | "Opera" | "FsWin" | "JabiBet" | "GoblinBet" | "M1" | "Cawabanga";
     setInitialLanguageKitAction: (state: ZustandLanguageStoreKit) => (appType: import("../..").EAppType, initialLang: string, path: string) => void;
     setLanguagesKitAction: (state: ZustandLanguageStoreKit) => (lang: {
         name: string;

package/dist/main.css

@@ -2062,6 +2062,26 @@
   font-size: var(--font-size-l);
 }
 
+.KIT__SignUpTypeTwo-module__grayTwo___Tqrxn {
+  --background: rgba(25, 33, 44, 1);
+  --border: none;
+  --tab-indicator-background: rgba(39, 195, 92, 1);
+  --tab-border-bottom: 2px solid rgba(39, 195, 92, 0.2);
+  --currency-box-border-color: rgba(213, 163, 101, 0.5);
+  --currency-box-background: rgba(14, 19, 25, 1);
+  --phone-wrapper-background: rgba(14, 19, 25, 1);
+  --submit-button-background: rgba(39, 195, 92, 1);
+  --submit-button-color: var(--base-0);
+  --track-background: var(--base-1000);
+  --thumb-background: rgba(46, 52, 59, 1);
+  --input-filled-border-color: rgba(255, 255, 255, 0.3);
+  --input-focus-border-color: rgba(39, 195, 92, 1);
+}
+
+.KIT__SignUpTypeTwo-module__grayTwo___Tqrxn .KIT__SignUpTypeTwo-module__submitButton___wN2jO {
+  border-radius: var(--border-s);
+}
+
 .KIT__SignUpTypeTwo-module__pink___cIZDT {
   --background: linear-gradient(181.81deg, #a21a4b -0.66%, #350717 98.3%);
   border: 4px solid;
@@ -2121,21 +2141,35 @@
   --track-background: var(--base-1000);
 }
 
+.KIT__SignUpTypeTwo-module__black___FeYQJ {
+  --background: rgba(0, 0, 0, 1);
+  --tab-border-bottom: 2px solid rgba(224, 168, 37, 0.2);
+  --tab-indicator-background: rgba(224, 168, 37, 1);
+  --submit-button-background: linear-gradient(90deg, #FFDE6A 0%, #E0A825 100%);
+  --currency-box-background: rgba(24, 24, 24, 1);
+  --phone-wrapper-background: rgba(24, 24, 24, 1);
+  --thumb-background: rgba(36, 36, 36, 1);
+  --input-focus-border-color: rgba(0, 104, 62, 0.5);
+}
+
 .KIT__SignUpTypeTwo-module__contentArea___N15Kc {
   overflow-y: auto;
   width: 100%;
 }
 
-.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar {
+.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar,
+.KIT__SignUpTypeTwo-module__wrapperSignUp___P12OH::-webkit-scrollbar {
   width: 9px;
 }
 
-.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar-thumb {
+.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar-thumb,
+.KIT__SignUpTypeTwo-module__wrapperSignUp___P12OH::-webkit-scrollbar-thumb {
   background: var(--thumb-background);
   border-radius: 3px;
 }
 
-.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar-track {
+.KIT__SignUpTypeTwo-module__contentArea___N15Kc::-webkit-scrollbar-track,
+.KIT__SignUpTypeTwo-module__wrapperSignUp___P12OH::-webkit-scrollbar-track {
   background: var(--track-background);
 }
 
@@ -2204,7 +2238,7 @@
 }
 
 .KIT__SignUpTypeTwo-module__signIn_____9U7 {
-  color: rgba(255, 255, 255, 0.702);
+  color: rgba(255, 255, 255, 0.5);
   text-align: center;
   margin: var(--indent-l) 0;
   font-size: var(--font-size-s);

package/package.json

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