react-gldn-kit 0.1.10 → 0.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/lib/components/Banners/components/BannerTemplate/index.d.ts +5 -0
  3. package/dist/lib/components/Banners/components/BannerTemplate/index.js +3 -2
  4. package/dist/lib/components/Banners/components/BattleBanner/index.js +2 -2
  5. package/dist/lib/components/BattlesCard/index.js +2 -2
  6. package/dist/lib/components/BattlesCard/types.d.ts +1 -0
  7. package/dist/lib/components/HOCs/HOCRequestLoader/index.d.ts +2 -0
  8. package/dist/lib/components/HOCs/HOCRequestLoader/index.js +51 -0
  9. package/dist/lib/components/HOCs/HOCRequestLoader/types.d.ts +8 -0
  10. package/dist/lib/components/HOCs/HOCRequestLoader/types.js +2 -0
  11. package/dist/lib/components/Layouts/ModalLayout/component/ModalContent/index.d.ts +1 -1
  12. package/dist/lib/components/Layouts/ModalLayout/component/ModalContent/index.js +6 -2
  13. package/dist/lib/components/Layouts/ModalLayout/index.js +2 -2
  14. package/dist/lib/components/Layouts/ModalLayout/types.d.ts +1 -0
  15. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/index.js +9 -8
  16. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/types.d.ts +1 -0
  17. package/dist/lib/components/Modals/Alert/components/OneStepPrize/index.d.ts +2 -0
  18. package/dist/lib/components/Modals/Alert/components/OneStepPrize/index.js +80 -0
  19. package/dist/lib/components/Modals/Alert/index.js +4 -1
  20. package/dist/lib/components/ui/Logos/index.js +3 -0
  21. package/dist/lib/index.d.ts +14 -1
  22. package/dist/lib/index.js +32 -5
  23. package/dist/lib/zustandStore/connection/selectors.d.ts +7 -0
  24. package/dist/lib/zustandStore/connection/selectors.js +19 -0
  25. package/dist/lib/zustandStore/connection/store.d.ts +2 -0
  26. package/dist/lib/zustandStore/connection/store.js +11 -0
  27. package/dist/lib/zustandStore/connection/types.d.ts +8 -0
  28. package/dist/lib/zustandStore/connection/types.js +2 -0
  29. package/dist/lib/zustandStore/games/selectors.d.ts +9 -0
  30. package/dist/lib/zustandStore/games/selectors.js +26 -0
  31. package/dist/lib/zustandStore/games/store.d.ts +2 -0
  32. package/dist/lib/zustandStore/games/store.js +22 -0
  33. package/dist/lib/zustandStore/games/types.d.ts +11 -0
  34. package/dist/lib/zustandStore/games/types.js +2 -0
  35. package/dist/lib/zustandStore/request/selector.d.ts +68 -0
  36. package/dist/lib/zustandStore/request/selector.js +21 -0
  37. package/dist/lib/zustandStore/request/store.d.ts +2 -0
  38. package/dist/lib/zustandStore/request/store.js +20 -0
  39. package/dist/lib/zustandStore/request/types.d.ts +12 -0
  40. package/dist/lib/zustandStore/request/types.js +2 -0
  41. package/dist/lib/zustandStore/wheelPromo/selectors.d.ts +5 -0
  42. package/dist/lib/zustandStore/wheelPromo/selectors.js +14 -0
  43. package/dist/lib/zustandStore/wheelPromo/store.d.ts +2 -0
  44. package/dist/lib/zustandStore/wheelPromo/store.js +11 -0
  45. package/dist/lib/zustandStore/wheelPromo/types.d.ts +15 -0
  46. package/dist/lib/zustandStore/wheelPromo/types.js +12 -0
  47. package/dist/main.css +169 -97
  48. package/package.json +3 -2
