@opexa/portal-components 0.0.117 → 0.0.119

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 (203) hide show
  1. package/dist/client/hooks/index.d.ts +65 -0
  2. package/dist/client/hooks/index.js +65 -0
  3. package/dist/client/services/index.d.ts +4 -0
  4. package/dist/client/services/index.js +4 -0
  5. package/dist/client/utils/index.d.ts +3 -0
  6. package/dist/client/utils/index.js +3 -0
  7. package/dist/components/Bonus/Bonus.client.js +1 -1
  8. package/dist/components/Cashback/Cashback.client.js +1 -1
  9. package/dist/components/CashbackBonus/CashbackBonus.client.d.ts +2 -0
  10. package/dist/components/CashbackBonus/CashbackBonus.client.js +9 -0
  11. package/dist/components/CashbackBonus/CashbackBonus.d.ts +10 -0
  12. package/dist/components/CashbackBonus/CashbackBonus.js +5 -0
  13. package/dist/components/CashbackBonus/index.d.ts +1 -0
  14. package/dist/components/CashbackBonus/index.js +1 -0
  15. package/dist/components/CustomPromo/CustomPromo.d.ts +7 -0
  16. package/dist/components/CustomPromo/CustomPromo.js +11 -0
  17. package/dist/components/CustomPromo/index.d.ts +1 -0
  18. package/dist/components/CustomPromo/index.js +1 -0
  19. package/dist/components/Disclaimer/DisclaimerV2.js +1 -1
  20. package/dist/components/Empty.d.ts +9 -0
  21. package/dist/components/Empty.js +7 -0
  22. package/dist/components/GameLaunch/GameLaunch.lazy.js +1 -1
  23. package/dist/components/Games/GameContext.d.ts +2 -0
  24. package/dist/components/Games/GameContext.js +2 -0
  25. package/dist/components/GamesSearch/GamesSearch.js +1 -1
  26. package/dist/components/InfiniteScroll.d.ts +10 -0
  27. package/dist/components/InfiniteScroll.js +25 -0
  28. package/dist/components/JackpotCounter/JackpotCounter.client.d.ts +2 -0
  29. package/dist/components/JackpotCounter/JackpotCounter.client.js +66 -0
  30. package/dist/components/JackpotCounter/JackpotCounter.d.ts +17 -0
  31. package/dist/components/JackpotCounter/JackpotCounter.js +21 -0
  32. package/dist/components/JackpotCounter/JackpotCounterItem.d.ts +18 -0
  33. package/dist/components/JackpotCounter/JackpotCounterItem.js +109 -0
  34. package/dist/components/JackpotCounter/JackpotCounterItem.module.css +184 -0
  35. package/dist/components/JackpotCounter/index.d.ts +1 -0
  36. package/dist/components/JackpotCounter/index.js +1 -0
  37. package/dist/components/Jackpots/JackpotDesktop.d.ts +1 -0
  38. package/dist/components/Jackpots/JackpotDesktop.js +45 -0
  39. package/dist/components/Jackpots/JackpotGameProviders.d.ts +5 -0
  40. package/dist/components/Jackpots/JackpotGameProviders.js +41 -0
  41. package/dist/components/Jackpots/JackpotItemDesktop.d.ts +9 -0
  42. package/dist/components/Jackpots/JackpotItemDesktop.js +43 -0
  43. package/dist/components/Jackpots/JackpotItemMobile.d.ts +9 -0
  44. package/dist/components/Jackpots/JackpotItemMobile.js +44 -0
  45. package/dist/components/Jackpots/JackpotMobile.d.ts +1 -0
  46. package/dist/components/Jackpots/JackpotMobile.js +46 -0
  47. package/dist/components/Jackpots/JackpotRules.d.ts +5 -0
  48. package/dist/components/Jackpots/JackpotRules.js +11 -0
  49. package/dist/components/Jackpots/Jackpots.client.d.ts +2 -0
  50. package/dist/components/Jackpots/Jackpots.client.js +29 -0
  51. package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.module.css +184 -184
  52. package/dist/components/Jackpots/JackpotsContext.d.ts +4 -0
  53. package/dist/components/Jackpots/JackpotsContext.js +3 -0
  54. package/dist/components/Jackpots/JackpotsList/JackpotsListItem.module.css +184 -184
  55. package/dist/components/Jackpots/JackpotsList/JackpotsListItemRules.js +1 -1
  56. package/dist/components/Jackpots/useJackpotData.d.ts +14 -0
  57. package/dist/components/Jackpots/useJackpotData.js +93 -0
  58. package/dist/components/Jackpots/useJackpotItemData.d.ts +20 -0
  59. package/dist/components/Jackpots/useJackpotItemData.js +87 -0
  60. package/dist/components/KYC/Header.d.ts +1 -0
  61. package/dist/components/KYC/Header.js +8 -0
  62. package/dist/components/KYC/Step1.d.ts +1 -0
  63. package/dist/components/KYC/Step1.js +13 -0
  64. package/dist/components/KYC/Step2.d.ts +1 -0
  65. package/dist/components/KYC/Step2.js +13 -0
  66. package/dist/components/KYC/Step3.d.ts +1 -0
  67. package/dist/components/KYC/Step3.js +13 -0
  68. package/dist/components/KYC/Step4.d.ts +1 -0
  69. package/dist/components/KYC/Step4.js +7 -0
  70. package/dist/components/Messages/MessageItem.d.ts +4 -0
  71. package/dist/components/Messages/MessageItem.js +34 -0
  72. package/dist/components/News/News.js +1 -1
  73. package/dist/components/PortalProvider/WebVitals.d.ts +1 -0
  74. package/dist/components/PortalProvider/WebVitals.js +8 -0
  75. package/dist/components/Promo/Promo.client.js +1 -1
  76. package/dist/components/Promo/PromoContent.d.ts +2 -0
  77. package/dist/components/Promo/PromoContent.js +9 -0
  78. package/dist/components/Promos/Cashback.d.ts +1 -1
  79. package/dist/components/Promos/Cashback.js +1 -1
  80. package/dist/components/Promos/CustomPromo.d.ts +7 -0
  81. package/dist/components/Promos/CustomPromo.js +7 -0
  82. package/dist/components/Promos/Promo.js +1 -1
  83. package/dist/components/Promos/PromoCarousel.d.ts +2 -0
  84. package/dist/components/Promos/PromoCarousel.js +41 -0
  85. package/dist/components/Promos/PromoGrid.d.ts +2 -0
  86. package/dist/components/Promos/PromoGrid.js +12 -0
  87. package/dist/components/Promos/PromoItem.d.ts +7 -0
  88. package/dist/components/Promos/PromoItem.js +10 -0
  89. package/dist/components/Promos/PromosCarousel.d.ts +12 -0
  90. package/dist/components/Promos/PromosCarousel.js +7 -4
  91. package/dist/components/Promos/PromosGrid.d.ts +3 -0
  92. package/dist/components/Promos/PromosGrid.js +7 -4
  93. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.d.ts +4 -1
  94. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.js +25 -28
  95. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.d.ts +8 -0
  96. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.js +9 -0
  97. package/dist/components/Quests/OnboardingQuest/OnboardingQuest.d.ts +4 -1
  98. package/dist/components/Quests/OnboardingQuest/OnboardingQuest.js +3 -27
  99. package/dist/components/Quests/WageringQuest/WageringQuest.d.ts +4 -1
  100. package/dist/components/Quests/WageringQuest/WageringQuest.js +9 -12
  101. package/dist/components/Quests/WageringQuest/WageringQuestModal.d.ts +9 -0
  102. package/dist/components/Quests/WageringQuest/WageringQuestModal.js +9 -0
  103. package/dist/components/Search/Search.lazy.js +1 -1
  104. package/dist/components/SignIn/MobileNumberSignIn.js +1 -1
  105. package/dist/components/SignIn/NameAndPasswordSignIn.js +1 -1
  106. package/dist/components/SignIn/SignIn.lazy.d.ts +1 -0
  107. package/dist/components/SignIn/SignIn.lazy.js +2 -1
  108. package/dist/components/SignUp/SignUp.lazy.d.ts +1 -0
  109. package/dist/components/SignUp/SignUp.lazy.js +2 -1
  110. package/dist/components/SignUp/SignUpForm.js +1 -1
  111. package/dist/components/TournamentCounter/TournamentCounter.client.d.ts +2 -0
  112. package/dist/components/TournamentCounter/TournamentCounter.client.js +50 -0
  113. package/dist/components/TournamentCounter/TournamentCounter.d.ts +8 -0
  114. package/dist/components/TournamentCounter/TournamentCounter.js +21 -0
  115. package/dist/components/TournamentCounter/TournamentCounterItem.d.ts +8 -0
  116. package/dist/components/TournamentCounter/TournamentCounterItem.js +106 -0
  117. package/dist/components/TournamentCounter/index.d.ts +1 -0
  118. package/dist/components/TournamentCounter/index.js +1 -0
  119. package/dist/components/Tournaments/TournamentDesktop.d.ts +1 -0
  120. package/dist/components/Tournaments/TournamentDesktop.js +57 -0
  121. package/dist/components/Tournaments/TournamentGameProviders.d.ts +5 -0
  122. package/dist/components/Tournaments/TournamentGameProviders.js +38 -0
  123. package/dist/components/Tournaments/TournamentItemDesktop.d.ts +7 -0
  124. package/dist/components/Tournaments/TournamentItemDesktop.js +56 -0
  125. package/dist/components/Tournaments/TournamentItemMobile.d.ts +7 -0
  126. package/dist/components/Tournaments/TournamentItemMobile.js +54 -0
  127. package/dist/components/Tournaments/TournamentMobile.d.ts +1 -0
  128. package/dist/components/Tournaments/TournamentMobile.js +55 -0
  129. package/dist/components/Tournaments/TournamentRules.d.ts +5 -0
  130. package/dist/components/Tournaments/TournamentRules.js +11 -0
  131. package/dist/components/Tournaments/Tournaments.client.d.ts +2 -0
  132. package/dist/components/Tournaments/Tournaments.client.js +20 -0
  133. package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselItem.module.css +184 -184
  134. package/dist/components/Tournaments/TournamentsContext.d.ts +4 -0
  135. package/dist/components/Tournaments/TournamentsContext.js +3 -0
  136. package/dist/components/Tournaments/TournamentsList/TournamentItem.module.css +184 -184
  137. package/dist/components/Tournaments/TournamentsList/TournamentsListItemRules.js +1 -1
  138. package/dist/components/Tournaments/useTournamentData.d.ts +10 -0
  139. package/dist/components/Tournaments/useTournamentData.js +72 -0
  140. package/dist/components/Tournaments/useTournamentItemData.d.ts +16 -0
  141. package/dist/components/Tournaments/useTournamentItemData.js +64 -0
  142. package/dist/components/index.d.ts +33 -0
  143. package/dist/components/index.js +33 -0
  144. package/dist/constants/endpoints.d.ts +10 -0
  145. package/dist/constants/endpoints.js +41 -0
  146. package/dist/constants/envVars.d.ts +5 -0
  147. package/dist/constants/envVars.js +28 -0
  148. package/dist/constants/gameProviders.d.ts +4 -0
  149. package/dist/constants/gameProviders.js +368 -0
  150. package/dist/constants/gameTypes.d.ts +3 -0
  151. package/dist/constants/gameTypes.js +64 -0
  152. package/dist/constants/headerKeys.d.ts +2 -0
  153. package/dist/constants/headerKeys.js +2 -0
  154. package/dist/constants/secretQuestions.d.ts +3 -0
  155. package/dist/constants/secretQuestions.js +24 -0
  156. package/dist/constants/storageKeys.d.ts +2 -0
  157. package/dist/constants/storageKeys.js +2 -0
  158. package/dist/icons/index.d.ts +65 -0
  159. package/dist/icons/index.js +65 -0
  160. package/dist/images/hacksaw-gaming.png +0 -0
  161. package/dist/server/services/index.d.ts +4 -0
  162. package/dist/server/services/index.js +4 -0
  163. package/dist/server/utils/index.d.ts +29 -0
  164. package/dist/server/utils/index.js +29 -0
  165. package/dist/services/queries.js +2369 -2369
  166. package/dist/styles/theme.css +699 -699
  167. package/dist/types/index.d.ts +7 -0
  168. package/dist/ui/AlertDialog/AlertDialog.d.ts +55 -55
  169. package/dist/ui/Badge/Badge.d.ts +12 -12
  170. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  171. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  172. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  173. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  174. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  175. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  176. package/dist/ui/Dialog/Dialog.d.ts +55 -55
  177. package/dist/ui/Dialog/dialog.recipe.d.ts +5 -5
  178. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  179. package/dist/ui/Menu/Menu.d.ts +307 -307
  180. package/dist/ui/Menu/menu.recipe.d.ts +8 -8
  181. package/dist/ui/Presence.d.ts +2 -0
  182. package/dist/ui/Presence.js +7 -0
  183. package/dist/ui/Prose.d.ts +2 -0
  184. package/dist/ui/Prose.js +5 -0
  185. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  186. package/dist/ui/Table/Table.d.ts +21 -21
  187. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  188. package/dist/ui/Table/table.recipe.d.ts +3 -3
  189. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  190. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  191. package/dist/ui/index.d.ts +26 -0
  192. package/dist/ui/index.js +26 -0
  193. package/dist/utils/index.d.ts +17 -0
  194. package/dist/utils/index.js +17 -0
  195. package/dist/utils/isMobile.d.ts +5 -0
  196. package/dist/utils/isMobile.js +9 -0
  197. package/package.json +163 -163
  198. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestRules.d.ts +0 -6
  199. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestRules.js +0 -15
  200. package/dist/components/Quests/OnboardingQuest/OnboardingQuestRules.d.ts +0 -6
  201. package/dist/components/Quests/OnboardingQuest/OnboardingQuestRules.js +0 -15
  202. package/dist/components/Quests/WageringQuest/WageringQuestRules.d.ts +0 -7
  203. package/dist/components/Quests/WageringQuest/WageringQuestRules.js +0 -17
