react-gldn-kit 0.1.15 → 0.1.16

package/dist/lib/constants/translates.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DICTIONARY = void 0;
+exports.DICTIONARY = {
+    signIn: {
+        title: 'header.login',
+    },
+    signUp: {
+        title: 'header.join',
+    },
+    credentials: {
+        title: 'credentials.title'
+    },
+    lostPassword: {
+        title: 'authorization.lostPasswordBtn'
+    },
+    setNewPassword: {
+        title: 'orofile.content.myAccount.form.setNewPassword'
+    },
+    languages: {
+        title: 'languages'
+    },
+    casinoProviders: {
+        title: 'filterByProviders'
+    },
+    casinoFavorite: {
+        title: 'favorites'
+    },
+    bonuses: {
+        title: 'drawers.casino.bonuses'
+    },
+    calendar: {
+        title: 'calendar'
+    },
+    referralCopyContent: {
+        title: 'referral.shareModal.title'
+    },
+    referralWithdraw: {
+        title: 'referral.withdrawModal.title'
+    },
+    referralFailure: {
+        title: 'referral.failureModal.title'
+    },
+    referralSuccess: {
+        title: 'referral.successModal.title'
+    },
+    promoCodeActivate: {
+        title: 'promoCodePage.promoCodeActivatedTitle'
+    },
+    cancelBonus: {
+        title: 'bonusCabinet.cancelBonus.title'
+    },
+    claimConfirmation: {
+        title: 'bonusCabinet.cancelBonus.title'
+    }
+};

package/dist/lib/utils/shared.d.ts

@@ -1,3 +1,4 @@
+import { EModalTypes } from 'zustandStore/alerts/modal/types';
 export declare const getValueByIdFromUrl: (key: string, path: string) => string;
 export declare const sleep: (ms: number) => Promise<unknown>;
 export declare const openExternalLink: (link: string, isNewWindow?: boolean) => void;
@@ -6,3 +7,4 @@ export declare function setCookie(name: string, value: string, days: number): vo
 export declare function getCookie(name: string): string;
 export declare function eraseCookie(name: string): void;
 export declare const copyToClipboard: (text: string) => () => Promise<void>;
+export declare const getModalTitle: (type: EModalTypes) => string;

package/dist/lib/utils/shared.js

@@ -36,9 +36,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.copyToClipboard = exports.eraseCookie = exports.getCookie = exports.setCookie = exports.setExistingValueToCookie = exports.openExternalLink = exports.sleep = exports.getValueByIdFromUrl = void 0;
+exports.getModalTitle = exports.copyToClipboard = exports.eraseCookie = exports.getCookie = exports.setCookie = exports.setExistingValueToCookie = exports.openExternalLink = exports.sleep = exports.getValueByIdFromUrl = void 0;
+var translates_1 = require("constants/translates");
+var types_1 = require("zustandStore/alerts/modal/types");
 var store_1 = require("zustandStore/alerts/notification/store");