@@ -0,0 +1,9 @@
1
+ import { ZustandCasinoGameStore } from './types';
2
+ export declare const gamesSelectors: {
3
+ getGamesPageKitSelector: (state: ZustandCasinoGameStore) => number;
4
+ getCasinoGameUrlKitSelector: (state: ZustandCasinoGameStore) => string;
5
+ getActiveProviderIdKitSelector: (state: ZustandCasinoGameStore) => number;
6
+ setGamesPageKitAction: (state: ZustandCasinoGameStore) => (page: number) => void;
7
+ setCasinoGameUrlKitAction: (state: ZustandCasinoGameStore) => (casinoGameUrl: string) => void;
8
+ setActiveProviderIdKitAction: (state: ZustandCasinoGameStore) => (providerId: number) => void;
9
+ };
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.gamesSelectors = void 0;
4
+ var getGamesPageKitSelector = function (state) { return state.page; };
5
+ var getCasinoGameUrlKitSelector = function (state) {
6
+ return state.casinoGameUrl;
7
+ };
8
+ var getActiveProviderIdKitSelector = function (state) {
9
+ return state.activeProviderId;
10
+ };
11
+ var setGamesPageKitAction = function (state) { return state.setPage; };
12
+ var setCasinoGameUrlKitAction = function (state) {
13
+ return state.setCasinoGameUrl;
14
+ };
15
+ var setActiveProviderIdKitAction = function (state) {
16
+ return state.setActiveProviderId;
17
+ };
18
+ exports.gamesSelectors = {
19
+ getGamesPageKitSelector: getGamesPageKitSelector,
20
+ getCasinoGameUrlKitSelector: getCasinoGameUrlKitSelector,
21
+ getActiveProviderIdKitSelector: getActiveProviderIdKitSelector,
22
+ // ======= ACTIONS =====
23
+ setGamesPageKitAction: setGamesPageKitAction,
24
+ setCasinoGameUrlKitAction: setCasinoGameUrlKitAction,
25
+ setActiveProviderIdKitAction: setActiveProviderIdKitAction,
26
+ };
@@ -0,0 +1,2 @@
1
+ import { ZustandCasinoGameStore } from './types';
2
+ export declare const useZustandCasinoGamesKitStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ZustandCasinoGameStore>>;
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useZustandCasinoGamesKitStore = void 0;
4
+ var zustand_1 = require("zustand");
5
+ exports.useZustandCasinoGamesKitStore = (0, zustand_1.create)(function (set, get) { return ({
6
+ page: 1,
7
+ casinoGameUrl: '',
8
+ activeProviderId: null,
9
+ setCasinoGameUrl: function (casinoGameUrl) {
10
+ set({ casinoGameUrl: casinoGameUrl });
11
+ },
12
+ setActiveProviderId: function (activeProviderId) {
13
+ set({ activeProviderId: activeProviderId });
14
+ },
15
+ setPage: function (page) {
16
+ var currentPage = get().page;
17
+ if (currentPage === page) {
18
+ return;
19
+ }
20
+ set({ page: page });
21
+ },
22
+ }); });
@@ -0,0 +1,11 @@
1
+ export interface ZustandCasinoGameStore extends ZustandCasinoGameEntities {
2
+ setPage: (page: number) => void;
3
+ setActiveProviderId: (providerId: number | null) => void;
4
+ setCasinoGameUrl: (casinoGameUrl: string) => void;
5
+ }
6
+ interface ZustandCasinoGameEntities {
7
+ activeProviderId: number | null;
8
+ page: number;
9
+ casinoGameUrl: string;
10
+ }
11
+ export {};
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,68 @@
1
+ import { ERequestIds } from 'react-memory-optimization/dist/lib/binary/types';
2
+ import { ZustandRequestStore } from './types';
3
+ export declare const requestSelectors: {
4
+ getRequestQueueSelector: (state: ZustandRequestStore) => {
5
+ [-1]?: boolean;
6
+ 0?: boolean;
7
+ 1?: boolean;
8
+ 2?: boolean;
9
+ 3?: boolean;
10
+ 4?: boolean;
11
+ 5?: boolean;
12
+ 6?: boolean;
13
+ 7?: boolean;
14
+ 8?: boolean;
15
+ 9?: boolean;
16
+ 10?: boolean;
17
+ 11?: boolean;
18
+ 12?: boolean;
19
+ 13?: boolean;
20
+ 14?: boolean;
21
+ 15?: boolean;
22
+ 16?: boolean;
23
+ 17?: boolean;
24
+ 18?: boolean;
25
+ 19?: boolean;
26
+ 20?: boolean;
27
+ 21?: boolean;
28
+ 22?: boolean;
29
+ 23?: boolean;
30
+ 24?: boolean;
31
+ 25?: boolean;
32
+ 26?: boolean;
33
+ 27?: boolean;
34
+ 28?: boolean;
35
+ 29?: boolean;
36
+ 30?: boolean;
37
+ 31?: boolean;
38
+ 32?: boolean;
39
+ 33?: boolean;
40
+ 34?: boolean;
41
+ 35?: boolean;
42
+ 36?: boolean;
43
+ 37?: boolean;
44
+ 38?: boolean;
45
+ 39?: boolean;
46
+ 40?: boolean;
47
+ 41?: boolean;
48
+ 42?: boolean;
49
+ 43?: boolean;
50
+ 44?: boolean;
51
+ 45?: boolean;
52
+ 46?: boolean;
53
+ 47?: boolean;
54
+ 48?: boolean;
55
+ 49?: boolean;
56
+ 50?: boolean;
57
+ 51?: boolean;
58
+ 52?: boolean;
59
+ 53?: boolean;
60
+ 54?: boolean;
61
+ 55?: boolean;
62
+ 56?: boolean;
63
+ 57?: boolean;
64
+ };
65
+ resetRequestingLoadersSelector: (state: ZustandRequestStore) => () => void;
66
+ isRequestedCommandSelector: (id: ERequestIds) => (state: ZustandRequestStore) => boolean;
67
+ addRequestKeyForLoaderAction: (state: ZustandRequestStore) => (id: ERequestIds) => void;
68
+ };
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.requestSelectors = void 0;
4
+ var getRequestQueueSelector = function (state) { return state.queue; };
5
+ var resetRequestingLoadersSelector = function (state) {
6
+ return state.reset;
7
+ };
8
+ var isRequestedCommandSelector = function (id) { return function (state) {
9
+ return Boolean(getRequestQueueSelector(state)[id]);
10
+ }; };
11
+ // =================================================== ACTIONS ===================================================
12
+ var addRequestKeyForLoaderAction = function (state) {
13
+ return state.addKey;
14
+ };
15
+ exports.requestSelectors = {
16
+ getRequestQueueSelector: getRequestQueueSelector,
17
+ resetRequestingLoadersSelector: resetRequestingLoadersSelector,
18
+ isRequestedCommandSelector: isRequestedCommandSelector,
19
+ // Actions
20
+ addRequestKeyForLoaderAction: addRequestKeyForLoaderAction,
21
+ };
@@ -0,0 +1,2 @@
1
+ import { ZustandRequestStore } from './types';
2
+ export declare const useZustandRequestKitStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ZustandRequestStore>>;
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useZustandRequestKitStore = void 0;
4
+ var zustand_1 = require("zustand");
5
+ exports.useZustandRequestKitStore = (0, zustand_1.create)(function (set, get) { return ({
6
+ queue: {},
7
+ removeKey: function (id) {
8
+ var queue = get().queue;
9
+ delete queue[id];
10
+ set({ queue: queue });
11
+ },
12
+ addKey: function (id) {
13
+ var queue = get().queue;
14
+ queue[id] = true;
15
+ set({ queue: queue });
16
+ },
17
+ reset: function () {
18
+ set({ queue: {} });
19
+ },
20
+ }); });
@@ -0,0 +1,12 @@
1
+ import { ERequestIds } from 'react-memory-optimization/dist/lib/binary/types';
2
+ export interface ZustandRequestStore extends ZustandRequestEntities {
3
+ removeKey: (id: ERequestIds) => void;
4
+ addKey: (id: ERequestIds) => void;
5
+ reset: () => void;
6
+ }
7
+ interface ZustandRequestEntities {
8
+ queue: {
9
+ [key in ERequestIds]?: boolean;
10
+ };
11
+ }
12
+ export {};
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,5 @@
1
+ import { ZustandWheelPromoKitStore } from './types';
2
+ export declare const wheelPromoSelectors: {
3
+ getWheelStateKitSelector: (store: ZustandWheelPromoKitStore) => import("./types").EWheelState;
4
+ setWheelStateKitAction: (store: ZustandWheelPromoKitStore) => (d: import("./types").EWheelState) => void;
5
+ };
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.wheelPromoSelectors = void 0;
4
+ var getWheelStateKitSelector = function (store) {
5
+ return store.wheelState;
6
+ };
7
+ var setWheelStateKitAction = function (store) {
8
+ return store.setWheelState;
9
+ };
10
+ exports.wheelPromoSelectors = {
11
+ getWheelStateKitSelector: getWheelStateKitSelector,
12
+ // Actions
13
+ setWheelStateKitAction: setWheelStateKitAction,
14
+ };
@@ -0,0 +1,2 @@
1
+ import { ZustandWheelPromoKitStore } from './types';
2
+ export declare const useZustandWheelPromoKitStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ZustandWheelPromoKitStore>>;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useZustandWheelPromoKitStore = void 0;
4
+ var zustand_1 = require("zustand");
5
+ var types_1 = require("./types");
6
+ exports.useZustandWheelPromoKitStore = (0, zustand_1.create)(function (set) { return ({
7
+ wheelState: types_1.EWheelState.Unknown,
8
+ setWheelState: function (wheelState) {
9
+ set({ wheelState: wheelState });
10
+ },
11
+ }); });
@@ -0,0 +1,15 @@
1
+ export interface ZustandWheelPromoKitStore extends ZustandWheelPromoStoreEntities {
2
+ setWheelState: (d: EWheelState) => void;
3
+ }
4
+ interface ZustandWheelPromoStoreEntities {
5
+ wheelState: EWheelState;
6
+ }
7
+ export declare enum EWheelState {
8
+ Unknown = 0,
9
+ FirstWheel = 1,
10
+ PopUpFirstWin = 2,
11
+ SecondWheel = 3,
12
+ PopUpSecondWin = 4,
13
+ Finished = 5
14
+ }
15
+ export {};
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.EWheelState = void 0;
4
+ var EWheelState;
5
+ (function (EWheelState) {
6
+ EWheelState[EWheelState["Unknown"] = 0] = "Unknown";
7
+ EWheelState[EWheelState["FirstWheel"] = 1] = "FirstWheel";
8
+ EWheelState[EWheelState["PopUpFirstWin"] = 2] = "PopUpFirstWin";
9
+ EWheelState[EWheelState["SecondWheel"] = 3] = "SecondWheel";
10
+ EWheelState[EWheelState["PopUpSecondWin"] = 4] = "PopUpSecondWin";
11
+ EWheelState[EWheelState["Finished"] = 5] = "Finished";
12
+ })(EWheelState = exports.EWheelState || (exports.EWheelState = {}));
package/dist/main.css CHANGED
@@ -1352,7 +1352,7 @@
1352
1352
 
