react-gldn-kit 0.0.10 → 0.1.0

package/dist/lib/zustandStore/languages/store.js

@@ -46,13 +46,13 @@ exports.useZustandLanguagesKitStore = (0, zustand_1.create)(function (set, get)
     setLanguages: function (languages) {
         set({ languages: languages });
     },
-    getAndSetLanguages: function (lang) { return __awaiter(void 0, void 0, void 0, function () {
+    getAndSetLanguages: function (lang, path) { return __awaiter(void 0, void 0, void 0, function () {
         var languageResponse, languages, error_1, languageResponse, languages, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 3, , 9]);
-                    return [4 /*yield*/, fetch("".concat(window.location.origin, "/casino/languages/").concat(lang, ".json"), {
+                    return [4 /*yield*/, fetch(path.replace('[LANGUAGE]', lang), {
                             method: 'GET',
                             cache: 'no-cache',
                         })];
@@ -68,14 +68,14 @@ exports.useZustandLanguagesKitStore = (0, zustand_1.create)(function (set, get)
                     error_1 = _a.sent();
                     if (lang === 'en') {
                         setTimeout(function () {
-                            get().getAndSetLanguages('en');
+                            get().getAndSetLanguages('en', path);
                         }, 2000);
                         throw new Error();
                     }
                     _a.label = 4;
                 case 4:
                     _a.trys.push([4, 7, , 8]);
-                    return [4 /*yield*/, fetch("".concat(window.location.origin, "/casino/languages/en.json"), {
+                    return [4 /*yield*/, fetch(path.replace('[LANGUAGE]', 'en'), {
                             method: 'GET',
                             cache: 'no-cache',
                         })];
@@ -89,26 +89,26 @@ exports.useZustandLanguagesKitStore = (0, zustand_1.create)(function (set, get)
                 case 7:
                     error_2 = _a.sent();
                     console.error('CRITICAL ERROR LANGUAGE NOT FOUND');
-                    get().getAndSetLanguages('en');
+                    get().getAndSetLanguages('en', path);
                     return [3 /*break*/, 8];
                 case 8: return [3 /*break*/, 9];
                 case 9: return [2 /*return*/];
             }
         });
     }); },
-    setInitLanguage: function (appType, initLanguage) {
+    setInitLanguage: function (appType, initLanguage, path) {
         if (initLanguage === void 0) { initLanguage = 'en'; }
         var brandName = (ui_1.EAppType[appType] ||
             ui_1.EAppType[0]);
         set({ brandName: brandName });
         try {
             var localLanguage = initLanguage || constants_1.DEFAULT_LANGUAGE;
-            get().getAndSetLanguages(localLanguage);
+            get().getAndSetLanguages(localLanguage, path);
         }
         catch (error) {
             alert(JSON.stringify(error));
             setTimeout(function () {
-                get().getAndSetLanguages('en');
+                get().getAndSetLanguages('en', path);
             }, 1000);
         }
     },

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

@@ -1,7 +1,7 @@
 import { EAppType } from '../../types/ui';
 export interface ZustandLanguageStoreKit extends ZustandLanguageEntitiesKit {
-    getAndSetLanguages: (lang: string) => void;
-    setInitLanguage: (appType: EAppType) => void;
+    getAndSetLanguages: (lang: string, path: string) => void;
+    setInitLanguage: (appType: EAppType, initialLang: string, path: string) => void;
     setLanguages: (lang: TLanguage, initLanguage?: string) => void;
 }
 interface ZustandLanguageEntitiesKit {

package/dist/main.css

@@ -1176,69 +1176,6 @@
 .KIT__OneClick-module__fullWidth___vk4aC .KIT__OneClick-module__marginB___NGiBf {
     margin-bottom: var(--indent-base);
   }
-.KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
-  background-color: var(--modal-layout-background-color);
-  border-radius: var(--border-xl) var(--border-xl) 0 0 ;
-  padding: var(--indent-base);
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  max-height: calc(var(--app-height) - var(--height-48));
-  transition: 0.5s;
-  max-width: 500px;
-  width: 100%;
-  overflow: hidden;
-  position: relative;
-}
-
-.KIT__ModalLayout-module__header___VvKRR {
-  height: var(--height-48);
-  display: flex;
-  align-items: center;
-  position: relative;
-  width: 100%;
-  z-index: var(--layout-lvl-1);
-}
-
-.KIT__ModalLayout-module__wrapperModalLayout___A4nBX .KIT__ModalLayout-module__buttonClose___vwkbg {
-  position: absolute;
-  right: var(--indent-base-half);
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.KIT__ModalLayout-module__swipeButton___JJySo {
-  position: absolute;
-  width: 150px;
-  height: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.KIT__ModalLayout-module__swipeButton___JJySo::before {
-  content: '';
-  width: 100%;
-  height: 4px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  background-color: var(--swipe-button-color);
-  transform: translate(-50%,-50%);
-}
-
-.KIT__ModalLayout-module__overflow___wwFs1 {
-  border-radius: var(--border-l) var(--border-l) 0 0 ;
-  overflow: hidden;
-  margin-bottom: var(--indent-base);
-}
-
-@media (min-width: 768px) {
-  .KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
-    max-height: calc(100dvh - (var(--height-48) * 2 + var(--indent-base-double)));
-  }
-}
 .KIT__PopUpHeader-module__wrapperPopUpHeader___GmjiQ {
   display: flex;
   justify-content: center;
@@ -1303,6 +1240,83 @@
   right: var(--indent-base);
 }
 
+.KIT__PortalLayout-module__wrapperPortalLayout___o5fiH {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, .5);
+  z-index: var(--layout-lvl-2);
+
+}
+.KIT__ModalContent-module__wrapperModalContent___tXL9n {
+  max-width: 570px;
+  width: 100%;
+  padding: var(--indent-s);
+}
+.KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
+  background-color: var(--modal-layout-background-color);
+  border-radius: var(--border-xl) var(--border-xl) 0 0;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  max-height: calc(100vh - var(--height-48));
+  transition: 0.5s;
+  max-width: 500px;
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+}
+
+.KIT__ModalLayout-module__header___VvKRR {
+  height: var(--height-48);
+  display: flex;
+  align-items: center;
+  position: relative;
+  width: 100%;
+  z-index: var(--layout-lvl-1);
+}
+
+.KIT__ModalLayout-module__wrapperModalLayout___A4nBX .KIT__ModalLayout-module__buttonClose___vwkbg {
+  position: absolute;
+  right: var(--indent-l);
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.KIT__ModalLayout-module__swipeButton___JJySo {
+  position: absolute;
+  width: 150px;
+  height: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.KIT__ModalLayout-module__swipeButton___JJySo::before {
+  content: '';
+  width: 100%;
+  height: 4px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-color: var(--swipe-button-color);
+  transform: translate(-50%, -50%);
+}
+
+.KIT__ModalLayout-module__overflow___wwFs1 {
+  border-radius: var(--border-l) var(--border-l) 0 0;
+  overflow: hidden;
+  margin-bottom: var(--indent-base);
+}
+
+@media (min-width: 768px) {
+  .KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
+    max-height: calc(100dvh - (var(--height-48) * 2 + var(--indent-base-double)));
+  }
+}
 .KIT__CountDown-module__wrapperCountDown___hTyPh {
   background-color: var(--count-down-background-color);
   padding: var(--indent-base-half);
@@ -1540,7 +1554,7 @@
   --drawer-full-width: 320px;
   --drawer-min-width: 100px;
 
-  width: 100%;
+  width: 90%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
@@ -1634,12 +1648,12 @@
     width: var(--drawer-full-width);
     animation: none;
   }
+
   .KIT__DrawerLayout-module__animationCasinoDrawerReducing___YOdkP {
     width: var(--drawer-min-width);
     animation: none;
   }
 }
-
 .KIT__Logos-module__wrapperLogo___jKLCC {
   --width: 100px;
   --height: calc(var(--height-48) - var(--indent-base-half));
@@ -1675,6 +1689,114 @@
       font-weight: 700;
     }
 
+.KIT__Alert-module__wrapperModal___lOle6 {
+  width: 100%;
+  height: 100%;
+  min-height: 100%;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: calc(var(--layout-lvl-3) + 1);
+
+  transition: 0.2s;
+
+  transform: translateY(100%);
+  left: auto;
+  left: initial;
+  top: auto;
+  top: initial;
+  background: rgba(0, 0, 0, .5);
+  display: inline;
+  display: initial;
+
+}
+
+@media screen and (max-width: 768px) {
+
+.KIT__Alert-module__wrapperModal___lOle6 {
+    display: flex;
+    align-items: flex-end;
+
+}
+  }
+
+.KIT__Alert-module__wrapperModal___lOle6.KIT__Alert-module__animationFadeIn___pQUbq {
+    transform: translateY(0%);
+    animation: KIT__Alert-module__FadeIn___Alo55 1s forwards;
+  }
+
+.KIT__Alert-module__wrapperModal___lOle6.KIT__Alert-module__animationFadeOutModal___dXCQD {
+    animation: KIT__Alert-module__FadeOutModal___JYGCw 1s forwards;
+  }
+
+.KIT__Alert-module__black___jMfxy {
+  top: 0;
+  position: fixed;
+  z-index: var(--layout-lvl-3);
+  background-color: var(--modal-black-background-color);
+  left: 0;
+  width: var(--full);
+  height: var(--full);
+}
+
+.KIT__Alert-module__wallet___hDe7Q {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--full);
+  height: var(--full);
+}
+
+@media (min-width: 768px) {
+  .KIT__Alert-module__wrapperModal___lOle6 {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
+
+@keyframes KIT__Alert-module__MoveToUp___vOjgR {
+  0% {
+    transform: translateY(100%);
+  }
+
+  100% {
+    transform: translateY(0%);
+  }
+}
+
+@keyframes KIT__Alert-module__MoveToBottom___fgYYC {
+  0% {
+    bottom: 0;
+  }
+
+  100% {
+    bottom: -100%;
+  }
+}
+
+@keyframes KIT__Alert-module__FadeIn___Alo55 {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes KIT__Alert-module__FadeOutModal___JYGCw {
+  0% {
+    z-index: 9;
+    opacity: 1;
+  }
+
+  100% {
+    z-index: -1;
+    opacity: 0;
+  }
+}
 .KIT__BannerTemplate-module__wrapperBanner___vPzec {
   height: 150px;
   background-size: cover;
@@ -3339,6 +3461,95 @@
   .KIT__Icons-module__fsWinCashFill___cQ6iY path {
     fill:rgb(0,0,0)
   }
+.KIT__NotificationView-module__wrapperNotification___GLKdP {
+  position: relative;
+  left: -250px;
+  width: 250px;
+  min-height: 45px;
+  z-index: var(--layout-lvl-4);
+  background-color: var(--notification-wrapper-background-color);
+  border-radius: var(--border-l);
+  border: 2px solid var(--border-color-gray);
+  display: flex;
+  align-items: center;
+  padding: var(--indent-base);
+  justify-content: space-between;
+  margin-bottom: var(--indent-base);
+}
+
+.KIT__NotificationView-module__wrapperNotification___GLKdP.KIT__NotificationView-module__animationMoveToLeftNotification___RyoLN {
+    animation: KIT__NotificationView-module__animationMoveToLeftNotification___RyoLN 1s forwards;
+  }
+
+.KIT__NotificationView-module__wrapperNotification___GLKdP.KIT__NotificationView-module__animationMoveToRightNotification___DtkVT {
+    animation: KIT__NotificationView-module__animationMoveToRightNotification___DtkVT 1s forwards;
+  }
+
+.KIT__NotificationView-module__row___bRU2N {
+  display: flex;
+  align-items: center;
+}
+
+.KIT__NotificationView-module__row___bRU2N svg {
+  flex-shrink: 0;
+}
+
+.KIT__NotificationView-module__text___zAS7m {
+  margin-left: var(--indent-base);
+  color: var(--notification-text-color);
+  font-size: 12px;
+}
+
+.KIT__NotificationView-module__closeIcon___HF0yX {
+  width: 25px;
+  height: 25px;
+  border-radius: 50%;
+  border: 2px solid var(--border-color-gray);
+  background: var(--notification-close-icon-background-color);
+  padding: 5px;
+  flex-shrink: 0;
+}
+
+.KIT__NotificationView-module__closeIcon___HF0yX path {
+  fill: var(--notification-close-icon-path-fill);
+}
+
+
+@keyframes KIT__NotificationView-module__animationMoveToLeftNotification___RyoLN {
+  0% {
+    left: 0;
+  }
+
+  100% {
+    left: -260px;
+  }
+}
+
+
+
+@keyframes KIT__NotificationView-module__animationMoveToRightNotification___DtkVT {
+  0% {
+    left: -260;
+  }
+
+  100% {
+    left: 0px;
+  }
+}
+.KIT__Notifications-module__wrapperNotifications___ZMmJl {
+  position: fixed;
+  right: -250px;
+  top: 60px;
+  left: auto;
+  left: initial;
+  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
+  background: initial;
+  display: inline;
+  display: initial;
+  height: 100%;
+  width: 250px;
+  z-index: var(--layout-lvl-4);
+}
 .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ {
   display: flex;
   flex-direction: column;
@@ -3503,7 +3714,7 @@
     padding: initial;
 }
   }
-.KIT__BattleBanner-module__wrapperBattleBanner___kvoNM {
+.KIT__BattleBanner-module__wrapperBattleBannerKitComponent___ejeJD {
   position: relative;
   min-height: 450px;
   display: flex;
@@ -3513,13 +3724,13 @@
   border-radius: var(--border-l);
 }
 
-.KIT__BattleBanner-module__wrapperBattleBanner___kvoNM .KIT__BattleBanner-module__top___Pmvv2 {
+.KIT__BattleBanner-module__wrapperBattleBannerKitComponent___ejeJD .KIT__BattleBanner-module__top___Pmvv2 {
     display: flex;
     flex-direction: column;
     gap: var(--indent-m);
   }
 
-.KIT__BattleBanner-module__wrapperBattleBanner___kvoNM .KIT__BattleBanner-module__path___DguJU {
+.KIT__BattleBanner-module__wrapperBattleBannerKitComponent___ejeJD .KIT__BattleBanner-module__path___DguJU {
     display: flex;
     align-items: center;
     gap: var(--indent-m);
@@ -3527,17 +3738,17 @@
     color: rgb(var(--gray));
   }
 
-.KIT__BattleBanner-module__wrapperBattleBanner___kvoNM .KIT__BattleBanner-module__path___DguJU .KIT__BattleBanner-module__arrowSvg___cOmXg {
+.KIT__BattleBanner-module__wrapperBattleBannerKitComponent___ejeJD .KIT__BattleBanner-module__path___DguJU .KIT__BattleBanner-module__arrowSvg___cOmXg {
       transform: rotate(90deg);
     }
 
-.KIT__BattleBanner-module__wrapperBattleBanner___kvoNM .KIT__BattleBanner-module__content___Nm5hb {
+.KIT__BattleBanner-module__wrapperBattleBannerKitComponent___ejeJD .KIT__BattleBanner-module__content___Nm5hb {
     display: flex;
     flex-direction: column;
     gap: var(--indent-xl);
   }
 
-.KIT__BattleBanner-module__wrapperBattleBanner___kvoNM .KIT__BattleBanner-module__content___Nm5hb .KIT__BattleBanner-module__prizeAmount___yWw4j {
+.KIT__BattleBanner-module__wrapperBattleBannerKitComponent___ejeJD .KIT__BattleBanner-module__content___Nm5hb .KIT__BattleBanner-module__prizeAmount___yWw4j {
       font-size: clamp(var(--font-size-xxl), -0.107rem + 4.286vw, 60px);
       background-clip: text;
       -webkit-background-clip: text;
@@ -3546,7 +3757,7 @@
       font-weight: 700;
     }
 
-.KIT__BattleBanner-module__wrapperBattleBanner___kvoNM .KIT__BattleBanner-module__button___yjczx {
+.KIT__BattleBanner-module__wrapperBattleBannerKitComponent___ejeJD .KIT__BattleBanner-module__button___yjczx {
     text-transform: uppercase;
     --width: full;
     --height: 48px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.0.10",
+  "version": "0.1.0",
   "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/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",
     "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"
   },
@@ -36,19 +36,22 @@
     "postcss-loader": "^8.1.1",
     "postcss-preset-env": "^10.1.2",
     "prettier": "^2.8.8",
+    "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"
+    "webpack-cli": "^5.1.4",
+    "@types/react": "^18.2.12",
+    "@types/react-dom": "^18.2.5"
   },
   "peerDependencies": {
     "classnames": "*",
-    "react": "*",
-    "react-dom": "*",
     "react-responsive-carousel": "*",
-    "zustand": "^4.5.5"
+    "zustand": "^4.5.5",
+    "react":"18.2.0",
+    "react-dom":"18.2.0"
   },
   "dependencies": {
     "html-react-parser": "^5.1.12",