-var types_1 = require("zustandStore/alerts/notification/types");
+var types_2 = require("zustandStore/alerts/notification/types");
 var getValueByIdFromUrl = function (key, path) {
     var url = new URL(path);
     var value = url.searchParams.get(key) || '';
@@ -144,7 +146,7 @@ var copyToClipboard = function (text) { return function () { return __awaiter(vo
                 store_1.useZustandNotificationKitStore.getState().addNotification({
                     uid: "copy_success_e+".concat(new Date().getTime()),
                     text: 'copied',
-                    type: types_1.ENotificationType.Success,
+                    type: types_2.ENotificationType.Success,
                 });
                 return [3 /*break*/, 3];
             case 2:
@@ -174,14 +176,14 @@ var copyToClipboard = function (text) { return function () { return __awaiter(vo
                     store_1.useZustandNotificationKitStore.getState().addNotification({
                         uid: "copy_success_e+".concat(new Date().getTime()),
                         text: 'copied',
-                        type: types_1.ENotificationType.Success,
+                        type: types_2.ENotificationType.Success,
                     });
                 }
                 catch (error) {
                     store_1.useZustandNotificationKitStore.getState().addNotification({
                         uid: "copy_failure+".concat(new Date().getTime()),
                         text: 'errors.copyFailure',
-                        type: types_1.ENotificationType.Success,
+                        type: types_2.ENotificationType.Success,
                     });
                 }
                 return [3 /*break*/, 3];
@@ -190,3 +192,44 @@ var copyToClipboard = function (text) { return function () { return __awaiter(vo
     });
 }); }; };
 exports.copyToClipboard = copyToClipboard;
+var getModalTitle = function (type) {
+    switch (type) {
+        case types_1.EModalTypes.SignIn:
+            return translates_1.DICTIONARY.signIn.title;
+        case types_1.EModalTypes.SignUp:
+            return translates_1.DICTIONARY.signUp.title;
+        case types_1.EModalTypes.Credentials:
+            return translates_1.DICTIONARY.credentials.title;
+        case types_1.EModalTypes.LostPassword:
+            return translates_1.DICTIONARY.lostPassword.title;
+        case types_1.EModalTypes.SetNewPassword:
+            return translates_1.DICTIONARY.setNewPassword.title;
+        case types_1.EModalTypes.Languages:
+            return translates_1.DICTIONARY.languages.title;
+        case types_1.EModalTypes.CasinoProviders:
+            return translates_1.DICTIONARY.casinoProviders.title;
+        case types_1.EModalTypes.CasinoFavorite:
+            return translates_1.DICTIONARY.casinoFavorite.title;
+        case types_1.EModalTypes.Bonuses:
+            return translates_1.DICTIONARY.bonuses.title;
+        case types_1.EModalTypes.Calendar:
+            return translates_1.DICTIONARY.calendar.title;
+        case types_1.EModalTypes.ReferralCopyContent:
+            return translates_1.DICTIONARY.referralCopyContent.title;
+        case types_1.EModalTypes.ReferralWithdraw:
+            return translates_1.DICTIONARY.referralWithdraw.title;
+        case types_1.EModalTypes.ReferralFailure:
+            return translates_1.DICTIONARY.referralFailure.title;
+        case types_1.EModalTypes.ReferralSuccess:
+            return translates_1.DICTIONARY.referralSuccess.title;
+        case types_1.EModalTypes.PromoCodeActivate:
+            return translates_1.DICTIONARY.promoCodeActivate.title;
+        case types_1.EModalTypes.CancelBonus:
+            return translates_1.DICTIONARY.cancelBonus.title;
+        case types_1.EModalTypes.ClaimConfirmation:
+            return translates_1.DICTIONARY.claimConfirmation.title;
+        default:
+            return '';
+    }
+};
+exports.getModalTitle = getModalTitle;

package/dist/main.css

@@ -407,6 +407,7 @@
   text-decoration: none;
   flex-direction: column;
   position: relative;
+  cursor: pointer;
 }
 
 .KIT__AppSwitcher-module__text___gS8_9 {
@@ -1255,7 +1256,7 @@
     height: 100%;
     border-radius: var(--border-s);
     border: 2px solid var(--tab-border-bottom-color);
-    background: var(--tab-indicator-bg);
+    background: var(--primary-gradient);
   }
 .KIT__Tabs-module__wrapperTabs___rFoBY::-webkit-scrollbar {
     width: 0;
@@ -1351,12 +1352,6 @@
   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;
   width: 100%;
@@ -1395,7 +1390,6 @@
   padding: 2px 10px;
   position: relative;
   background: var(--input-base-autofill-background-color);
-  margin-bottom: var(--indent-l);
   color: white;
 }
 
@@ -1410,6 +1404,9 @@
 
 .KIT__PhoneInput-module__wrapper___xIp3u {
   position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-m);
 }
 
 .KIT__PhoneInput-module__errorBorder___QOw8R {
@@ -1626,12 +1623,14 @@
   max-width: 100%;
   width: 100%;
   padding: var(--indent-s);
+  overflow-y: auto;
 }
 @media screen and (min-width: 768px) {
   .KIT__ModalContent-module__wrapperModalContent___tXL9n {
     max-width: 500px;
 }
   }
+
 .KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
   background-color: var(--modal-layout-background-color);
   border-radius: var(--border-xl) var(--border-xl) 0 0;
@@ -1648,14 +1647,6 @@
   position: relative;
 }
 
-@media screen and (min-width: 768px) {
-
-.KIT__ModalLayout-module__wrapperModalLayout___A4nBX {
-    width: auto;
-    width: initial;
-}
-  }
-
 .KIT__ModalLayout-module__header___VvKRR {
   height: var(--height-48);
   display: flex;
@@ -2076,20 +2067,6 @@
       font-weight: 700;
     }
 