1353
1353
  @media (min-width: 768px) {
1354
1354
  .KIT__SignUp-module__wrapperReferralFailure___Nv53h {
1355
- max-width: 100%;
1355
+ max-width: 360px;
1356
1356
  border-radius: var(--border-l);
1357
1357
  }
1358
1358
  }
@@ -1448,6 +1448,97 @@
1448
1448
  .KIT__Timer-module__time___imFax:first-child {
1449
1449
  margin-left: 0;
1450
1450
  }
1451
+ .KIT__SignIn-module__content___fTb1F {
1452
+ width: 100%;
1453
+ display: flex;
1454
+ flex-direction: column;
1455
+ align-items: center;
1456
+ overflow: hidden;
1457
+ }
1458
+
1459
+ .KIT__SignIn-module__wrapperTitle___lYD6o {
1460
+ padding: var(--indent-base);
1461
+ margin-bottom: var(--indent-base);
1462
+ }
1463
+
1464
+ .KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__wrapperTabs___DX4sX {
1465
+ width: calc(var(--full) - var(--indent-base-double));
1466
+ margin-bottom: var(--indent-base);
1467
+ border-bottom: 2px solid transparent;
1468
+ }
1469
+
1470
+ .KIT__SignIn-module__marginInput___DhXR2 {
1471
+ margin-bottom: var(--indent-base);
1472
+ flex-shrink: 0;
1473
+ }
1474
+
1475
+ .KIT__SignIn-module__wrapperForms___XD4t9 {
1476
+ width: 100%;
1477
+ display: flex;
1478
+ }
1479
+
1480
+ .KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__passwordField___JDN8l,
1481
+ .KIT__SignIn-module__wrapperForm___QHw6_ > div,
1482
+ .KIT__SignIn-module__lostPsw___UZZrP {
1483
+ width: calc(var(--full) - var(--indent-base-double));
1484
+ }
1485
+
1486
+ .KIT__SignIn-module__wrapperForm___QHw6_ {
1487
+ flex-shrink: 0;
1488
+ width: 100%;
1489
+ display: flex;
1490
+ flex-direction: column;
1491
+ align-items: center;
1492
+ transition: 0.5s;
1493
+ }
1494
+
1495
+ .KIT__SignIn-module__formOne___AFk7Y {
1496
+ transform: translateX(0%);
1497
+ transition: 0.5s;
1498
+ }
1499
+ .KIT__SignIn-module__formTwo___mCHk4 {
1500
+ transition: 0.5s;
1501
+ transform: translateX(-100%);
1502
+ }
1503
+ .KIT__SignIn-module__formThree___NlshF {
1504
+ transition: 0.5s;
1505
+ transform: translateX(-200%);
1506
+ }
1507
+
1508
+ .KIT__SignIn-module__lostPsw___UZZrP {
1509
+ text-align: right;
1510
+ color: var(--sign-in-modal-lost-password-color);
1511
+ font-weight: 400;
1512
+ font-size: 12px;
1513
+ }
1514
+
1515
+ .KIT__SignIn-module__dash___C4wzA {
1516
+ width: calc(var(--full) - var(--indent-base-double));
1517
+ margin-bottom: var(--indent-base);
1518
+ border-bottom: 2px solid var(--border-color-gray);
1519
+ }
1520
+
1521
+ .KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__btn___zszwq {
1522
+ width: calc(var(--full) - var(--indent-base-double));
1523
+ max-width: calc(var(--full) - var(--indent-base-double));
1524
+ min-width: calc(var(--full) - var(--indent-base-double));
1525
+ margin-bottom: var(--indent-base);
1526
+ }
1527
+
1528
+ .KIT__SignIn-module__btn___zszwq:last-child {
1529
+ margin-bottom: 0;
1530
+ }
1531
+
1532
+ .KIT__SignIn-module__reg___y_Vwi {
1533
+ opacity: 0.7;
1534
+ }
1535
+
1536
+ @media (min-width: 768px) {
1537
+ .KIT__SignIn-module__wrapperSignInModal___It11Z {
1538
+ width: 500px;
1539
+ }
1540
+ }
1541
+
1451
1542
  .KIT__PopUpHeader-module__wrapperPopUpHeader___GmjiQ {
1452
1543
  display: flex;
1453
1544
  justify-content: center;
@@ -1972,97 +2063,6 @@
1972
2063
  font-weight: 700;
1973
2064
  }