@@ -0,0 +1,4 @@
1
+ import type { Tournament } from '@opexa/portal-sdk-core';
2
+ import type { TournamentsProps } from './Tournaments';
3
+ export declare const TournamentsPropsContext: import("react").Context<TournamentsProps>, useTournamentsPropsContext: () => TournamentsProps;
4
+ export declare const TournamentContext: import("react").Context<Tournament>, useTournamentContext: () => Tournament;
@@ -0,0 +1,3 @@
1
+ import { createContext } from '../../client/utils/index.js';
2
+ export const [TournamentsPropsContext, useTournamentsPropsContext] = createContext();
3
+ export const [TournamentContext, useTournamentContext] = createContext();
@@ -1,184 +1,184 @@
1
- @keyframes arrow-green-flash {
2
- 0% {
3
- color: #abefc6;
4
- }
5
- 100% {
6
- color: #079455;
7
- }
8
- }
9
-
10
- .animate-arrow-green-flash-1 {
11
- animation: arrow-green-flash 0.4s infinite;
12
- animation-delay: -0.2s;
13
- }
14
-
15
- .animate-arrow-green-flash-2 {
16
- animation: arrow-green-flash 0.4s infinite;
17
- animation-delay: -0.1s;
18
- }
19
-
20
- .animate-arrow-green-flash-3 {
21
- animation: arrow-green-flash 0.4s infinite;
22
- }
23
-
24
- @keyframes arrow-red-flash {
25
- 0%,
26
- 100% {
27
- color: #f97066;
28
- }
29
- 50% {
30
- color: #fecdca;
31
- }
32
- }
33
-
34
- .animate-arrow-red-flash-1 {
35
- animation: arrow-red-flash 0.4s infinite;
36
- }
37
-
38
- .animate-arrow-red-flash-2 {
39
- animation: arrow-red-flash 0.4s infinite;
40
- animation-delay: -0.1s;
41
- }
42
-
43
- .animate-arrow-red-flash-3 {
44
- animation: arrow-red-flash 0.4s infinite;
45
- animation-delay: -0.2s;
46
- }
47
-
48
- /* Animated BG */
49
- @keyframes rotate {
50
- to {
51
- transform: rotate(1turn);
52
- }
53
- }
54
-
55
- .light-rays {
56
- position: absolute;
57
- top: 0;
58
- left: 0;
59
- right: 0;
60
- bottom: 0;
61
- overflow: hidden;
62
-
63
- --first: var(--color-bg-tertiary);
64
- --second: var(--color-bg-quaternary);
65
- }
66
-
67
- .light-rays::before,
68
- .light-rays::after {
69
- content: '';
70
- position: absolute;
71
- top: var(--light-rays-top, 150px);
72
- left: calc(50% - 90px);
73
- margin: -100vmax;
74
- width: 200vmax;
75
- height: 200vmax;
76
- opacity: 0.6;
77
- transform-origin: center;
78
- }
79
-
80
- .light-rays::before {
81
- background: conic-gradient(
82
- var(--first) 0deg 7.2deg,
83
- var(--second) 7.2deg 14.4deg,
84
- var(--first) 14.4deg 21.6deg,
85
- var(--second) 21.6deg 28.8deg,
86
- var(--first) 28.8deg 36deg,
87
- var(--second) 36deg 43.2deg,
88
- var(--first) 43.2deg 50.4deg,
89
- var(--second) 50.4deg 57.6deg,
90
- var(--first) 57.6deg 64.8deg,
91
- var(--second) 64.8deg 72deg,
92
- var(--first) 72deg 79.2deg,
93
- var(--second) 79.2deg 86.4deg,
94
- var(--first) 86.4deg 93.6deg,
95
- var(--second) 93.6deg 100.8deg,
96
- var(--first) 100.8deg 108deg,
97
- var(--second) 108deg 115.2deg,
98
- var(--first) 115.2deg 122.4deg,
99
- var(--second) 122.4deg 129.6deg,
100
- var(--first) 129.6deg 136.8deg,
101
- var(--second) 136.8deg 144deg,
102
- var(--first) 144deg 151.2deg,
103
- var(--second) 151.2deg 158.4deg,
104
- var(--first) 158.4deg 165.6deg,
105
- var(--second) 165.6deg 172.8deg,
106
- var(--first) 172.8deg 180deg,
107
- var(--second) 180deg 187.2deg,
108
- var(--first) 187.2deg 194.4deg,
109
- var(--second) 194.4deg 201.6deg,
110
- var(--first) 201.6deg 208.8deg,
111
- var(--second) 208.8deg 216deg,
112
- var(--first) 216deg 223.2deg,
113
- var(--second) 223.2deg 230.4deg,
114
- var(--first) 230.4deg 237.6deg,
115
- var(--second) 237.6deg 244.8deg,
116
- var(--first) 244.8deg 252deg,
117
- var(--second) 252deg 259.2deg,
118
- var(--first) 259.2deg 266.4deg,
119
- var(--second) 266.4deg 273.6deg,
120
- var(--first) 273.6deg 280.8deg,
121
- var(--second) 280.8deg 288deg,
122
- var(--first) 288deg 295.2deg,
123
- var(--second) 295.2deg 302.4deg,
124
- var(--first) 302.4deg 309.6deg,
125
- var(--second) 309.6deg 316.8deg,
126
- var(--first) 316.8deg 324deg,
127
- var(--second) 324deg 331.2deg,
128
- var(--first) 331.2deg 338.4deg,
129
- var(--second) 338.4deg 345.6deg,
130
- var(--first) 345.6deg 352.8deg,
131
- var(--second) 352.8deg 360deg
132
- );
133
- animation: rotate 20s linear infinite;
134
- }
135
-
136
- @media (max-width: 1024px) {
137
- .light-rays::before,
138
- .light-rays::after {
139
- left: auto;
140
- right: 11%;
141
- }
142
- }
143
-
144
- /* ScrollArea.module.css */
145
- .scrollArea {
146
- overflow-y: scroll;
147
- padding-right: 4px;
148
- }
149
-
150
- /* WebKit-based browsers */
151
- .scrollArea::-webkit-scrollbar {
152
- width: 8px;
153
- }
154
-
155
- .scrollArea::-webkit-scrollbar-track {
156
- background: var(--color-bg-primary-alt);
157
- border-radius: 9999px;
158
- }
159
-
160
- .scrollArea::-webkit-scrollbar-thumb {
161
- background-color: var(--color-bg-quaternary);
162
- border-radius: 9999px;
163
- }
164
-
165
- @keyframes waveColor {
166
- 0%,
167
- 2.5% {
168
- color: var(--wave-highlight-color);
169
- }
170
- 2.51%,
171
- 100% {
172
- color: var(--color-brand-300);
173
- }
174
- }
175
-
176
- .animate-wave-color-success {
177
- --wave-highlight-color: var(--color-success-800);
178
- animation: waveColor 4s ease-in-out infinite;
179
- }
180
-
181
- .animate-wave-color-error {
182
- --wave-highlight-color: var(--color-error-600);
183
- animation: waveColor 4s ease-in-out infinite;
184
- }
1
+ @keyframes arrow-green-flash {
2
+ 0% {
3
+ color: #abefc6;
4
+ }
5
+ 100% {
6
+ color: #079455;
7
+ }
8
+ }
9
+
10
+ .animate-arrow-green-flash-1 {
11
+ animation: arrow-green-flash 0.4s infinite;
12
+ animation-delay: -0.2s;
13
+ }
14
+
15
+ .animate-arrow-green-flash-2 {
16
+ animation: arrow-green-flash 0.4s infinite;
17
+ animation-delay: -0.1s;
18
+ }
19
+
20
+ .animate-arrow-green-flash-3 {
21
+ animation: arrow-green-flash 0.4s infinite;
22
+ }
23
+
24
+ @keyframes arrow-red-flash {
25
+ 0%,
26
+ 100% {
27
+ color: #f97066;
28
+ }
29
+ 50% {
30
+ color: #fecdca;
31
+ }
32
+ }
33
+
34
+ .animate-arrow-red-flash-1 {
35
+ animation: arrow-red-flash 0.4s infinite;
36
+ }
37
+
38
+ .animate-arrow-red-flash-2 {
39
+ animation: arrow-red-flash 0.4s infinite;
40
+ animation-delay: -0.1s;
41
+ }
42
+
43
+ .animate-arrow-red-flash-3 {
44
+ animation: arrow-red-flash 0.4s infinite;
45
+ animation-delay: -0.2s;
46
+ }
47
+
48
+ /* Animated BG */
49
+ @keyframes rotate {
50
+ to {
51
+ transform: rotate(1turn);
52
+ }
53
+ }
54
+
55
+ .light-rays {
56
+ position: absolute;
57
+ top: 0;
58
+ left: 0;
59
+ right: 0;
60
+ bottom: 0;
61
+ overflow: hidden;
62
+
63
+ --first: var(--color-bg-tertiary);
64
+ --second: var(--color-bg-quaternary);
65
+ }
66
+
67
+ .light-rays::before,
68
+ .light-rays::after {
69
+ content: '';
70
+ position: absolute;
71
+ top: var(--light-rays-top, 150px);
72
+ left: calc(50% - 90px);
73
+ margin: -100vmax;
74
+ width: 200vmax;
75
+ height: 200vmax;
76
+ opacity: 0.6;
77
+ transform-origin: center;
78
+ }
79
+
80
+ .light-rays::before {
81
+ background: conic-gradient(
82
+ var(--first) 0deg 7.2deg,
83
+ var(--second) 7.2deg 14.4deg,
84
+ var(--first) 14.4deg 21.6deg,
85
+ var(--second) 21.6deg 28.8deg,
86
+ var(--first) 28.8deg 36deg,
87
+ var(--second) 36deg 43.2deg,
88
+ var(--first) 43.2deg 50.4deg,
89
+ var(--second) 50.4deg 57.6deg,
90
+ var(--first) 57.6deg 64.8deg,
91
+ var(--second) 64.8deg 72deg,
92
+ var(--first) 72deg 79.2deg,
93
+ var(--second) 79.2deg 86.4deg,
94
+ var(--first) 86.4deg 93.6deg,
95
+ var(--second) 93.6deg 100.8deg,
96
+ var(--first) 100.8deg 108deg,
97
+ var(--second) 108deg 115.2deg,
98
+ var(--first) 115.2deg 122.4deg,
99
+ var(--second) 122.4deg 129.6deg,
100
+ var(--first) 129.6deg 136.8deg,
101
+ var(--second) 136.8deg 144deg,
102
+ var(--first) 144deg 151.2deg,
103
+ var(--second) 151.2deg 158.4deg,
104
+ var(--first) 158.4deg 165.6deg,
105
+ var(--second) 165.6deg 172.8deg,
106
+ var(--first) 172.8deg 180deg,
107
+ var(--second) 180deg 187.2deg,
108
+ var(--first) 187.2deg 194.4deg,
109
+ var(--second) 194.4deg 201.6deg,
110
+ var(--first) 201.6deg 208.8deg,
111
+ var(--second) 208.8deg 216deg,
112
+ var(--first) 216deg 223.2deg,
113
+ var(--second) 223.2deg 230.4deg,
114
+ var(--first) 230.4deg 237.6deg,
115
+ var(--second) 237.6deg 244.8deg,
116
+ var(--first) 244.8deg 252deg,
117
+ var(--second) 252deg 259.2deg,
118
+ var(--first) 259.2deg 266.4deg,
119
+ var(--second) 266.4deg 273.6deg,
120
+ var(--first) 273.6deg 280.8deg,
121
+ var(--second) 280.8deg 288deg,
122
+ var(--first) 288deg 295.2deg,
123
+ var(--second) 295.2deg 302.4deg,
124
+ var(--first) 302.4deg 309.6deg,
125
+ var(--second) 309.6deg 316.8deg,
126
+ var(--first) 316.8deg 324deg,
127
+ var(--second) 324deg 331.2deg,
128
+ var(--first) 331.2deg 338.4deg,
129
+ var(--second) 338.4deg 345.6deg,
130
+ var(--first) 345.6deg 352.8deg,
131
+ var(--second) 352.8deg 360deg
132
+ );
133
+ animation: rotate 20s linear infinite;
134
+ }
135
+
136
+ @media (max-width: 1024px) {
137
+ .light-rays::before,
138
+ .light-rays::after {
139
+ left: auto;
140
+ right: 11%;
141
+ }
142
+ }
143
+
144
+ /* ScrollArea.module.css */
145
+ .scrollArea {
146
+ overflow-y: scroll;
147
+ padding-right: 4px;
148
+ }
149
+
150
+ /* WebKit-based browsers */
151
+ .scrollArea::-webkit-scrollbar {
152
+ width: 8px;
153
+ }
154
+
155
+ .scrollArea::-webkit-scrollbar-track {
156
+ background: var(--color-bg-primary-alt);
157
+ border-radius: 9999px;
158
+ }
159
+
160
+ .scrollArea::-webkit-scrollbar-thumb {
161
+ background-color: var(--color-bg-quaternary);
162
+ border-radius: 9999px;
163
+ }
164
+
165
+ @keyframes waveColor {
166
+ 0%,
167
+ 2.5% {
168
+ color: var(--wave-highlight-color);
169
+ }
170
+ 2.51%,
171
+ 100% {
172
+ color: var(--color-brand-300);
173
+ }
174
+ }
175
+
176
+ .animate-wave-color-success {
177
+ --wave-highlight-color: var(--color-success-800);
178
+ animation: waveColor 4s ease-in-out infinite;
179
+ }
180
+
181
+ .animate-wave-color-error {
182
+ --wave-highlight-color: var(--color-error-600);
183
+ animation: waveColor 4s ease-in-out infinite;
184
+ }
@@ -6,5 +6,5 @@ import { Portal } from '../../../ui/Portal/index.js';
6
6
  import { useTournamentsListItemContext } from './TournamentsListContext.js';
