@opexa/portal-components 0.0.190 → 0.0.193

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 (215) 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/hooks/useCreateLibanganDepositMutation.d.ts +4 -0
  4. package/dist/client/hooks/useCreateLibanganDepositMutation.js +73 -0
  5. package/dist/client/hooks/useCreateVentajaWithdrawalMutation.d.ts +4 -0
  6. package/dist/client/hooks/useCreateVentajaWithdrawalMutation.js +28 -0
  7. package/dist/client/services/index.d.ts +4 -0
  8. package/dist/client/services/index.js +4 -0
  9. package/dist/client/utils/index.d.ts +3 -0
  10. package/dist/client/utils/index.js +3 -0
  11. package/dist/components/Bonus/Bonus.client.js +1 -1
  12. package/dist/components/Cashback/Cashback.client.js +1 -1
  13. package/dist/components/CashbackBonus/CashbackBonus.client.d.ts +2 -0
  14. package/dist/components/CashbackBonus/CashbackBonus.client.js +9 -0
  15. package/dist/components/CashbackBonus/CashbackBonus.d.ts +10 -0
  16. package/dist/components/CashbackBonus/CashbackBonus.js +5 -0
  17. package/dist/components/CashbackBonus/index.d.ts +1 -0
  18. package/dist/components/CashbackBonus/index.js +1 -0
  19. package/dist/components/CustomPromo/CustomPromo.js +1 -1
  20. package/dist/components/DepositWithdrawal/Deposit/Deposit.js +8 -1
  21. package/dist/components/DepositWithdrawal/Deposit/LibanganDeposit/LibanganDeposit.d.ts +1 -0
  22. package/dist/components/DepositWithdrawal/Deposit/LibanganDeposit/LibanganDeposit.js +175 -0
  23. package/dist/components/DepositWithdrawal/PaymentMethods.js +7 -1
  24. package/dist/components/DepositWithdrawal/Withdrawal/VentajaWithdrawal/VentajaWithdrawal.d.ts +1 -0
  25. package/dist/components/DepositWithdrawal/Withdrawal/VentajaWithdrawal/VentajaWithdrawal.js +154 -0
  26. package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.js +8 -1
  27. package/dist/components/DepositWithdrawal/utils.d.ts +1 -1
  28. package/dist/components/DepositWithdrawal/utils.js +2 -0
  29. package/dist/components/Disclaimer/DisclaimerV2.js +7 -5
  30. package/dist/components/Empty.d.ts +9 -0
  31. package/dist/components/Empty.js +7 -0
  32. package/dist/components/GameLaunch/GameLaunch.lazy.js +1 -1
  33. package/dist/components/GameProviders/GameProvidersList.js +1 -1
  34. package/dist/components/Games/GameContext.d.ts +2 -0
  35. package/dist/components/Games/GameContext.js +2 -0
  36. package/dist/components/GamesSearch/GamesSearch.js +1 -1
  37. package/dist/components/InfiniteScroll.d.ts +10 -0
  38. package/dist/components/InfiniteScroll.js +25 -0
  39. package/dist/components/JackpotCounter/JackpotCounter.client.d.ts +2 -0
  40. package/dist/components/JackpotCounter/JackpotCounter.client.js +66 -0
  41. package/dist/components/JackpotCounter/JackpotCounter.d.ts +17 -0
  42. package/dist/components/JackpotCounter/JackpotCounter.js +21 -0
  43. package/dist/components/JackpotCounter/JackpotCounterItem.d.ts +18 -0
  44. package/dist/components/JackpotCounter/JackpotCounterItem.js +109 -0
  45. package/dist/components/JackpotCounter/JackpotCounterItem.module.css +184 -0
  46. package/dist/components/JackpotCounter/index.d.ts +1 -0
  47. package/dist/components/JackpotCounter/index.js +1 -0
  48. package/dist/components/Jackpots/JackpotDesktop.d.ts +1 -0
  49. package/dist/components/Jackpots/JackpotDesktop.js +45 -0
  50. package/dist/components/Jackpots/JackpotGameProviders.d.ts +5 -0
  51. package/dist/components/Jackpots/JackpotGameProviders.js +41 -0
  52. package/dist/components/Jackpots/JackpotItemDesktop.d.ts +9 -0
  53. package/dist/components/Jackpots/JackpotItemDesktop.js +43 -0
  54. package/dist/components/Jackpots/JackpotItemMobile.d.ts +9 -0
  55. package/dist/components/Jackpots/JackpotItemMobile.js +44 -0
  56. package/dist/components/Jackpots/JackpotMobile.d.ts +1 -0
  57. package/dist/components/Jackpots/JackpotMobile.js +46 -0
  58. package/dist/components/Jackpots/JackpotRules.d.ts +5 -0
  59. package/dist/components/Jackpots/JackpotRules.js +11 -0
  60. package/dist/components/Jackpots/Jackpots.client.d.ts +2 -0
  61. package/dist/components/Jackpots/Jackpots.client.js +29 -0
  62. package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.module.css +184 -184
  63. package/dist/components/Jackpots/JackpotsContext.d.ts +4 -0
  64. package/dist/components/Jackpots/JackpotsContext.js +3 -0
  65. package/dist/components/Jackpots/JackpotsList/JackpotsListItem.module.css +184 -184
  66. package/dist/components/Jackpots/JackpotsList/JackpotsListItemGameProviders.js +1 -1
  67. package/dist/components/Jackpots/useJackpotData.d.ts +14 -0
  68. package/dist/components/Jackpots/useJackpotData.js +93 -0
  69. package/dist/components/Jackpots/useJackpotItemData.d.ts +20 -0
  70. package/dist/components/Jackpots/useJackpotItemData.js +87 -0
  71. package/dist/components/KYC/Header.d.ts +1 -0
  72. package/dist/components/KYC/Header.js +8 -0
  73. package/dist/components/KYC/Step1.d.ts +1 -0
  74. package/dist/components/KYC/Step1.js +13 -0
  75. package/dist/components/KYC/Step2.d.ts +1 -0
  76. package/dist/components/KYC/Step2.js +13 -0
  77. package/dist/components/KYC/Step3.d.ts +1 -0
  78. package/dist/components/KYC/Step3.js +13 -0
  79. package/dist/components/KYC/Step4.d.ts +1 -0
  80. package/dist/components/KYC/Step4.js +7 -0
  81. package/dist/components/KYC/utils.js +18 -18
  82. package/dist/components/Messages/Message.js +2 -3
  83. package/dist/components/Messages/MessageItem.d.ts +4 -0
  84. package/dist/components/Messages/MessageItem.js +34 -0
  85. package/dist/components/Messages/MessagePopup.js +2 -3
  86. package/dist/components/News/News.js +1 -1
  87. package/dist/components/Promo/Promo.client.js +1 -1
  88. package/dist/components/Promo/PromoContent.d.ts +2 -0
  89. package/dist/components/Promo/PromoContent.js +9 -0
  90. package/dist/components/Promos/PromoCarousel.d.ts +2 -0
  91. package/dist/components/Promos/PromoCarousel.js +41 -0
  92. package/dist/components/Promos/PromoGrid.d.ts +2 -0
  93. package/dist/components/Promos/PromoGrid.js +12 -0
  94. package/dist/components/Promos/PromoItem.d.ts +7 -0
  95. package/dist/components/Promos/PromoItem.js +10 -0
  96. package/dist/components/Search/Search.lazy.js +2 -2
  97. package/dist/components/SignUp/SignUpForm.js +4 -0
  98. package/dist/components/SignUp/SignUpKYC/ImageUploader.js +2 -1
  99. package/dist/components/SignUp/SignUpKYC/SignUpFormKYC.js +1 -1
  100. package/dist/components/TournamentCounter/TournamentCounter.client.d.ts +2 -0
  101. package/dist/components/TournamentCounter/TournamentCounter.client.js +50 -0
  102. package/dist/components/TournamentCounter/TournamentCounter.d.ts +8 -0
  103. package/dist/components/TournamentCounter/TournamentCounter.js +21 -0
  104. package/dist/components/TournamentCounter/TournamentCounterItem.d.ts +8 -0
  105. package/dist/components/TournamentCounter/TournamentCounterItem.js +106 -0
  106. package/dist/components/TournamentCounter/index.d.ts +1 -0
  107. package/dist/components/TournamentCounter/index.js +1 -0
  108. package/dist/components/Tournaments/TournamentDesktop.d.ts +1 -0
  109. package/dist/components/Tournaments/TournamentDesktop.js +57 -0
  110. package/dist/components/Tournaments/TournamentGameProviders.d.ts +5 -0
  111. package/dist/components/Tournaments/TournamentGameProviders.js +38 -0
  112. package/dist/components/Tournaments/TournamentItemDesktop.d.ts +7 -0
  113. package/dist/components/Tournaments/TournamentItemDesktop.js +56 -0
  114. package/dist/components/Tournaments/TournamentItemMobile.d.ts +7 -0
  115. package/dist/components/Tournaments/TournamentItemMobile.js +54 -0
  116. package/dist/components/Tournaments/TournamentMobile.d.ts +1 -0
  117. package/dist/components/Tournaments/TournamentMobile.js +55 -0
  118. package/dist/components/Tournaments/TournamentRules.d.ts +5 -0
  119. package/dist/components/Tournaments/TournamentRules.js +11 -0
  120. package/dist/components/Tournaments/Tournaments.client.d.ts +2 -0
  121. package/dist/components/Tournaments/Tournaments.client.js +20 -0
  122. package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselItem.module.css +184 -184
  123. package/dist/components/Tournaments/TournamentsContext.d.ts +4 -0
  124. package/dist/components/Tournaments/TournamentsContext.js +3 -0
  125. package/dist/components/Tournaments/TournamentsList/TournamentItem.module.css +184 -184
  126. package/dist/components/Tournaments/TournamentsList/TournamentsListItemGameProviders.js +1 -1
  127. package/dist/components/Tournaments/useTournamentData.d.ts +10 -0
  128. package/dist/components/Tournaments/useTournamentData.js +72 -0
  129. package/dist/components/Tournaments/useTournamentItemData.d.ts +16 -0
  130. package/dist/components/Tournaments/useTournamentItemData.js +64 -0
  131. package/dist/components/index.d.ts +33 -0
  132. package/dist/components/index.js +33 -0
  133. package/dist/constants/GameProvider.d.ts +1 -1
  134. package/dist/constants/GameProvider.js +8 -0
  135. package/dist/constants/endpoints.d.ts +10 -0
  136. package/dist/constants/endpoints.js +41 -0
  137. package/dist/constants/envVars.d.ts +5 -0
  138. package/dist/constants/envVars.js +28 -0
  139. package/dist/constants/gameProviders.d.ts +4 -0
  140. package/dist/constants/gameProviders.js +368 -0
  141. package/dist/constants/gameTypes.d.ts +3 -0
  142. package/dist/constants/gameTypes.js +64 -0
  143. package/dist/constants/headerKeys.d.ts +2 -0
  144. package/dist/constants/headerKeys.js +2 -0
  145. package/dist/constants/secretQuestions.d.ts +3 -0
  146. package/dist/constants/secretQuestions.js +24 -0
  147. package/dist/constants/storageKeys.d.ts +2 -0
  148. package/dist/constants/storageKeys.js +2 -0
  149. package/dist/icons/index.d.ts +65 -0
  150. package/dist/icons/index.js +65 -0
  151. package/dist/images/game-providers/BNG.png +0 -0
  152. package/dist/images/hacksaw-gaming.png +0 -0
  153. package/dist/images/libangan.png +0 -0
  154. package/dist/server/services/index.d.ts +4 -0
  155. package/dist/server/services/index.js +4 -0
  156. package/dist/server/utils/index.d.ts +29 -0
  157. package/dist/server/utils/index.js +29 -0
  158. package/dist/services/queries.d.ts +4 -2
  159. package/dist/services/queries.js +2436 -2361
  160. package/dist/services/wallet.d.ts +33 -0
  161. package/dist/services/wallet.js +21 -1
  162. package/dist/styles/theme.css +693 -693
  163. package/dist/types/index.d.ts +3 -1
  164. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +14 -14
  165. package/dist/ui/Avatar/avatar.recipe.d.ts +3 -3
  166. package/dist/ui/Badge/badge.anatomy.d.ts +1 -1
  167. package/dist/ui/Badge/badge.recipe.d.ts +3 -3
  168. package/dist/ui/Carousel/carousel.recipe.d.ts +8 -8
  169. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  170. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  171. package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
  172. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  173. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  174. package/dist/ui/Dialog/dialog.recipe.d.ts +14 -14
  175. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  176. package/dist/ui/Menu/menu.recipe.d.ts +20 -20
  177. package/dist/ui/PasswordInput/passwordInput.recipe.d.ts +3 -3
  178. package/dist/ui/Popover/popover.recipe.d.ts +8 -8
  179. package/dist/ui/Presence.d.ts +2 -0
  180. package/dist/ui/Presence.js +7 -0
  181. package/dist/ui/Prose.d.ts +2 -0
  182. package/dist/ui/Prose.js +5 -0
  183. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  184. package/dist/ui/Select/select.recipe.d.ts +3 -3
  185. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  186. package/dist/ui/Table/table.recipe.d.ts +3 -3
  187. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  188. package/dist/ui/Tooltip/tooltip.recipe.d.ts +5 -5
  189. package/dist/ui/index.d.ts +26 -0
  190. package/dist/ui/index.js +26 -0
  191. package/dist/utils/createErrorFromCode.d.ts +2 -0
  192. package/dist/utils/createErrorFromCode.js +11 -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/dist/utils/mutationKeys.d.ts +2 -0
  198. package/dist/utils/mutationKeys.js +8 -0
  199. package/dist/utils/resizeImageSize.d.ts +0 -1
  200. package/dist/utils/resizeImageSize.js +0 -5
  201. package/package.json +164 -164
  202. package/dist/components/SignUp/SignUpPagcor/CaptureIdDocument.d.ts +0 -1
  203. package/dist/components/SignUp/SignUpPagcor/CaptureIdDocument.js +0 -198
  204. package/dist/components/SignUp/SignUpPagcor/CaptureSelfie.d.ts +0 -1
  205. package/dist/components/SignUp/SignUpPagcor/CaptureSelfie.js +0 -251
  206. package/dist/components/SignUp/SignUpPagcor/ImageUploader.d.ts +0 -10
  207. package/dist/components/SignUp/SignUpPagcor/ImageUploader.js +0 -41
  208. package/dist/components/SignUp/SignUpPagcor/SignUpFormPagcor.d.ts +0 -1
  209. package/dist/components/SignUp/SignUpPagcor/SignUpFormPagcor.js +0 -429
  210. package/dist/components/SignUp/SignUpPagcor/SignUpPagcor.lazy.d.ts +0 -13
  211. package/dist/components/SignUp/SignUpPagcor/SignUpPagcor.lazy.js +0 -26
  212. package/dist/components/SignUp/SignUpPagcor/SignUpPagcorContext.d.ts +0 -7
  213. package/dist/components/SignUp/SignUpPagcor/SignUpPagcorContext.js +0 -2
  214. package/dist/components/SignUp/SignUpPagcor/useImageUploader.d.ts +0 -11
  215. package/dist/components/SignUp/SignUpPagcor/useImageUploader.js +0 -20