-.KIT__LostPasswordEmailForm-module__formInput___ZhBnH {
-  margin-bottom: 25px;
-}
-.KIT__LostPasswordPhoneForm-module__formInput___KlA96 {
-  margin-bottom: var(--indent-base);
-}
-
-.KIT__LostPasswordPhoneForm-module__formPhoneWrapper___UkZwK {
-  margin-bottom: 25px;
-}
-.KIT__LostPassword-module__tabWrapper___UNsFP {
-  width:var(--large);
-  margin-bottom: var(--indent-base);
-}
 .KIT__Credentials-module__wrapperCredentials___AH3RX {
   display: flex;
   flex-direction: column;
@@ -2119,6 +2096,35 @@
   text-overflow: ellipsis;
 }
 
+.KIT__LostPasswordEmailForm-module__wrapper___t1b_a {
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-m);
+}
+
+.KIT__LostPasswordEmailForm-module__formInput___NTLA7 {
+  width: var(--full);
+}
+
+.KIT__LostPasswordPhoneForm-module__formInput___dTNA5 {
+  margin-bottom: var(--indent-m);
+}
+
+.KIT__LostPasswordPhoneForm-module__formPhoneWrapper___z2S8h {
+  margin-bottom: var(--indent-xxl);
+}
+
+.KIT__LostPassword-module__tabWrapper___VqdrX {
+  width: var(--full);
+  margin-bottom: var(--indent-m);
+}
+
+.KIT__SetNewPassword-module__wrapperNewPassword___r4lMa {
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-m);
+}
+
 .KIT__Alert-module__wrapperModal___lOle6 {
   width: 100%;
   height: 100%;
@@ -2182,7 +2188,6 @@
 .KIT__Alert-module__wallet___hDe7Q {
   display: flex;
   justify-content: center;
-  align-items: center;
   width: var(--full);
   height: var(--full);
 }
@@ -2479,26 +2484,13 @@
   }
 }
 
-.KIT__Docs-module__docContent___Yf1m5 {
-  width: 100%;
-  padding: var(--indent-l);
-}
-
-.KIT__Docs-module__accordionWrapper___axkDy {
-  width: 100%;
-  margin-bottom: calc(var(--indent-l) / 2);
-  color: var(--docs-accordion-wrapper-color);
-}
-
-.KIT__Docs-module__accordionWrapper___axkDy {
-  border-bottom: 1px solid var(--border-color-gray);
-}
 .KIT__Accordion-module__wrapperAccordion____bqbf {
   border-radius: var(--border-s);
   border: 2px solid var(--border-color-gray);
   border-radius: var(--border-s);
   padding: var(--indent-xl) var(--indent-xxxl);
   color: var(--docs-accordion-wrapper-color);
+  cursor: pointer;
 }
 
 .KIT__Accordion-module__paddingB___Iw85_ {
@@ -2549,8 +2541,24 @@
 .KIT__Accordion-module__starIcon___qizXK {
   margin-left: var(--indent-m);
 }
+.KIT__Docs-module__docContent___Yf1m5 {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--indent-l) / 2);
+}
+
+.KIT__Docs-module__accordionWrapper___axkDy {
+  width: 100%;
+  color: var(--docs-accordion-wrapper-color);
+}
+
+.KIT__Docs-module__accordionWrapper___axkDy {
+  border-bottom: 1px solid var(--border-color-gray);
+}
+
 .KIT__Footer-module__wrapperFooter___cknrK {
-  padding: var(--indent-l) var(--indent-l) 60px;
+  padding: var(--indent-l);
   padding-bottom: 60px;
   background: var(--footer-background-color);
   border-top: 2px solid var(--border-color-gray);
@@ -2558,6 +2566,7 @@
   flex-direction: column;
   width: 100%;
   align-items: center;
+  gap: var(--indent-l);
 }
 
 .KIT__Footer-module__logoFooter___oB__R {
@@ -2565,28 +2574,34 @@
   width: 150px;
 }
 