1974
2065
 
1975
- .KIT__SignIn-module__content___fTb1F {
1976
- width: 100%;
1977
- display: flex;
1978
- flex-direction: column;
1979
- align-items: center;
1980
- overflow: hidden;
1981
- }
1982
-
1983
- .KIT__SignIn-module__wrapperTitle___lYD6o {
1984
- padding: var(--indent-base);
1985
- margin-bottom: var(--indent-base);
1986
- }
1987
-
1988
- .KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__wrapperTabs___DX4sX {
1989
- width: calc(var(--full) - var(--indent-base-double));
1990
- margin-bottom: var(--indent-base);
1991
- border-bottom: 2px solid transparent;
1992
- }
1993
-
1994
- .KIT__SignIn-module__marginInput___DhXR2 {
1995
- margin-bottom: var(--indent-base);
1996
- flex-shrink: 0;
1997
- }
1998
-
1999
- .KIT__SignIn-module__wrapperForms___XD4t9 {
2000
- width: 100%;
2001
- display: flex;
2002
- }
2003
-
2004
- .KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__passwordField___JDN8l,
2005
- .KIT__SignIn-module__wrapperForm___QHw6_ > div,
2006
- .KIT__SignIn-module__lostPsw___UZZrP {
2007
- width: calc(var(--full) - var(--indent-base-double));
2008
- }
2009
-
2010
- .KIT__SignIn-module__wrapperForm___QHw6_ {
2011
- flex-shrink: 0;
2012
- width: 100%;
2013
- display: flex;
2014
- flex-direction: column;
2015
- align-items: center;
2016
- transition: 0.5s;
2017
- }
2018
-
2019
- .KIT__SignIn-module__formOne___AFk7Y {
2020
- transform: translateX(0%);
2021
- transition: 0.5s;
2022
- }
2023
- .KIT__SignIn-module__formTwo___mCHk4 {
2024
- transition: 0.5s;
2025
- transform: translateX(-100%);
2026
- }
2027
- .KIT__SignIn-module__formThree___NlshF {
2028
- transition: 0.5s;
2029
- transform: translateX(-200%);
2030
- }
2031
-
2032
- .KIT__SignIn-module__lostPsw___UZZrP {
2033
- text-align: right;
2034
- color: var(--sign-in-modal-lost-password-color);
2035
- font-weight: 400;
2036
- font-size: 12px;
2037
- }
2038
-
2039
- .KIT__SignIn-module__dash___C4wzA {
2040
- width: calc(var(--full) - var(--indent-base-double));
2041
- margin-bottom: var(--indent-base);
2042
- border-bottom: 2px solid var(--border-color-gray);
2043
- }
2044
-
2045
- .KIT__SignIn-module__content___fTb1F .KIT__SignIn-module__btn___zszwq {
2046
- width: calc(var(--full) - var(--indent-base-double));
2047
- max-width: calc(var(--full) - var(--indent-base-double));
2048
- min-width: calc(var(--full) - var(--indent-base-double));
2049
- margin-bottom: var(--indent-base);
2050
- }
2051
-
2052
- .KIT__SignIn-module__btn___zszwq:last-child {
2053
- margin-bottom: 0;
2054
- }
2055
-
2056
- .KIT__SignIn-module__reg___y_Vwi {
2057
- opacity: 0.7;
2058
- }
2059
-
2060
- @media (min-width: 768px) {
2061
- .KIT__SignIn-module__wrapperSignInModal___It11Z {
2062
- width: 500px;
2063
- }
2064
- }
2065
-
2066
2066
  .KIT__Credentials-module__wrapperCredentials___AH3RX {
2067
2067
  display: flex;
2068
2068
  flex-direction: column;
@@ -2091,6 +2091,49 @@
2091
2091
  overflow: hidden;
2092
2092
  text-overflow: ellipsis;
2093
2093
  }