7
7
  export function TournamentsListItemRules(props) {
8
8
  const tournament = useTournamentsListItemContext();
9
- return (_jsxs(Dialog.Root, { lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: [_jsx(Dialog.Trigger, { asChild: true, children: props.children ?? (_jsx("button", { type: "button", className: "text-button-tertiary-fg flex text-sm font-semibold", children: "Tournament Rules" })) }), _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt mx-auto h-full w-full items-start lg:h-auto lg:w-[640px] lg:rounded-xl", children: [_jsxs("div", { className: "p-3xl", children: [_jsxs("div", { className: "mb-3 flex justify-between", children: [_jsx("div", { className: "bg-bg-tertiary border-border-primary flex h-12 w-12 items-center justify-center rounded-lg border", children: _jsx(Flag06Icon, { className: "text-text-tertiary-600 size-full p-3" }) }), _jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) })] }), _jsx("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Tournament Rules" }), _jsx("div", { className: "text-text-tertiary-600 mt-1 text-sm", children: "Terms and Conditions" })] }), _jsx("div", { className: "border-gray-800 border-t-1 pb-3", children: _jsx("div", { dangerouslySetInnerHTML: { __html: tournament.description }, className: "px-3xl py-3" }) })] }) })] })] }));
9
+ return (_jsxs(Dialog.Root, { lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: [_jsx(Dialog.Trigger, { asChild: true, children: props.children ?? (_jsx("button", { type: "button", className: "text-button-tertiary-fg flex text-sm font-semibold", children: "Tournament Rules" })) }), _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "mx-auto h-full w-full items-start lg:h-auto lg:w-[640px] lg:rounded-xl", children: [_jsxs("div", { className: "p-3xl", children: [_jsxs("div", { className: "mb-3 flex justify-between", children: [_jsx("div", { className: "bg-bg-tertiary border-border-primary flex h-12 w-12 items-center justify-center rounded-lg border", children: _jsx(Flag06Icon, { className: "text-text-tertiary-600 size-full p-3" }) }), _jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) })] }), _jsx("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Tournament Rules" }), _jsx("div", { className: "text-text-tertiary-600 mt-1 text-sm", children: "Terms and Conditions" })] }), _jsx("div", { className: "border-gray-800 border-t-1 pb-3", children: _jsx("div", { dangerouslySetInnerHTML: { __html: tournament.description }, className: "px-3xl py-3" }) })] }) })] })] }));
10
10
  }
