react-gldn-kit 0.1.73 → 0.1.74

package/dist/main.css

@@ -1607,31 +1607,98 @@
   position: relative;
 }
 
-.KIT__PhoneInput-module__list___GgLkp .KIT__PhoneInput-module__items___UoSJS {
+.KIT__PhoneInput-module__items___UoSJS {
+  position: absolute;
+  top: calc(100% + var(--indent-xs));
+  width: 100%;
+  left: 0;
+  background-color: var(--input-background);
+  z-index: 3;
+  border-radius: var(--border-s);
+  overflow-y: auto;
+  max-height: 200px;
+}
+
+.KIT__PhoneInput-module__items___UoSJS .KIT__PhoneInput-module__disabledBorder___UYdKe {
+    border: none;
+    border-radius: 0;
+    height: 40px;
+  }
+
+.KIT__PhoneInput-module__items___UoSJS .KIT__PhoneInput-module__disabledBorder___UYdKe:hover,.KIT__PhoneInput-module__items___UoSJS .KIT__PhoneInput-module__disabledBorder___UYdKe:active {
+    background: var(--phone-input-item-hover-background-color);
+  }
+
+.KIT__SocialButton-module__wrapperSocialButton___zzRye {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--indent-xs);
+  cursor: pointer;
+}
+
+.KIT__SocialButton-module__iconBox___SBfYf {
+  --height: 44px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--social-button-background);
+  border-radius: var(--border-m);
+  height: 44px;
+  height: var(--height);
+  width: 100%;
+}
+
+.KIT__SocialButton-module__title___XGj0M {
+  color: var(--social-button-title-color);
+  font-size: var(--font-size-xs);
+}
+
+.KIT__GoogleLoginButton-module__wrapperButton___jSNad {
+    position: relative;
+}
+
+.KIT__GoogleLoginButton-module__hiddenButton___npP9I {
+    opacity: 0;
     position: absolute;
-    top: calc(100% + var(--indent-xs));
     width: 100%;
-    left: 0;
-    background-color: var(--input-background);
-    z-index: 3;
-    border-radius: var(--border-s);
-    overflow-y: auto;
-    max-height: 200px;
-  }
+    height: 100%;
+}
 
-.KIT__PhoneInput-module__list___GgLkp .KIT__PhoneInput-module__items___UoSJS .KIT__PhoneInput-module__disabledBorder___UYdKe {
-      border: none;
-      border-radius: 0;
-      height: 40px;
-    }
+.KIT__SocialButtons-module__wrapperSocialButtons___NZOfm {
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-m);
+  margin-bottom: var(--indent-m);
+  width: 100%;
+}
 
-.KIT__PhoneInput-module__list___GgLkp .KIT__PhoneInput-module__items___UoSJS .KIT__PhoneInput-module__disabledBorder___UYdKe:active {
-      background: var(--phone-input-item-hover-background-color);
-    }
+.KIT__SocialButtons-module__socialButtons___ZWpE0 {
+  display: grid;
+  width: 100%;
+  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  grid-gap: var(--indent-m);
+  gap: var(--indent-m);
+}
 
-.KIT__PhoneInput-module__list___GgLkp .KIT__PhoneInput-module__items___UoSJS .KIT__PhoneInput-module__disabledBorder___UYdKe:hover {
-      background: var(--phone-input-item-hover-background-color);
-    }
+.KIT__SocialButtons-module__row___DA7Ns {
+  display: flex;
+  align-items: center;
+  gap: var(--indent-s);
+}
+
+.KIT__SocialButtons-module__line___feDyO {
+  height: 1px;
+  background-color: rgba(255, 255, 255, 0.1);
+  flex: 1;
+}
+
+.KIT__SocialButtons-module__or___pGdGi {
+  color: rgba(161, 166, 178, 1);
+  font-size: var(--font-size-m);
+}
 
 .KIT__Code-module__drop____Xnq2 {
   height: 100%;
@@ -1772,6 +1839,10 @@
   font-weight: 400;
 }
 
+.KIT__PhoneBox-module__highlightX___RHThL {
+  color: var(--x-reg-color);
+}
+
 .KIT__InputBox-module__wrapperPasswordBox___AyUW_ {
   margin-bottom: var(--indent-xxl);
   color: var(--base-0);
@@ -1928,65 +1999,6 @@
   color: var(--base-0);
 }
 