@@ -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
+ }
@@ -44,5 +44,5 @@ export function TournamentsListItemGameProviders({ gameProviders, }) {
44
44
  emblaApi.on('select', onSelect);
45
45
  emblaApi.on('reInit', onSelect);
46
46
  }, [emblaApi, onSelect]);
47
- return (_jsxs("div", { className: "p-4 pb-8", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Tournament Game Providers" }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { disabled: !canScrollPrev, onClick: scrollPrev, variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsxs(Button, { disabled: !canScrollNext, onClick: scrollNext, variant: "outline", colorScheme: "gray", className: "rounded-l-none", "aria-label": "Next", children: [_jsx("span", { className: "sr-only", children: "Next" }), _jsx(ArrowRightIcon, { className: "size-5" })] })] })] }), _jsx("div", { className: "relative mt-3 overflow-hidden", ref: emblaRef, children: _jsx("div", { className: "flex gap-3.5", children: gameProviders.map((provider) => (_jsx(Link, { href: viewGamesUrl(provider), className: "bg-gray-800 lg:bg-bg-primary-900 min-w-27.5 rounded-md", children: _jsx(Image, { src: provider.logo, alt: "provider", className: "size-full", width: 300, height: 150 }) }, provider.slug))) }) })] }));
47
+ return (_jsxs("div", { className: "p-4 pb-8", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-text-primary-900 text-lg font-semibold", children: "Tournament Game Providers" }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { disabled: !canScrollPrev, onClick: scrollPrev, variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsxs(Button, { disabled: !canScrollNext, onClick: scrollNext, variant: "outline", colorScheme: "gray", className: "rounded-l-none", "aria-label": "Next", children: [_jsx("span", { className: "sr-only", children: "Next" }), _jsx(ArrowRightIcon, { className: "size-5" })] })] })] }), _jsx("div", { className: "relative mt-3 overflow-hidden", ref: emblaRef, children: _jsx("div", { className: "flex gap-3.5", children: gameProviders.map((provider) => (_jsx(Link, { href: viewGamesUrl(provider), className: "bg-brand-800 lg:bg-bg-primary-900 min-w-27.5 rounded-md", children: _jsx(Image, { src: provider.logo, alt: "provider", className: "size-full", width: 300, height: 150 }) }, provider.slug))) }) })] }));
48
48
  }
@@ -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';
@@ -1,4 +1,4 @@
1
1
  import type { GameProvider, GameProviderData } from '../types';
2
2
  export declare const GAME_PROVIDER_DATA: Record<GameProvider, GameProviderData>;
3
- export declare const GAME_PROVIDERS: ["ALIZE", "BGAMING", "BOOONGO", "EVOPLAY", "BTI", "CQ9", "DARWIN", "DG", "DRBINGO", "E2E", "ETENGJUE", "EVOLUTION", "EVOLUTION_REDTIGER", "EZUGI", "FACHAI", "HABANERO", "HACKSAW", "HOLLYWOODTV", "JDB", "JILI", "JDBGTF", "JOKER", "JDBSPRIBE", "JILI_BINGO", "KINGMAKER", "KINGMIDAS", "MEGA2SPIN", "MICROGAMING", "MEGABALL", "ONEAPI_EVOLUTION", "PGSOFT", "PLAYTECH", "PRAGMATICPLAY", "RELAXGAMING", "RTG", "SABA", "SPINIX", "SPRIBE", "YELLOWBAT", "EVOLUTIONNETENT", "EVOLUTION_NETENT"];
3
+ export declare const GAME_PROVIDERS: ["ALIZE", "BGAMING", "BOOONGO", "EVOPLAY", "BTI", "CQ9", "DARWIN", "DG", "DRBINGO", "E2E", "ETENGJUE", "EVOLUTION", "EVOLUTION_REDTIGER", "EZUGI", "FACHAI", "HABANERO", "HACKSAW", "HOLLYWOODTV", "JDB", "JILI", "JDBGTF", "JOKER", "JDBSPRIBE", "JILI_BINGO", "KINGMAKER", "KINGMIDAS", "MEGA2SPIN", "MICROGAMING", "MEGABALL", "ONEAPI_EVOLUTION", "PGSOFT", "PLAYTECH", "PRAGMATICPLAY", "RELAXGAMING", "RTG", "SABA", "SPINIX", "SPRIBE", "YELLOWBAT", "EVOLUTIONNETENT", "EVOLUTION_NETENT", "BNG"];
4
4
  export declare const LEGACY_GAME_PROVIDERS: ["JILI", "PGSOFT", "FACHAI", "BTI", "DG", "PLAYTECH", "E2E", "ONEAPI_EVOLUTION", "CQ9", "JDB", "HABANERO", "SPINIX", "JOKER", "HACKSAW", "EVOLUTIONNETENT", "JDBGTF", "JDBSPRIBE", "MICROGAMING", "RELAXGAMING", "EVOPLAY", "BOOONGO", "BGAMING", "KINGMAKER", "KINGMIDAS", "YELLOWBAT", "ETENGJUE", "SABA", "PRAGMATICPLAY", "SPRIBE", "EZUGI", "ALIZE"];
@@ -1,5 +1,6 @@
1
1
  import alize from '../images/game-providers/ALIZE.png';
2
2
  import bgaming from '../images/game-providers/BGAMING.png';
3
+ import bng from '../images/game-providers/BNG.png';
3
4
  import booongo from '../images/game-providers/BOOOONGO.png';
4
5
  import bti from '../images/game-providers/BTI.png';
5
6
  import cq9 from '../images/game-providers/CQ9.png';
@@ -289,6 +290,12 @@ export const GAME_PROVIDER_DATA = {
289
290
  slug: 'digitain',
290
291
  logo: '',
291
292
  },
293
+ BNG: {
294
+ id: 'BNG',
295
+ name: 'BNG',
296
+ slug: 'bng',
297
+ logo: bng,
298
+ },
292
299
  };
293
300
  export const GAME_PROVIDERS = [
294
301
  'ALIZE',
@@ -332,6 +339,7 @@ export const GAME_PROVIDERS = [
332
339
  'YELLOWBAT',
333
340
  'EVOLUTIONNETENT',
334
341
  'EVOLUTION_NETENT',
342
+ 'BNG',
335
343
  ];
336
344
  export const LEGACY_GAME_PROVIDERS = [
337
345
  'JILI',
@@ -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;