2094
+ .KIT__OneStepPrize-module__wrapper___VIWUr {
2095
+ height: 100%;
2096
+ width: 100%;
2097
+ display: flex;
2098
+ flex-direction: column;
2099
+ align-items: center;
2100
+ justify-content: center;
2101
+ gap: var(--indent-xxl);
2102
+ }
2103
+
2104
+ .KIT__OneStepPrize-module__prizeText___mM81Z {
2105
+ -o-object-fit: contain;
2106
+ object-fit: contain;
2107
+ --max-width: 70%;
2108
+ max-height: 320px;
2109
+ max-width: 70%;
2110
+ max-width: var(--max-width);
2111
+ }
2112
+
2113
+ .KIT__OneStepPrize-module__claimButton___Vxp6A {
2114
+ --width: 300px;
2115
+ --height: 45px;
2116
+ min-width: 300px;
2117
+ min-width: var(--width);
2118
+ max-width: 300px;
2119
+ max-width: var(--width);
2120
+ height: 45px;
2121
+ height: var(--height);
2122
+ font-weight: 700;
2123
+ color: var(--base-0);
2124
+ display: flex;
2125
+ align-items: center;
2126
+ justify-content: center;
2127
+ border-radius: var(--border-m);
2128
+ }
2129
+
2130
+ @media screen and (min-width: 768px) {
2131
+
2132
+ .KIT__OneStepPrize-module__claimButton___Vxp6A {
2133
+ --height: 55px;
2134
+ }
2135
+ }
2136
+
2094
2137
  .KIT__Alert-module__wrapperModal___lOle6 {
2095
2138
  width: 100%;
2096
2139
  height: 100%;
@@ -2246,6 +2289,28 @@
2246
2289
  -webkit-box-orient: vertical;
2247
2290
  }