@@ -0,0 +1,10 @@
1
+ export declare function useTournamentData(): {
2
+ timeParts: {
3
+ label: string;
4
+ value: number;
5
+ }[];
6
+ tournamentReward: number;
7
+ prizeAmountsByRank: number[];
8
+ filteredGameProviders: import("../../types").GameProviderData[];
9
+ localeInfo: import("../../utils").LocaleInfo;
10
+ };
@@ -0,0 +1,72 @@
1
+ // useJackpotItemData.ts
2
+ import { pick } from 'lodash-es';
3
+ import React, { useEffect, useMemo, useState } from 'react';
4
+ import { useLocaleInfo } from '../../client/hooks/index.js';
5
+ import { GAME_PROVIDER_DATA } from '../../constants/index.js';
6
+ import { useTournamentContext, useTournamentsPropsContext, } from './TournamentsContext.js';
7
+ export function useTournamentData() {
8
+ const tournamentsProps = useTournamentsPropsContext();
9
+ const tournament = useTournamentContext();
10
+ const gameProviders = tournamentsProps.gameProviders.map((provider) => GAME_PROVIDER_DATA[provider]);
11
+ const localeInfo = useLocaleInfo();
12
+ const [timeRemaining, setTimeRemaining] = useState({
13
+ days: 0,
14
+ hours: 0,
15
+ minutes: 0,
16
+ seconds: 0,
17
+ isPast: false,
18
+ });
19
+ const activationEndDateTime = useMemo(() => new Date(tournament.activationEndDateTime), [tournament.activationEndDateTime]);
20
+ const calculateRemainingTime = React.useCallback(() => {
21
+ const now = new Date();
22
+ const diffMs = activationEndDateTime.getTime() - now.getTime();
23
+ if (diffMs <= 0) {
24
+ setTimeRemaining({
25
+ days: 0,
26
+ hours: 0,
27
+ minutes: 0,
28
+ seconds: 0,
29
+ isPast: true,
30
+ });
31
+ return;
32
+ }
33
+ const diffSeconds = Math.floor(diffMs / 1000);
34
+ const days = Math.floor(diffSeconds / (3600 * 24));
35
+ const hours = Math.floor((diffSeconds % (3600 * 24)) / 3600);
36
+ const minutes = Math.floor((diffSeconds % 3600) / 60);
37
+ const seconds = diffSeconds % 60;
38
+ const updated = pick({ days, hours, minutes, seconds, isPast: false }, [
39
+ 'days',
40
+ 'hours',
41
+ 'minutes',
42
+ 'seconds',
43
+ 'isPast',
44
+ ]);
45
+ setTimeRemaining(updated);
46
+ }, [activationEndDateTime]);
47
+ useEffect(() => {
48
+ calculateRemainingTime();
49
+ const interval = setInterval(calculateRemainingTime, 1000); // Update every second
50
+ return () => clearInterval(interval);
51
+ }, [activationEndDateTime, calculateRemainingTime]);
52
+ const timeParts = [
53
+ { label: 'Day', value: timeRemaining.days },
54
+ { label: 'Hour', value: timeRemaining.hours },
55
+ { label: 'Min', value: timeRemaining.minutes },
56
+ { label: 'Sec', value: timeRemaining.seconds },
57
+ ];
58
+ const tournamentReward = Object.values(tournament.rewardSettings)
59
+ .map(Number)
60
+ .reduce((sum, val) => sum + val, 0);
61
+ const prizeAmountsByRank = Object.values(tournament.rewardSettings).map(Number);
62
+ const filteredGameProviders = gameProviders.filter((provider) => {
63
+ return tournament.enabledGameProviders.includes(provider.id);
64
+ });
65
+ return {
66
+ timeParts,
67
+ tournamentReward,
68
+ prizeAmountsByRank,
69
+ filteredGameProviders,
70
+ localeInfo,
71
+ };
72
+ }
@@ -0,0 +1,16 @@
1
+ import type { Tournament } from '@opexa/portal-sdk-core';
2
+ import type { GameProviderData } from '../../types';
3
+ export interface TournamentItemProps {
4
+ tournament: Tournament;
5
+ gameProviders: GameProviderData[];
6
+ }
7
+ export declare function useTournamentItemData({ tournament, gameProviders, }: TournamentItemProps): {
8
+ timeParts: {
9
+ label: string;
10
+ value: number;
11
+ }[];
12
+ tournamentReward: number;
13
+ prizeAmountsByRank: number[];
14
+ filteredGameProviders: GameProviderData[];
15
+ localeInfo: import("../../utils").LocaleInfo;
16
+ };
@@ -0,0 +1,64 @@
1
+ import { pick } from 'lodash-es';
2
+ import React, { useEffect, useMemo, useState } from 'react';
3
+ import { useLocaleInfo } from '../../client/hooks/index.js';
4
+ export function useTournamentItemData({ tournament, gameProviders, }) {
5
+ const localeInfo = useLocaleInfo();
6
+ const [timeRemaining, setTimeRemaining] = useState({
7
+ days: 0,
8
+ hours: 0,
9
+ minutes: 0,
10
+ seconds: 0,
11
+ isPast: false,
12
+ });
13
+ const activationEndDateTime = useMemo(() => new Date(tournament.activationEndDateTime), [tournament.activationEndDateTime]);
14
+ const calculateRemainingTime = React.useCallback(() => {
15
+ const now = new Date();
16
+ const diffMs = activationEndDateTime.getTime() - now.getTime();
17
+ if (diffMs <= 0) {
18
+ setTimeRemaining({
19
+ days: 0,
20
+ hours: 0,
21
+ minutes: 0,
22
+ seconds: 0,
23
+ isPast: true,
24
+ });
25
+ return;
26
+ }
27
+ const diffSeconds = Math.floor(diffMs / 1000);
28
+ const days = Math.floor(diffSeconds / (3600 * 24));
29
+ const hours = Math.floor((diffSeconds % (3600 * 24)) / 3600);
30
+ const minutes = Math.floor((diffSeconds % 3600) / 60);
31
+ const seconds = diffSeconds % 60;
32
+ const updated = pick({ days, hours, minutes, seconds, isPast: false }, [
33
+ 'days',
34
+ 'hours',
35
+ 'minutes',
36
+ 'seconds',
37
+ 'isPast',
38
+ ]);
39
+ setTimeRemaining(updated);
40
+ }, [activationEndDateTime]);
41
+ useEffect(() => {
42
+ calculateRemainingTime();
43
+ const interval = setInterval(calculateRemainingTime, 1000); // Update every second
44
+ return () => clearInterval(interval);
45
+ }, [activationEndDateTime, calculateRemainingTime]);
46
+ const timeParts = [
47
+ { label: 'Day', value: timeRemaining.days },
48
+ { label: 'Hour', value: timeRemaining.hours },
49
+ { label: 'Min', value: timeRemaining.minutes },
50
+ { label: 'Sec', value: timeRemaining.seconds },
51
+ ];
52
+ const tournamentReward = Object.values(tournament.rewardSettings)
53
+ .map(Number)
54
+ .reduce((sum, val) => sum + val, 0);
55
+ const prizeAmountsByRank = Object.values(tournament.rewardSettings).map(Number);
56
+ const filteredGameProviders = gameProviders.filter((provider) => tournament.enabledGameProviders.includes(provider.id));
57
+ return {
58
+ timeParts,
59
+ tournamentReward,
60
+ prizeAmountsByRank,
61
+ filteredGameProviders,
62
+ localeInfo,
63
+ };
64
+ }
@@ -0,0 +1,33 @@
1
+ export * from './Account';
2
+ export * from './AccountInfo';
3
+ export * from './AccountSecurity';
4
+ export * from './AccountVerification';
5
+ export * from './Banner';
6
+ export * from './BetRecords';
7
+ export * from './Bonus';
8
+ export * from './Bonuses';
9
+ export * from './Cashback';
10
+ export * from './DepositWithdrawal';
11
+ export * from './Disclaimer';
12
+ export * from './FavoriteGames';
13
+ export * from './GameLaunch';
14
+ export * from './GameProviders';
15
+ export * from './Games';
16
+ export * from './GamesSearch';
17
+ export * from './JackpotCounter';
18
+ export * from './Jackpots';
19
+ export * from './KYC';
20
+ export * from './Marquee';
21
+ export * from './Messages';
22
+ export * from './PortalProvider';
23
+ export * from './Promo';
24
+ export * from './Promos';
25
+ export * from './Protected';
26
+ export * from './Quests';
27
+ export * from './Search';
28
+ export * from './SignIn';
29
+ export * from './SignUp';
30
+ export * from './TopWins';
31
+ export * from './TournamentCounter';
32
+ export * from './Tournaments';
33
+ export * from './TransactionRecords';
@@ -0,0 +1,33 @@
1
+ export * from './Account/index.js';
2
+ export * from './AccountInfo/index.js';
3
+ export * from './AccountSecurity/index.js';
4
+ export * from './AccountVerification/index.js';
5
+ export * from './Banner/index.js';
6
+ export * from './BetRecords/index.js';
7
+ export * from './Bonus/index.js';
8
+ export * from './Bonuses/index.js';
9
+ export * from './Cashback/index.js';
10
+ export * from './DepositWithdrawal/index.js';
11
+ export * from './Disclaimer/index.js';
12
+ export * from './FavoriteGames/index.js';
13
+ export * from './GameLaunch/index.js';
14
+ export * from './GameProviders/index.js';
15
+ export * from './Games/index.js';
16
+ export * from './GamesSearch/index.js';
17
+ export * from './JackpotCounter/index.js';
18
+ export * from './Jackpots/index.js';
19
+ export * from './KYC/index.js';
20
+ export * from './Marquee/index.js';
21
+ export * from './Messages/index.js';
22
+ export * from './PortalProvider/index.js';
23
+ export * from './Promo/index.js';
24
+ export * from './Promos/index.js';
25
+ export * from './Protected/index.js';
26
+ export * from './Quests/index.js';
27
+ export * from './Search/index.js';
28
+ export * from './SignIn/index.js';
29
+ export * from './SignUp/index.js';
30
+ export * from './TopWins/index.js';
31
+ export * from './TournamentCounter/index.js';
32
+ export * from './Tournaments/index.js';
33
+ export * from './TransactionRecords/index.js';
@@ -0,0 +1,10 @@
1
+ export declare const ACCOUNT_GRAPHQL_ENDPOINT: string;
2
+ export declare const FILE_GRAPHQL_ENDPOINT: string;
3
+ export declare const GAME_GRAPHQL_ENDPOINT: string;
4
+ export declare const PORTAL_GRAPHQL_ENDPOINT: string;
5
+ export declare const REPORT_GRAPHQL_ENDPOINT: string;
6
+ export declare const TRIGGER_GRAPHQL_ENDPOINT: string;
7
+ export declare const WALLET_GRAPHQL_ENDPOINT: string;
8
+ export declare const AUTH_ENDPOINT: string;
9
+ export declare const CMS_PORTAL_ENDPOINT: string;
10
+ export declare const STATIC_ENDPOINT: string;