+.KIT__Footer-module__docs___hDLnW {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: var(--indent-m);
+}
+
 .KIT__Footer-module__docTitle___VWUWp {
-  font-size: 16px;
+  font-size: var(--font-size-m);
   width: 100%;
   color: var(--footer-doc-title-color);
-  padding: var(--indent-l);
-  padding-bottom: 0;
 }
 
 .KIT__Footer-module__content___N3GbI {
-  padding: var(--indent-l);
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-m);
+  width: 100%;
 }
 
 .KIT__Footer-module__firstTextBlock___jIJYC {
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   color: var(--footer-text-block-color);
-  margin-bottom: var(--indent-l);
 }
 
 .KIT__Footer-module__secondText___nk15R {
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   color: var(--footer-text-block-color);
-  margin-bottom: var(--indent-l);
 }
 
 .KIT__Footer-module__license___mhG5E {
@@ -2594,7 +2609,6 @@
   padding: var(--indent-l);
   background: var(--footer-license-background-color);
   border-radius: var(--border-l);
-  margin-bottom: var(--indent-l);
   border: 2px solid var(--border-color-gray);
   display: flex;
   justify-content: center;
@@ -4520,26 +4534,33 @@
   --button-full: 100%;
 
   --button-height-xs: var(--small-button-height);
-  --button-height-s: calc(var(--small-button-height) + var(--button-height-step));
-  --button-height-m: calc(var(--small-button-height) + var(--button-height-step) * 2);
-  --button-height-l: calc(var(--small-button-height) + var(--button-height-step) * 3);
-  --button-height-xl: calc(var(--small-button-height) + var(--button-height-step) * 4);
-  --button-height-xxl: calc(var(--small-button-height) + var(--button-height-step) * 5);
-
-
-
-
-
-
-
-  --primary-shadow: 0 0px 9px var(--green-100),
-    inset 0 8px 1px rgba(, 0.1);
-  --primary-gradient: linear-gradient(1turn,
-      rgba(, 0.5) 0.8%,
-      var(--green-100));
-  --primary-secondary: linear-gradient(1turn,
-      rgba(var(--soft-gray), 0.625) 0.8%,
-      rgb(var(--soft-gray)));
+  --button-height-s: calc(
+    var(--small-button-height) + var(--button-height-step)
+  );
+  --button-height-m: calc(
+    var(--small-button-height) + var(--button-height-step) * 2
+  );
+  --button-height-l: calc(
+    var(--small-button-height) + var(--button-height-step) * 3
+  );
+  --button-height-xl: calc(
+    var(--small-button-height) + var(--button-height-step) * 4
+  );
+  --button-height-xxl: calc(
+    var(--small-button-height) + var(--button-height-step) * 5
+  );
+
+  --primary-shadow: 0 0px 9px var(--green-100), inset 0 8px 1px rgba(, 0.1);
+  --primary-gradient: linear-gradient(
+    1turn,
+    color-mix(in oklab, var(--green-100) 50%, transparent 50%) 0.8%,
+    var(--green-100)
+  );
+  --primary-secondary: linear-gradient(
+    1turn,
+    rgba(var(--soft-gray), 0.625) 0.8%,
+    rgb(var(--soft-gray))
+  );
 
   /* Buttons */
   --button-color-primary: var(--green-300);
@@ -4548,6 +4569,7 @@
   --button-color-black: var(--base-700, transparent);
   --button-color-black-text: var(--base-0, white);
 }
+
 :root {
   --check-box-height: 32px;
   --check-box-slider-padding: 4px;
@@ -4563,15 +4585,18 @@
   --background-active-app-switcher-color: var(--border-app-switcher-color);
   --active-app-border-color: ;
   --app-switcher-svg-path-fill: var(--green-100);
-  --pop-up-header-close-svg-path-fill: rgb(var(--gray));
-
-  --drawer-button-border-background: linear-gradient(90deg,
-      var(--green-100) 0.8%,
-      transparent);
-  --drawer-button-shadow-background: linear-gradient(90deg,
-      #212433 0%,
-      var(--drawer-modal-content-color) 100%);
+  --drawer-button-border-background: linear-gradient(
+    90deg,
+    var(--green-100) 0.8%,
+    transparent
+  );
+  --drawer-button-shadow-background: linear-gradient(
+    90deg,
+    #212433 0%,
+    var(--drawer-modal-content-color) 100%
+  );
 }
+
 :root {
   --promo-code-promo-title-color: rgba(var(--white), 0.5);
 }
@@ -4581,9 +4606,10 @@
   --tab-text-color: var(--base-0, red);
   --tab-indicator-bg: var(--yellow-200, red);
   --tab-border-bottom-color: var(--green-100, red);
-  --tab-button-active-shadow: initial;
-
+  --tab-button-active-shadow: 0 0px 9px var(--green-100),
+    inset 0 8px 1px color-mix(in oklab, var(--green-100) 10%, transparent 90%);
 }
+
 :root {
   --sign-up-promo-code-color: color-mix(in oklab, var(--base-0, red) 50%, transparent 50%);
   /*Notice: it equals 255,255,255,0.5*/

package/package.json

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