react-gldn-kit 0.1.1 → 0.1.2

package/dist/main.css

@@ -727,7 +727,7 @@
   font-weight: bold;
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:-moz-placeholder-shown ~ .KIT__BaseInputUi-module__label___uzM8L {
+.KIT__BaseInputUi-module__input___RWf0J:-moz-placeholder-shown~.KIT__BaseInputUi-module__label___uzM8L {
   top: 50%;
   transform: translateY(-50%);
   left: 10px;
@@ -735,7 +735,7 @@
   color: var(--input-base-autofill-label-text-color);
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:placeholder-shown ~ .KIT__BaseInputUi-module__label___uzM8L {
+.KIT__BaseInputUi-module__input___RWf0J:placeholder-shown~.KIT__BaseInputUi-module__label___uzM8L {
   top: 50%;
   transform: translateY(-50%);
   left: 10px;
@@ -743,21 +743,21 @@
   color: var(--input-base-autofill-label-text-color);
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:-moz-placeholder-shown ~ .KIT__BaseInputUi-module__labelRight___Q5n_d {
+.KIT__BaseInputUi-module__input___RWf0J:-moz-placeholder-shown~.KIT__BaseInputUi-module__labelRight___Q5n_d {
   top: 50%;
   transform: translateY(-50%);
   left: 25px;
   font-size: 11px;
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:placeholder-shown ~ .KIT__BaseInputUi-module__labelRight___Q5n_d {
+.KIT__BaseInputUi-module__input___RWf0J:placeholder-shown~.KIT__BaseInputUi-module__labelRight___Q5n_d {
   top: 50%;
   transform: translateY(-50%);
   left: 25px;
   font-size: 11px;
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:not(placeholder-shown) ~ .KIT__BaseInputUi-module__label___uzM8L {
+.KIT__BaseInputUi-module__input___RWf0J:not(placeholder-shown)~.KIT__BaseInputUi-module__label___uzM8L {
   top: -15px;
   transform: translateY(0%);
   z-index: 1;
@@ -773,7 +773,7 @@
   font-size: 0;
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:focus ~ .KIT__BaseInputUi-module__label___uzM8L {
+.KIT__BaseInputUi-module__input___RWf0J:focus~.KIT__BaseInputUi-module__label___uzM8L {
   top: -15px;
   transform: translateY(0%);
   left: 0px;
@@ -812,19 +812,19 @@
   margin-left: var(--indent-base-half);
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:focus ~ .KIT__BaseInputUi-module__label___uzM8L.KIT__BaseInputUi-module__hideLabel___XBQr4 {
+.KIT__BaseInputUi-module__input___RWf0J:focus~.KIT__BaseInputUi-module__label___uzM8L.KIT__BaseInputUi-module__hideLabel___XBQr4 {
   opacity: 0;
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:not(placeholder-shown) ~ label.KIT__BaseInputUi-module__hideLabel___XBQr4 {
+.KIT__BaseInputUi-module__input___RWf0J:not(placeholder-shown)~label.KIT__BaseInputUi-module__hideLabel___XBQr4 {
   opacity: 0;
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:-moz-placeholder-shown ~ label.KIT__BaseInputUi-module__hideLabel___XBQr4 {
+.KIT__BaseInputUi-module__input___RWf0J:-moz-placeholder-shown~label.KIT__BaseInputUi-module__hideLabel___XBQr4 {
   opacity: 1;
 }
 
-.KIT__BaseInputUi-module__input___RWf0J:placeholder-shown ~ label.KIT__BaseInputUi-module__hideLabel___XBQr4 {
+.KIT__BaseInputUi-module__input___RWf0J:placeholder-shown~label.KIT__BaseInputUi-module__hideLabel___XBQr4 {
   opacity: 1;
 }
 
@@ -840,6 +840,7 @@
   font-size: 10px;
 }
 
+
 .KIT__BaseInputUi-module__animationFadeIn___qsCmj {
   animation: KIT__BaseInputUi-module__FadeIn___kQ_6Q 1s forwards;
 }
@@ -896,7 +897,6 @@
     opacity: 1;
   }
 }
-
 .KIT__PromoCode-module__promoTitle___gtXxM {
   color: var(--promo-code-promo-title-color);
   font-size: var(--font-size-xs);
@@ -1689,6 +1689,189 @@
       font-weight: 700;
     }
 
+.KIT__Tabs-module__wrapperTabs___rFoBY {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  position: relative;
+}
+
+.KIT__Tabs-module__tab___NBVtA {
+  /* width: 100%; */
+  padding-bottom: var(--indent-base);
+  text-align: center;
+  color: var(--tab-text-color);
+  transition: 0.3s;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  position: relative;
+  z-index: 2;
+  padding-bottom: var(--indent-base);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.KIT__Tabs-module__bg___y6G1J {
+  background-color: var(--tabs-background);
+}
+
+.KIT__Tabs-module__tabButtonsWrapper___xcC8P {
+  border-radius: var(--border-s);
+  display: flex;
+  align-items: center;
+  padding: 1px;
+}
+
+.KIT__Tabs-module__buttonTab___Tpphz {
+  padding: calc(var(--indent-base) / 3);
+  border-radius: var(--border-s);
+  border: 2px solid transparent;
+  width: 100%;
+}
+
+.KIT__Tabs-module__buttonTabActive___hoiNu {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-shadow: var(--primary-shadow);
+  height: 100%;
+}
+
+.KIT__Tabs-module__buttonTabActive___hoiNu::after {
+  border-color: transparent;
+}
+
+.KIT__Tabs-module__activeBlockIndicator___B35H_ {
+  position: absolute;
+  height: 2px;
+  background-color: rgb(var(--third));
+  transition: 0.3s;
+  bottom: 0;
+  z-index: 1;
+}
+
+.KIT__Tabs-module__buttonActiveIndicator___l6_IM {
+  height: 100%;
+  border-radius: var(--border-s);
+  border: 2px solid rgb(var(--green));
+  background: var(--primary-gradient);
+}
+
+.KIT__Tabs-module__wrapperTabs___rFoBY::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
+.KIT__SignUp-module__wrapperSignUpModal___xR9cE {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+
+.KIT__SignUp-module__wrapperTitle___ozW8l {
+  padding: var(--indent-base);
+}
+
+.KIT__SignUp-module__textTitle___yNl9W {
+  font-size: var(--font-size-l);
+  line-height: 20px;
+  color: var(--sign-up-modal-bonus-text-title-color);
+}
+
+.KIT__SignUp-module__subText___RqU7d {
+  font-size: var(--font-size-s);
+  color: var(--sign-up-modal-bonus-subtext-color);
+  font-weight: 400;
+  line-height: 18.2px;
+}
+
+.KIT__SignUp-module__subText___RqU7d::first-letter {
+    text-transform: uppercase;
+  }
+
+.KIT__SignUp-module__bonusText___Jir0o {
+  font-size: var(--font-size-l);
+  color: var(--sign-up-modal-bonus-text-color);
+  padding: var(--indent-base);
+  text-align: center;
+  font-weight: 700;
+  line-height: 26px;
+}
+
+.KIT__SignUp-module__wrapperTabsAndForm___r8l1i {
+  width: 100%;
+}
+
+.KIT__SignUp-module__zIndex___HX8Nv {
+  position: relative;
+  z-index: 3;
+}
+
+.KIT__SignUp-module__tabs___yL_k1 {
+  margin-bottom: calc(var(--indent-base) * 2);
+}
+
+.KIT__SignUp-module__marginB___gJd7z {
+  margin-bottom: var(--indent-l);
+}
+
+.KIT__SignUp-module__checkbox___SgctZ {
+  margin-bottom: var(--indent-base);
+  color: var(--sign-up-modal-checkbox-color);
+}
+
+.KIT__SignUp-module__promoTitle___Qv0oq {
+  color: var(--promo-code-promo-title-color);
+  font-size: var(--font-size-s);
+
+  display: flex;
+  align-items: center;
+  gap: var(--indent-xs);
+
+  margin-bottom: 60px;
+}
+
+.KIT__SignUp-module__promoTitle___Qv0oq .KIT__SignUp-module__promocodeSvg___ILvew {
+    --size: 24px;
+    width: 24px;
+    width: var(--size);
+    height: 24px;
+    height: var(--size);
+  }
+
+.KIT__SignUp-module__bigMargin___IHLl0 {
+  margin-bottom: 60px;
+}
+
+.KIT__SignUp-module__wrapperReferralFailure___Nv53h {
+  overflow-y: auto;
+}
+
+.KIT__SignUp-module__authButton___Zrxas {
+  height: 52px;
+}
+
+@media (min-width: 768px) {
+  .KIT__SignUp-module__wrapperReferralFailure___Nv53h {
+    max-width: 360px;
+    border-radius: var(--border-l);
+  }
+}
+.KIT__EmailSignUp-module__animationFadeIn___OYv3L {
+  animation: KIT__EmailSignUp-module__FadeIn___jKgXy 1s forwards;
+}
+
+@keyframes KIT__EmailSignUp-module__FadeIn___jKgXy {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
 .KIT__Alert-module__wrapperModal___lOle6 {
   width: 100%;
   height: 100%;
@@ -1797,6 +1980,35 @@
     opacity: 0;
   }
 }
+.KIT__Credentials-module__wrapperCredentials___AH3RX {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  width: var(--full);
+}
+
+.KIT__Credentials-module__infoRow___DY4RE {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: var(--full);
+  margin-bottom: var(--indent-base-double);
+}
+
+.KIT__Credentials-module__username___g5UjF {
+  color: var(--credentials-info-username-color);
+  font-size: var(--font-size-xs);
+}
+
+.KIT__Credentials-module__result___MU6EV {
+  color: var(--credentials-info-result-color);
+  font-size: var(--font-size-m);
+  width: calc(var(--large) - (var(--small) + var(--indent-base)));
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .KIT__BannerTemplate-module__wrapperBanner___vPzec {
   height: 150px;
   background-size: cover;
@@ -2016,80 +2228,6 @@
   }
 }
 
-.KIT__Tabs-module__wrapperTabs___rFoBY {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  position: relative;
-}
-
-.KIT__Tabs-module__tab___NBVtA {
-  /* width: 100%; */
-  padding-bottom: var(--indent-base);
-  text-align: center;
-  color: var(--tab-text-color);
-  transition: 0.3s;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  position: relative;
-  z-index: 2;
-  padding-bottom: var(--indent-base);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.KIT__Tabs-module__bg___y6G1J {
-  background-color: var(--tabs-background);
-}
-
-.KIT__Tabs-module__tabButtonsWrapper___xcC8P {
-  border-radius: var(--border-s);
-  display: flex;
-  align-items: center;
-  padding: 1px;
-}
-
-.KIT__Tabs-module__buttonTab___Tpphz {
-  padding: calc(var(--indent-base) / 3);
-  border-radius: var(--border-s);
-  border: 2px solid transparent;
-  width: 100%;
-}
-
-.KIT__Tabs-module__buttonTabActive___hoiNu {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  box-shadow: var(--primary-shadow);
-  height: 100%;
-}
-
-.KIT__Tabs-module__buttonTabActive___hoiNu::after {
-  border-color: transparent;
-}
-
-.KIT__Tabs-module__activeBlockIndicator___B35H_ {
-  position: absolute;
-  height: 2px;
-  background-color: rgb(var(--third));
-  transition: 0.3s;
-  bottom: 0;
-  z-index: 1;
-}
-
-.KIT__Tabs-module__buttonActiveIndicator___l6_IM {
-  height: 100%;
-  border-radius: var(--border-s);
-  border: 2px solid rgb(var(--green));
-  background: var(--primary-gradient);
-}
-
-.KIT__Tabs-module__wrapperTabs___rFoBY::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-
 .KIT__Docs-module__docContent___Yf1m5 {
   width: 100%;
   padding: var(--indent-base);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],
@@ -12,7 +12,7 @@
     "build": "rm -rf dist && npm run build:types &&  webpack --mode=production --node-env=production",
     "publish": "npm i && npm run build && npm publish",
     "clear": "sudo rm -rf node_modules && npm i",
-    "add:react": " npm link ../web-spa/node_modules/react ../web-spa/node_modules/@types/react ../web-spa/node_modules/classnames ../web-spa/node_modules/react-dom ../web-spa/node_modules/@types/react-dom  ../web-spa/node_modules/react-responsive-carousel ../web-spa/node_modules/react-easy-swipe",
+    "add:react": " npm link ../web-spa/node_modules/react ../web-spa/node_modules/@types/react ../web-spa/node_modules/classnames ../web-spa/node_modules/react-dom ../web-spa/node_modules/@types/react-dom  ../web-spa/node_modules/react-responsive-carousel ../web-spa/node_modules/react-easy-swipe ../web-spa/node_modules/react-memory-optimization",
     "dev:kit": "sudo npm run add:react && npm run dev",
     "dev:kit-win": "npm run add:react && rimraf ./dist/lib && tsc --build tsconfig.json && webpack --watch"
   },
@@ -49,13 +49,15 @@
   "peerDependencies": {
     "classnames": "*",
     "react-responsive-carousel": "*",
-    "zustand": "^4.5.5",
-    "react":"18.2.0",
-    "react-dom":"18.2.0"
+    "zustand": "*",
+    "react":"*",
+    "react-dom":"*",
+    "react-memory-optimization":"*"
   },
   "dependencies": {
     "html-react-parser": "^5.1.12",
-    "react-qr-code": "^2.0.13"
+    "react-qr-code": "^2.0.13",
+    "react-phone-number-input": "^3.3.9"
   },
   "eslintConfig": {
     "extends": [

package/dist/lib/zustandStore/alerts/modal/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const getValueByIdFromUrl: (key: string, path: string) => string;
-export declare const sleep: (ms: number) => Promise<unknown>;

package/dist/lib/zustandStore/alerts/modal/utils.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sleep = exports.getValueByIdFromUrl = void 0;
-var getValueByIdFromUrl = function (key, path) {
-    var url = new URL(path);
-    var value = url.searchParams.get(key) || '';
-    return value;
-};
-exports.getValueByIdFromUrl = getValueByIdFromUrl;
-var sleep = function (ms) { return new Promise(function (res) { return setTimeout(res, ms); }); };
-exports.sleep = sleep;