2248
2291
 
2292
+ .KIT__BannerTemplate-module__top___nC_iH {
2293
+ display: flex;
2294
+ flex-direction: column;
2295
+ gap: var(--indent-m);
2296
+ }
2297
+
2298
+ .KIT__BannerTemplate-module__path____EgX8 {
2299
+ display: flex;
2300
+ align-items: center;
2301
+ gap: var(--indent-m);
2302
+ font-size: var(--font-size-s);
2303
+ color: rgb(var(--gray));
2304
+ }
2305
+
2306
+ .KIT__BannerTemplate-module__path____EgX8 .KIT__BannerTemplate-module__arrowSvg___LqErK {
2307
+ transform: rotate(90deg);
2308
+ }
2309
+
2310
+ .KIT__BannerTemplate-module__path____EgX8 .KIT__BannerTemplate-module__name___tdZJy {
2311
+ color: rgb(var(--white));
2312
+ }
2313
+
2249
2314
  @media screen and (min-width: 429px) {
2250
2315
  .KIT__BannerTemplate-module__wrapperBanner___vPzec {
2251
2316
  height: 200px;
@@ -2255,7 +2320,7 @@
2255
2320
  @media screen and (min-width: 1170px) {
2256
2321
  .KIT__BannerTemplate-module__wrapperBanner___vPzec {
2257
2322
  height: 300px;
2258
- padding: var(--indent-base-double)
2323
+ padding: var(--indent-base-double);
2259
2324
  }
2260
2325
 
2261
2326
  .KIT__BannerTemplate-module__title___Mriw5 {
@@ -2267,6 +2332,7 @@
2267
2332
  width: 60%;
2268
2333
  }
2269
2334
  }
2335
+
2270
2336
  .KIT__Banners-module__noMargin___sWCuQ {
2271
2337
  margin: 0;
2272
2338
  margin: initial;
@@ -2785,6 +2851,13 @@
2785
2851
  bottom: 0%;
2786
2852
  }
2787
2853
  }
2854
+ .KIT__HOCRequestLoader-module__loader___xFYfs {
2855
+ width: inherit;
2856
+ height: inherit;
2857
+ background-color: var(--hoc-request-loader-background-color);
2858
+ color: var(--hoc-request-loader-color);
2859
+ }
2860
+
2788
2861
  .KIT__MainLoader-module__wrapperMainLoader___m3z7o {
2789
2862
  width: 100%;
2790
2863
  height: 100%;
@@ -3162,6 +3235,7 @@
3162
3235
  height: 80px;
3163
3236
  height: var(--size);
3164
3237
  cursor: pointer;
3238
+ text-shadow: 0 5px 0 #290049, 0 6.38508px 11.706px #000000;
3165
3239
  }
3166
3240
 
3167
3241
  .KIT__Wheel-module__btnImg___rFBWp {
@@ -3180,7 +3254,6 @@
3180
3254
  font-weight: 900;
3181
3255
  font-size: var(--font-size-xxl);
3182
3256
  color: rgb(var(--white));
3183
- text-shadow: 0 5px 0 #290049, 0 6.38508px 11.706px #000000;
3184
3257
  }
3185
3258
 
3186
3259
  .KIT__Wheel-module__slotName___MqFJ9 {
@@ -3902,7 +3975,6 @@
3902
3975
  }
3903
3976
  .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__wrapperContent___hUZyt .KIT__BattlesCard-module__date___SNEuT {
3904
3977
  font-size: 12px;
3905
- color: rgba(255, 255, 255, 1);
3906
3978
  padding-left: 12px;
3907
3979
  }
3908
3980
  .KIT__BattlesCard-module__wrapperBattlesCard___Lj8jQ .KIT__BattlesCard-module__wrapperContent___hUZyt .KIT__BattlesCard-module__prizeWrapper___Tx_6u {
@@ -4123,9 +4195,9 @@
4123
4195
  }
4124
4196
 
4125
4197
  .KIT__BattleBanner-module__time___oaNuD .KIT__BattleBanner-module__countDownText___Bcsrt {
4126
- color: rgb(var(--white));
4198
+ color: var(--banner-count-down-color);
4127
4199
  font-size: var(--font-size-m);
4128
- font-size: 600;
4200
+ font-weight: 600;
4129
4201
  }
4130
4202
 
4131
4203
  .KIT__BattleBanner-module__time___oaNuD .KIT__BattleBanner-module__countDown___pr8hY {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-gldn-kit",
3
- "version": "0.1.10",
3
+ "version": "0.1.13",
4
4
  "description": "",
5
5
  "main": "./dist/index.js",
6
6
  "keywords": [],
@@ -13,10 +13,11 @@
13
13
  "publish": "npm i && npm run build && npm publish",
14
14
  "clear": "sudo rm -rf node_modules && npm i",
15
15
  "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",
16
+ "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",
16
17
  "add:react-l-b": " npm link ../../../../landing-builder/node_modules/react ../../../../landing-builder/node_modules/@types/react ../../../../landing-builder/node_modules/classnames ../../../../landing-builder/node_modules/react-dom ../../../../landing-builder/node_modules/@types/react-dom ../../../../landing-builder/node_modules/react-memory-optimization",
17
18
  "dev:kit": "sudo npm run add:react && npm run dev",
18
19
  "dev:kit-lb": "sudo npm run add:react-l-b && npm run dev",
19
- "dev:kit-win": "npm run add:react && rimraf ./dist/lib && tsc --build tsconfig.json && webpack --watch",
20
+ "dev:kit-win": "npm run add:react:win && rimraf ./dist/lib && tsc --build tsconfig.json && webpack --watch",
20
21
  "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",
21
22
  "dev:kit-lb:win": "npm run add:react-l-b:win && rimraf ./dist/lib && tsc --build tsconfig.json && webpack --watch"
22
23
  },