-.KIT__SocialButton-module__wrapperSocialButton___zzRye {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--indent-xs);
-  cursor: pointer;
-}
-
-.KIT__SocialButton-module__iconBox___SBfYf {
-  --height: 44px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(255, 255, 255, 0.1);
-  border-radius: var(--border-m);
-  height: 44px;
-  height: var(--height);
-  width: 100%;
-}
-
-.KIT__SocialButton-module__title___XGj0M {
-  color: var(--base-0);
-  font-size: var(--font-size-xs);
-}
-
-.KIT__SocialButtons-module__wrapperSocialButtons___NZOfm {
-  display: flex;
-  flex-direction: column;
-  gap: var(--indent-m);
-  margin-bottom: var(--indent-m);
-}
-
-.KIT__SocialButtons-module__socialButtons___ZWpE0 {
-  display: grid;
-  width: 100%;
-  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-  grid-gap: var(--indent-m);
-  gap: var(--indent-m);
-}
-
-.KIT__SocialButtons-module__row___DA7Ns {
-  display: flex;
-  align-items: center;
-  gap: var(--indent-s);
-}
-
-.KIT__SocialButtons-module__line___feDyO {
-  height: 1px;
-  background-color: rgba(255, 255, 255, 0.1);
-  flex: 1;
-}
-
-.KIT__SocialButtons-module__or___pGdGi {
-  color: rgba(161, 166, 178, 1);
-  font-size: var(--font-size-m);
-}
-
 .KIT__SignUpTypeTwo-module__wrapperSignUp___P12OH {
   --tab-color: rgba(255, 255, 255, 0.5);
   --active-tab-color: var(--base-0);
@@ -2721,7 +2733,8 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  overflow: hidden;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 .KIT__SignIn-module__wrapperTitle___oAaJ4 {
@@ -3461,6 +3474,12 @@
   margin-bottom: var(--indent-xxl);
 }
 
+ .KIT__LostPasswordPhoneForm-module__items___VImtL   {
+  position: relative;
+  top: var(--indent-xs);
+  margin-bottom: var(--indent-xs);
+}
+
 .KIT__LostPassword-module__tabWrapper___M1C0O {
   width: var(--full);
   margin-bottom: var(--indent-m);
@@ -5105,11 +5124,11 @@
 }
 
 .KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__defaultState___wVK6A,.KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__pressedState___xJuEH {
-      display: none;
+      opacity: 0;;
     }
 
 .KIT__Wheel-module__spinBtn___AngbQ:hover .KIT__Wheel-module__hoverState____BNGp {
-      display: block;
+     opacity: 1;
       --size: 223px;
     }
 
@@ -5121,11 +5140,11 @@
       }
 
 .KIT__Wheel-module__spinBtn___AngbQ:active .KIT__Wheel-module__defaultState___wVK6A,.KIT__Wheel-module__spinBtn___AngbQ:active .KIT__Wheel-module__hoverState____BNGp {
-      display: none;
+     opacity: 0;
     }
 
 .KIT__Wheel-module__spinBtn___AngbQ:active .KIT__Wheel-module__pressedState___xJuEH {
-      display: block;
+      opacity: 1;
     }
 
 .KIT__Wheel-module__buttonImage___pT2vb {
@@ -5133,10 +5152,11 @@
   height: var(--full);
   -o-object-fit: contain;
      object-fit: contain;
+  position: absolute;
 }
 
 .KIT__Wheel-module__buttonImage___pT2vb.KIT__Wheel-module__hoverState____BNGp,.KIT__Wheel-module__buttonImage___pT2vb.KIT__Wheel-module__pressedState___xJuEH {
-    display: none;
+    opacity: 0;
   }
 
 @media screen and (max-width: 768px) {
@@ -5147,11 +5167,11 @@
   }
 
 .KIT__Wheel-module__spinBtn___AngbQ.KIT__Wheel-module__spinningState___BeGrQ .KIT__Wheel-module__defaultState___wVK6A {
-    display: block;
+    opacity: 1;
   }
 
 .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;
+    opacity: 0;
   }
 
 .KIT__Wheel-module__bntText___CVBR2 {
@@ -5163,6 +5183,7 @@
   font-weight: 900;
   font-size: var(--font-size-xxl);
   color: rgb(var(--white));
+  z-index: var(--layout-lvl-1);
 }
 
 .KIT__Wheel-module__slotName___MqFJ9 {
@@ -5477,104 +5498,79 @@
   --winner-card-height: var(--big-win-winner-card-height);
 
   display: flex;
+  align-items: flex-end;
   gap: var(--indent-s);
 
   width: var(--winner-card-size);
   border-radius: var(--border-s);
   background: var(--card-background);
-  padding: var(--indent-l);
+  padding: var(--indent-xs);
 
   color: var(--card-text-color);
   flex-shrink: 0;
-  height: var(--last-big-winner-card-height);
-}
-
-.KIT__LastBigWinner-module__img___NNPgm {
-  width: var(--card-img-width);
-  height: auto;
-  border-radius: var(--border-s);
-  overflow: hidden;
+  height: var(--winner-card-height);
 }
 
 .KIT__LastBigWinner-module__box___WNB7m {
   font-weight: 600;
   width: 100%;
+  height: -moz-fit-content;
+  height: fit-content;
   display: flex;
   flex-direction: column;
-  gap: var(--indent-m);
+  align-items: center;
+  gap: var(--indent-xs);
+  background-color: var(--last-big-winner-box-background);
+  border-radius: var(--border-s);
+  padding: var(--indent-xs) var(--indent-s);
 }
 
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__header___DLYUP {
-    display: flex;
-    align-items: center;
-    font-weight: 300;
-    font-size: var(--font-size-s);
-  }
-
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__header___DLYUP .KIT__LastBigWinner-module__userId___ZrRQn {
-      display: flex;
-      align-items: center;
-    }
-
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__header___DLYUP .KIT__LastBigWinner-module__userId___ZrRQn .KIT__LastBigWinner-module__idLoader___PcBPs {
-        width: 40px;
-        height: 16px;
-        overflow: hidden;
-        border-radius: var(--border-l);
-      }
-
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__header___DLYUP .KIT__LastBigWinner-module__profileSvg___qEw91 {
-      width: 24px;
-      height: 24px;
-    }
-
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__header___DLYUP .KIT__LastBigWinner-module__profileSvg___qEw91 path {
-        fill: var(--big-win-profile-icon-fill);
-      }
+.KIT__LastBigWinner-module__userId___ZrRQn {
+  display: flex;
+  align-items: center;
+  gap: var(--indent-xs);
+  color: var(--last-big-winner-user-id-color);
+  font-size: var(--font-size-xxs);
+  line-height: 1;
+}
 
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__label___VPDnP {
-    background: var(--big-win-card-label-background);
-    padding: 0 calc(var(--indent-m) / 2);
-    border-radius: var(--border-xs);
-    width: -moz-fit-content;
-    width: fit-content;
-    font-size: var(--font-size-xs);
+.KIT__LastBigWinner-module__userId___ZrRQn .KIT__LastBigWinner-module__idLoader___PcBPs {
+    width: 40px;
+    height: 16px;
+    overflow: hidden;
+    border-radius: 5px;
   }
 
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__info___TvOCh {
-    display: flex;
-    flex-direction: column;
-    gap: var(--indent-xs);
+.KIT__LastBigWinner-module__userId___ZrRQn .KIT__LastBigWinner-module__win___zkDpy {
+    color: var(--card-text-color);
+    line-height: 1.2;
   }
 
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__title___Es6Eu {
-    font-size: var(--font-size-s);
-    line-height: var(--font-size-s);
-    font-weight: 600;
-    width: calc(var(--winner-card-size) - (var(--card-img-width) + var(--indent-xxl)));
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-  }
+.KIT__LastBigWinner-module__info___TvOCh {
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-xs);
+}
 
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__loaderTitle___FAEKf {
-    height: 15px;
-    border-radius: var(--border-xs);
-    width: 100%;
-  }
+.KIT__LastBigWinner-module__sum___ZpyFL {
+  font-weight: 700;
+  font-size: var(--font-size-s);
+  color: var(--last-big-winner-sum-color);
+  line-height: 1;
+}
 
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__sum___ZpyFL {
-    font-weight: 700;
-    font-size: var(--font-size-m);
-    color: var(--green-100);
-  }
+.KIT__LastBigWinner-module__loaderSum___GqO9a {
+  width: 40px;
+  height: 15px;
+  border-radius: 5px;
+}
+
+.KIT__LastBigWinner-module__loader___ejCo0 {
+  width: 100%;
+}
 
-.KIT__LastBigWinner-module__box___WNB7m .KIT__LastBigWinner-module__loaderSum___GqO9a {
-    width: 40px;
-    height: 15px;
-  }
 .KIT__LastBigWinners-module__wrapperBoxLoader___vM6yl {
-  height: var(--last-big-winner-card-height);
+  height: var(--winner-card-height);
   width: 100%;
   overflow: hidden;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.73",
+  "version": "0.1.74",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],
@@ -13,17 +13,17 @@
     "publish": "npm i && npm run build && npm publish",
     "clear": "sudo rm -rf node_modules && npm i",
     "add:react": "npm link ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/react ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/@types/react ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/classnames ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/react-dom ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/@types/react-dom  ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/react-responsive-carousel ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/react-easy-swipe ../elon-fs-jb-gb/casino-apps/front-end/web-spa/node_modules/react-memory-optimization",
-    "add:react:win": "npm link ../../EL/elonbet/front-end/web-spa/node_modules/react ../../EL/elonbet/front-end/web-spa/node_modules/@types/react ../../EL/elonbet/front-end/web-spa/node_modules/classnames ../../EL/elonbet/front-end/web-spa/node_modules/react-dom ../../EL/elonbet/front-end/web-spa/node_modules/@types/react-dom  ../../EL/elonbet/front-end/web-spa/node_modules/react-responsive-carousel ../../EL/elonbet/front-end/web-spa/node_modules/react-easy-swipe ../../EL/elonbet/front-end/web-spa/node_modules/react-memory-optimization",
+    "add:react:second": "npm link ../elonbet/front-end/web-spa/node_modules/react ../elonbet/front-end/web-spa/node_modules/@types/react ../elonbet/front-end/web-spa/node_modules/classnames ../elonbet/front-end/web-spa/node_modules/react-dom ../elonbet/front-end/web-spa/node_modules/@types/react-dom  ../elonbet/front-end/web-spa/node_modules/react-responsive-carousel ../elonbet/front-end/web-spa/node_modules/react-easy-swipe ../elonbet/front-end/web-spa/node_modules/react-memory-optimization",
     "add:react-l-b": "npm link ../landing-builder/web/node_modules/react ../landing-builder/web/node_modules/@types/react ../landing-builder/web/node_modules/classnames ../landing-builder/web/node_modules/react-dom ../landing-builder/web/node_modules/@types/react-dom ../landing-builder/web/node_modules/react-memory-optimization",
     "dev:kit": "sudo npm run add:react && npm run dev",
-    "dev:kit-lb": "sudo npm run add:react-l-b && npm run dev",
-    "dev:kit-win": "npm run add:react:win && rimraf ./dist/lib && tsc --build tsconfig.json && webpack --watch",
-    "add:react-l-b:win": "npm link ../../../../LandingBuilder/landing-builder/web/node_modules/react ../../../../LandingBuilder/landing-builder/web/node_modules/@types/react ../../../../LandingBuilder/landing-builder/web/node_modules/classnames ../../../../LandingBuilder/landing-builder/web/node_modules/react-dom ../../../../LandingBuilder/landing-builder/web/node_modules/@types/react-dom ../../../../LandingBuilder/landing-builder/web/node_modules/react-memory-optimization",
-    "dev:kit-lb:win": "npm run add:react-l-b:win && rimraf ./dist/lib && tsc --build tsconfig.json && webpack --watch"
+    "dev:kit-second": "sudo npm run add:react:second && npm run dev",
+    "dev:kit-lb": "sudo npm run add:react-l-b && npm run dev"
   },
   "devDependencies": {
     "@babel/core": "^7.15.0",
     "@svgr/webpack": "^8.1.0",
+    "@types/react": "^18.2.12",
+    "@types/react-dom": "^18.2.5",
     "@typescript-eslint/eslint-plugin": "^6.7.5",
     "@typescript-eslint/parser": "^6.7.5",
     "babel-loader": "^8.2.2",
@@ -41,16 +41,14 @@
     "postcss-loader": "^8.1.1",
     "postcss-preset-env": "^10.1.2",
     "prettier": "^2.8.8",
+    "rimraf": "^6.0.1",
     "scheduler": "^0.25.0",
     "style-loader": "^4.0.0",
     "ts-loader": "^9.5.1",
     "typescript": "^4.3.5",
     "typescript-plugin-css-modules": "^5.1.0",
     "webpack": "^5.88.2",
-    "webpack-cli": "^5.1.4",
-    "@types/react": "^18.2.12",
-    "@types/react-dom": "^18.2.5",
-    "rimraf": "^6.0.1"
+    "webpack-cli": "^5.1.4"
   },
   "peerDependencies": {
     "classnames": "*",
@@ -61,9 +59,10 @@
     "react-memory-optimization": "*"
   },
   "dependencies": {
+    "@react-oauth/google": "^0.12.2",
     "html-react-parser": "^5.1.12",
-    "react-qr-code": "^2.0.13",
-    "react-phone-number-input": "^3.3.9"
+    "react-phone-number-input": "^3.3.9",
+    "react-qr-code": "^2.0.13"
   },
   "eslintConfig": {
     "extends": [

package/dist/807840745cf8259a5f25933495817c5f.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 19C4 16.2386 6.23858 14 9 14H15C17.7614 14 20 16.2386 20 19C20 20.6569 18.6569 22 17 22H7C5.34315 22 4 20.6569 4 19Z" fill="var(--green-100)" fill-opacity="0.25"/>
-<path d="M12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2Z" fill="var(--green-100)"/>
-</svg>