@opexa/portal-components 0.0.83 → 0.0.85

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 (292) hide show
  1. package/dist/client/hooks/useAccountQuery.d.ts +1 -2
  2. package/dist/client/hooks/useAccountQuery.js +3 -10
  3. package/dist/client/hooks/useAuthenticateMutation.d.ts +1 -1
  4. package/dist/client/hooks/useAvailablePromosQuery.d.ts +2 -2
  5. package/dist/client/hooks/useAvailablePromosQuery.js +3 -10
  6. package/dist/client/hooks/useAvailableQuestsQuery.d.ts +1 -2
  7. package/dist/client/hooks/useAvailableQuestsQuery.js +3 -10
  8. package/dist/client/hooks/useBetRecordsQuery.d.ts +2 -2
  9. package/dist/client/hooks/useBetRecordsQuery.js +3 -10
  10. package/dist/client/hooks/useBonusQuery.d.ts +1 -2
  11. package/dist/client/hooks/useBonusQuery.js +5 -14
  12. package/dist/client/hooks/useBonusesQuery.d.ts +1 -2
  13. package/dist/client/hooks/useBonusesQuery.js +3 -10
  14. package/dist/client/hooks/useCashbackBonusQuery.d.ts +1 -2
  15. package/dist/client/hooks/useCashbackBonusQuery.js +3 -10
  16. package/dist/client/hooks/useCashbackBonusesQuery.d.ts +1 -2
  17. package/dist/client/hooks/useCashbackBonusesQuery.js +3 -10
  18. package/dist/client/hooks/useCashbackQuery.d.ts +1 -2
  19. package/dist/client/hooks/useCashbackQuery.js +3 -12
  20. package/dist/client/hooks/useCashbacksQuery.d.ts +1 -2
  21. package/dist/client/hooks/useCashbacksQuery.js +2 -9
  22. package/dist/client/hooks/useCheckInDailyCheckInQuestMutation.js +4 -11
  23. package/dist/client/hooks/useClaimCashbackBonusMutation.js +3 -9
  24. package/dist/client/hooks/useClaimSpotBonusMutation.js +3 -9
  25. package/dist/client/hooks/useCreateGCashDepositMutation.d.ts +2 -2
  26. package/dist/client/hooks/useCreateGCashDepositMutation.js +5 -16
  27. package/dist/client/hooks/useCreateGCashWithdrawalMutation.d.ts +1 -1
  28. package/dist/client/hooks/useCreateGCashWithdrawalMutation.js +4 -11
  29. package/dist/client/hooks/useCreateGameSessionMutation.d.ts +1 -2
  30. package/dist/client/hooks/useCreateGameSessionMutation.js +7 -25
  31. package/dist/client/hooks/useCreateInstapayWithdrawalMutation.d.ts +1 -1
  32. package/dist/client/hooks/useCreateInstapayWithdrawalMutation.js +4 -11
  33. package/dist/client/hooks/useCreateMayaAppDepositMutation.d.ts +2 -2
  34. package/dist/client/hooks/useCreateMayaAppDepositMutation.js +5 -16
  35. package/dist/client/hooks/useCreateMayaAppWithdrawalMutation.d.ts +1 -1
  36. package/dist/client/hooks/useCreateMayaAppWithdrawalMutation.js +4 -11
  37. package/dist/client/hooks/useCreateMayaDepositMutation.d.ts +2 -2
  38. package/dist/client/hooks/useCreateMayaDepositMutation.js +5 -16
  39. package/dist/client/hooks/useCreateMayaWithdrawalMutation.d.ts +1 -1
  40. package/dist/client/hooks/useCreateMayaWithdrawalMutation.js +4 -11
  41. package/dist/client/hooks/useCreateOnlineBankDepositMutation.d.ts +2 -2
  42. package/dist/client/hooks/useCreateOnlineBankDepositMutation.js +5 -16
  43. package/dist/client/hooks/useCreateQRPHDepositMutation.d.ts +3 -3
  44. package/dist/client/hooks/useCreateQRPHDepositMutation.js +5 -16
  45. package/dist/client/hooks/useDepositQuery.d.ts +1 -2
  46. package/dist/client/hooks/useDepositQuery.js +5 -11
  47. package/dist/client/hooks/useDepositRecordsQuery.d.ts +2 -2
  48. package/dist/client/hooks/useDepositRecordsQuery.js +3 -10
  49. package/dist/client/hooks/useDepositsCountQuery.js +5 -11
  50. package/dist/client/hooks/useEndGameSessionMutation.d.ts +1 -2
  51. package/dist/client/hooks/useEndGameSessionMutation.js +4 -12
  52. package/dist/client/hooks/useFavoriteGamesQuery.d.ts +1 -2
  53. package/dist/client/hooks/useFavoriteGamesQuery.js +5 -11
  54. package/dist/client/hooks/useGamesQuery.d.ts +2 -2
  55. package/dist/client/hooks/useGamesQuery.js +1 -7
  56. package/dist/client/hooks/useGlobalStore.d.ts +1 -1
  57. package/dist/client/hooks/useInfiniteQueryHelper.d.ts +1 -2
  58. package/dist/client/hooks/useInstapayBankListQuery.d.ts +1 -2
  59. package/dist/client/hooks/useInstapayBankListQuery.js +5 -11
  60. package/dist/client/hooks/useIsMayaSessionValidQuery.js +3 -10
  61. package/dist/client/hooks/useJackpotPayoutsQuery.d.ts +2 -2
  62. package/dist/client/hooks/useJackpotPayoutsQuery.js +2 -9
  63. package/dist/client/hooks/useJackpotsQuery.d.ts +2 -2
  64. package/dist/client/hooks/useJackpotsQuery.js +2 -9
  65. package/dist/client/hooks/useMarkGameAsFavoriteMutation.js +3 -9
  66. package/dist/client/hooks/useMarkMessageAsReadMutation.js +3 -9
  67. package/dist/client/hooks/useMemberVerificationQuery.d.ts +1 -2
  68. package/dist/client/hooks/useMemberVerificationQuery.js +3 -10
  69. package/dist/client/hooks/useMessagesQuery.d.ts +2 -2
  70. package/dist/client/hooks/useMessagesQuery.js +3 -10
  71. package/dist/client/hooks/usePaymentSettingsQuery.d.ts +1 -2
  72. package/dist/client/hooks/usePaymentSettingsQuery.js +3 -10
  73. package/dist/client/hooks/usePlatformQuery.d.ts +1 -2
  74. package/dist/client/hooks/usePlatformQuery.js +3 -8
  75. package/dist/client/hooks/useProfileCompletionQuery.d.ts +1 -2
  76. package/dist/client/hooks/useProfileCompletionQuery.js +3 -10
  77. package/dist/client/hooks/usePromoQuery.d.ts +1 -2
  78. package/dist/client/hooks/usePromoQuery.js +3 -12
  79. package/dist/client/hooks/usePromosQuery.d.ts +1 -2
  80. package/dist/client/hooks/usePromosQuery.js +2 -9
  81. package/dist/client/hooks/useSendVerificationCodeMutation.d.ts +1 -1
  82. package/dist/client/hooks/useSendVerificationCodeMutation.js +2 -8
  83. package/dist/client/hooks/useSessionQuery.js +2 -2
  84. package/dist/client/hooks/useSignInMutation.d.ts +1 -2
  85. package/dist/client/hooks/useSignUpMutation.d.ts +1 -1
  86. package/dist/client/hooks/useSignUpMutation.js +2 -11
  87. package/dist/client/hooks/useTopWinsQuery.d.ts +1 -2
  88. package/dist/client/hooks/useTopWinsQuery.js +3 -9
  89. package/dist/client/hooks/useTournamentsQuery.d.ts +2 -2
  90. package/dist/client/hooks/useTournamentsQuery.js +2 -9
  91. package/dist/client/hooks/useTransactionRecordsQuery.d.ts +2 -2
  92. package/dist/client/hooks/useTransactionRecordsQuery.js +3 -10
  93. package/dist/client/hooks/useUnmarkGameAsFavoriteMutation.js +3 -9
  94. package/dist/client/hooks/useUnreadMessagesCountQuery.d.ts +1 -1
  95. package/dist/client/hooks/useUnreadMessagesCountQuery.js +3 -10
  96. package/dist/client/hooks/useUpdateAccountMutation.d.ts +1 -1
  97. package/dist/client/hooks/useUpdateAccountMutation.js +3 -9
  98. package/dist/client/hooks/useWalletQuery.d.ts +1 -2
  99. package/dist/client/hooks/useWalletQuery.js +5 -11
  100. package/dist/client/hooks/useWithdrawalRecordsQuery.d.ts +2 -2
  101. package/dist/client/hooks/useWithdrawalRecordsQuery.js +3 -10
  102. package/dist/client/services/authenticate.d.ts +3 -2
  103. package/dist/client/services/authenticate.js +5 -12
  104. package/dist/client/services/getSession.d.ts +2 -1
  105. package/dist/client/services/getSession.js +4 -11
  106. package/dist/client/services/signIn.d.ts +4 -2
  107. package/dist/client/services/signIn.js +6 -13
  108. package/dist/client/services/signOut.d.ts +2 -1
  109. package/dist/client/services/signOut.js +15 -13
  110. package/dist/components/AccountSecurity/AccountSecurity.js +2 -25
  111. package/dist/components/BetRecords/BetRecords.d.ts +1 -1
  112. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts +2 -2
  113. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts +1 -1
  114. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts +2 -2
  115. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.d.ts +1 -1
  116. package/dist/components/GameLaunch/GameLaunchTrigger.d.ts +1 -1
  117. package/dist/components/GameProviders/GameProvidersCarousel.d.ts +1 -2
  118. package/dist/components/GameProviders/GameProvidersList.d.ts +1 -2
  119. package/dist/components/Games/GamesCarousel.d.ts +1 -1
  120. package/dist/components/Games/GamesContext.d.ts +1 -1
  121. package/dist/components/Games/GamesList.d.ts +1 -1
  122. package/dist/components/GamesSearch/GamesSearch.d.ts +1 -1
  123. package/dist/components/JackpotCounter/JackpotCounterItem.d.ts +1 -1
  124. package/dist/components/JackpotCounter/JackpotCounterItem.module.css +184 -184
  125. package/dist/components/Jackpots/Jackpots.d.ts +1 -1
  126. package/dist/components/Jackpots/JackpotsContext.d.ts +1 -1
  127. package/dist/components/Jackpots/useJackpotData.d.ts +2 -2
  128. package/dist/components/Jackpots/useJackpotData.js +0 -1
  129. package/dist/components/Messages/Message.d.ts +4 -0
  130. package/dist/components/Messages/{MessageItem.js → Message.js} +2 -2
  131. package/dist/components/Messages/MessageTrigger.d.ts +1 -1
  132. package/dist/components/Messages/Messages.js +2 -2
  133. package/dist/components/Messages/utils.d.ts +1 -1
  134. package/dist/components/Promos/Cashback.d.ts +1 -1
  135. package/dist/components/Promos/Promo.d.ts +1 -1
  136. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.d.ts +1 -1
  137. package/dist/components/Quests/OnboardingQuest/OnboardingQuest.d.ts +1 -1
  138. package/dist/components/Quests/WageringQuest/WageringQuest.d.ts +1 -1
  139. package/dist/components/Search/Search.d.ts +1 -2
  140. package/dist/components/SignUp/SignUpForm.js +1 -1
  141. package/dist/components/TournamentCounter/TournamentCounterItem.d.ts +1 -1
  142. package/dist/components/Tournaments/Tournaments.d.ts +1 -1
  143. package/dist/components/Tournaments/TournamentsContext.d.ts +1 -1
  144. package/dist/components/Tournaments/useTournamentData.js +0 -1
  145. package/dist/components/TransactionRecords/DepositRecordsTable.js +0 -1
  146. package/dist/components/TransactionRecords/TableFilters.d.ts +1 -2
  147. package/dist/constants/endpoints.d.ts +10 -0
  148. package/dist/constants/endpoints.js +41 -0
  149. package/dist/constants/gameProviders.d.ts +1 -2
  150. package/dist/constants/gameTypes.d.ts +1 -2
  151. package/dist/constants/headerKeys.d.ts +1 -0
  152. package/dist/constants/headerKeys.js +1 -0
  153. package/dist/constants/index.d.ts +1 -0
  154. package/dist/constants/index.js +1 -0
  155. package/dist/constants/secretQuestions.d.ts +1 -1
  156. package/dist/handlers.js +2 -12
  157. package/dist/middleware.d.ts +1 -1
  158. package/dist/middleware.js +2 -3
  159. package/dist/server/services/authenticate.d.ts +1 -1
  160. package/dist/server/services/authenticate.js +3 -8
  161. package/dist/server/services/signIn.d.ts +2 -1
  162. package/dist/server/services/signIn.js +3 -8
  163. package/dist/server/services/signOut.js +2 -3
  164. package/dist/server/utils/prefetchAccountQuery.js +1 -4
  165. package/dist/server/utils/prefetchAvailablePromosQuery.d.ts +1 -1
  166. package/dist/server/utils/prefetchAvailablePromosQuery.js +1 -4
  167. package/dist/server/utils/prefetchAvailableQuestsQuery.js +1 -4
  168. package/dist/server/utils/prefetchBetRecordsQuery.d.ts +1 -1
  169. package/dist/server/utils/prefetchBetRecordsQuery.js +1 -4
  170. package/dist/server/utils/prefetchBonusQuery.js +3 -8
  171. package/dist/server/utils/prefetchBonusesQuery.js +1 -4
  172. package/dist/server/utils/prefetchCashbackBonusQuery.js +1 -4
  173. package/dist/server/utils/prefetchCashbackBonusesQuery.js +1 -4
  174. package/dist/server/utils/prefetchCashbackQuery.js +3 -12
  175. package/dist/server/utils/prefetchCashbacksQuery.js +1 -6
  176. package/dist/server/utils/prefetchDepositQuery.js +3 -5
  177. package/dist/server/utils/prefetchDepositRecordsQuery.d.ts +1 -1
  178. package/dist/server/utils/prefetchDepositRecordsQuery.js +1 -4
  179. package/dist/server/utils/prefetchDepositsCountQuery.js +3 -5
  180. package/dist/server/utils/prefetchFavoriteGamesQuery.js +3 -5
  181. package/dist/server/utils/prefetchGamesQuery.d.ts +1 -1
  182. package/dist/server/utils/prefetchGamesQuery.js +2 -10
  183. package/dist/server/utils/prefetchInstapayBankListQuery.js +3 -5
  184. package/dist/server/utils/prefetchIsMayaSessionValidQuery.js +1 -4
  185. package/dist/server/utils/prefetchJackpotsQuery.d.ts +1 -1
  186. package/dist/server/utils/prefetchJackpotsQuery.js +2 -9
  187. package/dist/server/utils/prefetchMemberVerificationQuery.js +1 -4
  188. package/dist/server/utils/prefetchPaymentSettingsQuery.js +1 -4
  189. package/dist/server/utils/prefetchPlatformQuery.js +2 -9
  190. package/dist/server/utils/prefetchProfileCompletionQuery.js +1 -4
  191. package/dist/server/utils/prefetchPromoQuery.js +3 -12
  192. package/dist/server/utils/prefetchPromosQuery.js +2 -9
  193. package/dist/server/utils/prefetchTopWinsQuery.js +2 -9
  194. package/dist/server/utils/prefetchTournamentsQuery.d.ts +1 -1
  195. package/dist/server/utils/prefetchTournamentsQuery.js +2 -9
  196. package/dist/server/utils/prefetchTransactionRecordsQuery.d.ts +1 -1
  197. package/dist/server/utils/prefetchTransactionRecordsQuery.js +1 -4
  198. package/dist/server/utils/prefetchUnreadMessagesCountQuery.d.ts +1 -1
  199. package/dist/server/utils/prefetchUnreadMessagesCountQuery.js +1 -4
  200. package/dist/server/utils/prefetchWalletQuery.js +3 -5
  201. package/dist/server/utils/prefetchWithdrawalRecordsQuery.d.ts +1 -1
  202. package/dist/server/utils/prefetchWithdrawalRecordsQuery.js +1 -4
  203. package/dist/services/ObjectId.d.ts +24 -0
  204. package/dist/services/ObjectId.js +86 -0
  205. package/dist/services/account.service.d.ts +341 -0
  206. package/dist/services/account.service.js +233 -0
  207. package/dist/services/auth.service.d.ts +80 -0
  208. package/dist/services/auth.service.js +152 -0
  209. package/dist/services/cmsPortal.service.d.ts +43 -0
  210. package/dist/services/cmsPortal.service.js +148 -0
  211. package/dist/services/file.service.d.ts +33 -0
  212. package/dist/services/file.service.js +18 -0
  213. package/dist/services/game.service.d.ts +44 -0
  214. package/dist/services/game.service.js +33 -0
  215. package/dist/services/graphqlRequest.d.ts +4 -0
  216. package/dist/services/graphqlRequest.js +255 -0
  217. package/dist/services/httpRequest.d.ts +23 -0
  218. package/dist/services/httpRequest.js +93 -0
  219. package/dist/services/index.d.ts +12 -0
  220. package/dist/services/index.js +12 -0
  221. package/dist/services/portal.service.d.ts +37 -0
  222. package/dist/services/portal.service.js +44 -0
  223. package/dist/services/queries.d.ts +115 -0
  224. package/dist/services/queries.js +2319 -0
  225. package/dist/services/report.service.d.ts +203 -0
  226. package/dist/services/report.service.js +64 -0
  227. package/dist/services/sha256.d.ts +4 -0
  228. package/dist/services/sha256.js +16 -0
  229. package/dist/services/trigger.service.d.ts +88 -0
  230. package/dist/services/trigger.service.js +84 -0
  231. package/dist/services/wallet.service.d.ts +463 -0
  232. package/dist/services/wallet.service.js +357 -0
  233. package/dist/styles/theme.css +697 -697
  234. package/dist/types/index.d.ts +752 -6
  235. package/dist/ui/AlertDialog/AlertDialog.d.ts +88 -88
  236. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +8 -8
  237. package/dist/ui/Badge/Badge.d.ts +12 -12
  238. package/dist/ui/Badge/badge.recipe.d.ts +3 -3
  239. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  240. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  241. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  242. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  243. package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
  244. package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
  245. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  246. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  247. package/dist/ui/DatePicker/DatePicker.d.ts +264 -264
  248. package/dist/ui/DatePicker/datePicker.recipe.d.ts +11 -11
  249. package/dist/ui/Dialog/Dialog.d.ts +88 -88
  250. package/dist/ui/Dialog/dialog.recipe.d.ts +8 -8
  251. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  252. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  253. package/dist/ui/Popover/Popover.d.ts +55 -55
  254. package/dist/ui/Popover/popover.recipe.d.ts +5 -5
  255. package/dist/ui/Progress/Progress.d.ts +27 -27
  256. package/dist/ui/Progress/progress.recipe.d.ts +3 -3
  257. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  258. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  259. package/dist/ui/Select/Select.d.ts +45 -45
  260. package/dist/ui/Select/select.recipe.d.ts +3 -3
  261. package/dist/ui/Table/Table.d.ts +21 -21
  262. package/dist/ui/Table/table.recipe.d.ts +3 -3
  263. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  264. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  265. package/dist/utils/getGameImageUrl.d.ts +1 -1
  266. package/dist/utils/getGameImageUrl.js +3 -5
  267. package/dist/utils/getGameProviderData.d.ts +1 -2
  268. package/dist/utils/getGameTypeData.d.ts +1 -2
  269. package/dist/utils/graphqlRequest.d.ts +4 -0
  270. package/dist/utils/graphqlRequest.js +255 -0
  271. package/dist/utils/httpRequest.d.ts +6 -0
  272. package/dist/utils/httpRequest.js +87 -0
  273. package/dist/utils/queryKeys.d.ts +1 -1
  274. package/dist/utils/sha256.d.ts +4 -0
  275. package/dist/utils/sha256.js +16 -0
  276. package/package.json +166 -160
  277. package/dist/components/Games/GameContext.d.ts +0 -2
  278. package/dist/components/Games/GameContext.js +0 -2
  279. package/dist/components/Jackpots/JackpotItemDesktop.d.ts +0 -9
  280. package/dist/components/Jackpots/JackpotItemDesktop.js +0 -43
  281. package/dist/components/Jackpots/JackpotItemMobile.d.ts +0 -9
  282. package/dist/components/Jackpots/JackpotItemMobile.js +0 -44
  283. package/dist/components/Jackpots/useJackpotItemData.d.ts +0 -20
  284. package/dist/components/Jackpots/useJackpotItemData.js +0 -87
  285. package/dist/components/Messages/MessageItem.d.ts +0 -4
  286. package/dist/components/Tournaments/TournamentItemDesktop.d.ts +0 -7
  287. package/dist/components/Tournaments/TournamentItemDesktop.js +0 -56
  288. package/dist/components/Tournaments/TournamentItemMobile.d.ts +0 -7
  289. package/dist/components/Tournaments/TournamentItemMobile.js +0 -54
  290. package/dist/components/Tournaments/useTournamentItemData.d.ts +0 -16
  291. package/dist/components/Tournaments/useTournamentItemData.js +0 -64
  292. package/dist/images/hacksaw-gaming.png +0 -0
@@ -1,56 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
- import Image from 'next/image';
4
- import React from 'react';
5
- import { twMerge } from 'tailwind-merge';
6
- import { Trophy01Icon, User01Icon } from '../../icons/index.js';
7
- import { Award01Icon } from '../../icons/Award01Icon.js';
8
- import { StarIcon } from '../../icons/StarIcon.js';
9
- import firstPlace from '../../images/first-place.png';
10
- import trophyTwo from '../../images/trophy-two.png';
11
- import trophy from '../../images/trophy.png';
12
- import { formatNumber, mask } from '../../utils/index.js';
13
- import styles from '../JackpotCounter/JackpotCounterItem.module.css';
14
- import { TournamentGameProviders } from './TournamentGameProviders.js';
15
- import { TournamentRules } from './TournamentRules.js';
16
- import { useTournamentItemData } from './useTournamentItemData.js';
17
- export function TournamentItemDesktop({ tournament, gameProviders, }) {
18
- const { prizeAmountsByRank, timeParts, tournamentReward, filteredGameProviders, localeInfo, } = useTournamentItemData({ tournament, gameProviders });
19
- return (_jsxs("div", { className: twMerge('bg-bg-tertiary border-border-primary rounded-2xl border'), children: [_jsxs("div", { className: twMerge('relative flex shrink-0 p-3 text-center lg:gap-6 lg:p-5'), children: [_jsx("div", { className: "z-1 relative flex flex-1 flex-col", children: _jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex w-full justify-between", children: [_jsxs("div", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium", children: [_jsx(Award01Icon, { className: "text-utility-brand-500 size-3.5" }), "Multiplier"] }), _jsx("div", { className: "flex h-fit", children: timeParts.map((part, idx) => (_jsxs(React.Fragment, { children: [_jsxs("div", { className: twMerge('bg-bg-primary text-text-primary-900 flex h-fit w-8 flex-col items-center rounded-[4px] pb-1.5'), children: [_jsx("span", { className: "text-base font-medium", children: String(part.value).padStart(2, '0') }), _jsx("span", { className: "text-[8px]", children: part.label })] }), idx < timeParts.length - 1 && (_jsxs("div", { className: "flex flex-col justify-center gap-[6px] px-[6px]", children: [_jsx("div", { className: "bg-bg-primary h-1 w-1 rounded-full" }), _jsx("div", { className: "bg-bg-primary h-1 w-1 rounded-full" })] }))] }, part.label))) })] }), _jsx("div", { className: "text-text-primary-900 mt-1 text-left text-lg font-medium lg:mt-5 lg:text-2xl", children: tournament.name }), _jsx("div", { className: "bg-bg-primary text-brand-400 mt-1.5 w-fit rounded-md px-2 py-1 text-2xl font-bold lg:mt-2 lg:text-4xl", children: formatNumber(tournamentReward, {
20
- currency: localeInfo.currency.code,
21
- minDecimalPlaces: 2,
22
- maxDecimalPlaces: 2,
23
- }) })] }), _jsx("div", { className: "z-1 bottom-[-60] right-0 block lg:absolute", children: _jsx("div", { className: "h-[155px] w-auto shrink-0", children: _jsx(Image, { quality: 100, width: 155, height: 155, src: trophy, alt: "trophy", className: "px-6 py-2.5" }) }) })] }), tournament.topPayouts.length ? (_jsx("div", { children: _jsxs("div", { className: "bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex", children: [_jsxs("div", { className: "bg-bg-tertiary relative flex h-18 w-18 items-center justify-center rounded-full", children: [_jsx(User01Icon, { className: "text-text-quarterary-500 size-9" }), _jsx("div", { className: "bg-yellow-400 text-brand-950 border-bg-primary absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center rounded-full border-[1.5px] text-xs font-bold", children: "1st" })] }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsxs("div", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium", children: [_jsx(Trophy01Icon, { className: "text-utility-brand-600 size-3.5" }), "Top Payout"] }), _jsx("div", { className: "font-semibold", children: mask(tournament?.topPayouts[0]?.member?.name || '') }), _jsx("div", { className: "text-brand-400 text-2xl", children: formatNumber(tournament?.topPayouts[0]?.amount, {
24
- currency: localeInfo.currency.code,
25
- minDecimalPlaces: 2,
26
- maxDecimalPlaces: 2,
27
- }) })] })] }) })) : (_jsxs("div", { className: "bg-bg-primary relative mt-4 hidden w-full gap-4 rounded-lg p-4 lg:flex", children: [_jsx(Image, { width: 66, height: 87, src: firstPlace, alt: "closeChest", className: "size-full h-auto w-[66px] mix-blend-luminosity" }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsxs("div", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium", children: [_jsx(Trophy01Icon, { className: "text-utility-brand-600 size-3.5" }), "Top Payout"] }), _jsx("div", { className: "font-semibold", children: "No winners yet" }), _jsx("div", { className: "text-text-secondary-700 text-xs", children: "You could be the first to win the tournament!" })] })] }))] }) }) }) }), _jsxs("div", { className: "z-1 hidden flex-1 space-y-4 lg:block", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Image, { width: 24, height: 24, src: trophyTwo, quality: 100, alt: "leaderboardIcon", className: "size-full w-6" }), _jsx("div", { className: "text-text-primary-900 text-lg font-semibold", children: tournament.currentLeaderboard.edges.length
28
- ? 'Leaderboard'
29
- : 'Starting soon!' })] }), _jsx(TournamentRules, { jackpotRules: tournament.description })] }), _jsx("div", { className: twMerge('max-h-[272px] overflow-y-scroll', styles['scrollArea']), children: _jsx("div", { className: "border-gray-200 overflow-hidden rounded-xl", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-bg-secondary text-text-tertiary-600 h-8 text-xs font-medium", children: [_jsx("th", { className: "w-[52px]", children: "#" }), _jsx("th", { children: "Player" }), _jsx("th", { children: "Multiplier" }), _jsx("th", { children: "Prize" })] }) }), _jsx("tbody", { children: tournament.currentLeaderboard.edges.length ? (_jsx(_Fragment, { children: tournament.currentLeaderboard.edges.map((tournament, i) => (_jsxs("tr", { className: "bg-bg-primary text-text-secondary-700 text-sm", children: [_jsx("td", { className: "border-border-secondary h-12 w-[52px] border-t-2", children: i + 1 < 6 ? (_jsxs("div", { className: "relative", children: [_jsx(StarIcon, { className: twMerge('mx-auto size-6.5', starTierStyles[i].starColor) }), _jsx("span", { className: twMerge('absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold', starTierStyles[i].numberColor), children: i + 1 })] })) : (i + 1) }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: mask(tournament.node.username) }), _jsxs("td", { className: "border-border-secondary h-12 border-t-2", children: [tournament.node.multiplier, "x"] }), i + 1 <= prizeAmountsByRank.length ? (_jsx("td", { className: "border-border-secondary text-brand-400 h-12 border-t-2", children: formatNumber(prizeAmountsByRank[i], {
30
- currency: localeInfo.currency.code,
31
- minDecimalPlaces: 2,
32
- maxDecimalPlaces: 2,
33
- }) })) : (_jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" }))] }, i))) })) : (_jsx(_Fragment, { children: Array.from({ length: 10 }).map((_, i) => (_jsxs("tr", { className: "bg-bg-primary text-text-secondary-700 text-sm", children: [_jsx("td", { className: "border-border-secondary h-12 w-[52px] border-t-2", children: i + 1 < 6 ? (_jsxs("div", { className: "relative", children: [_jsx(StarIcon, { className: twMerge('mx-auto size-6.5', starTierStyles[i].starColor) }), _jsx("span", { className: twMerge('absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold', starTierStyles[i].numberColor), children: i + 1 })] })) : (i + 1) }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" })] }, i))) })) })] }) }) })] })] }), Boolean(filteredGameProviders.length) && (_jsx(TournamentGameProviders, { gameProviders: filteredGameProviders }))] }));
34
- }
35
- const starTierStyles = [
36
- {
37
- starColor: 'text-yellow-400',
38
- numberColor: 'text-bg-primary',
39
- },
40
- {
41
- starColor: 'text-utility-gray-700',
42
- numberColor: 'text-bg-primary',
43
- },
44
- {
45
- starColor: 'text-yellow-700',
46
- numberColor: 'text-bg-primary',
47
- },
48
- {
49
- starColor: 'text-bg-quaternary',
50
- numberColor: 'text-text-primary-900',
51
- },
52
- {
53
- starColor: 'text-bg-quaternary',
54
- numberColor: 'text-text-primary-900',
55
- },
56
- ];
@@ -1,7 +0,0 @@
1
- import type { Tournament } from '@opexa/portal-sdk-core';
2
- import type { GameProviderData } from '../../types';
3
- export interface TournamentItemMobileProps {
4
- tournament: Tournament;
5
- gameProviders: GameProviderData[];
6
- }
7
- export declare function TournamentItemMobile({ tournament, gameProviders, }: TournamentItemMobileProps): import("react/jsx-runtime").JSX.Element;
@@ -1,54 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
- import Image from 'next/image';
4
- import React, { useState } from 'react';
5
- import { twMerge } from 'tailwind-merge';
6
- import { ArrowNarrowDownIcon, ArrowNarrowUpIcon, Award01Icon, StarIcon, Trophy01Icon, User01Icon, } from '../../icons/index.js';
7
- import firstPlace from '../../images/first-place.png';
8
- import trophy from '../../images/trophy.png';
9
- import { Button } from '../../ui/index.js';
10
- import { formatNumber, mask } from '../../utils/index.js';
11
- import { TournamentGameProviders } from './TournamentGameProviders.js';
12
- import { TournamentRules } from './TournamentRules.js';
13
- import { useTournamentItemData } from './useTournamentItemData.js';
14
- export function TournamentItemMobile({ tournament, gameProviders, }) {
15
- const [isDetailsVisible, setIsDetailsVisible] = useState(false);
16
- const { prizeAmountsByRank, timeParts, tournamentReward, filteredGameProviders, localeInfo, } = useTournamentItemData({ tournament, gameProviders });
17
- return (_jsxs("div", { className: "bg-bg-primary border-border-primary rounded-2xl border", children: [_jsx("div", { className: twMerge('bg-bg-tertiary relative flex shrink-0 rounded-2xl p-3 text-center lg:gap-4 lg:p-5'), children: _jsxs("div", { className: "z-1 relative flex flex-1 flex-col", children: [_jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsx("div", { className: "flex w-full flex-col", children: _jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex w-full justify-between", children: [_jsxs("div", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium", children: [_jsx(Award01Icon, { className: "text-utility-brand-500 size-3.5" }), "Multiplier"] }), _jsx("div", { className: "flex h-fit", children: timeParts.map((part, idx) => (_jsxs(React.Fragment, { children: [_jsxs("div", { className: twMerge('bg-bg-primary text-text-primary-900 flex h-fit w-8 flex-col items-center rounded-[4px] pb-1.5'), children: [_jsx("span", { className: "text-base font-medium", children: String(part.value).padStart(2, '0') }), _jsx("span", { className: "text-[8px]", children: part.label })] }), idx < timeParts.length - 1 && (_jsxs("div", { className: "flex flex-col justify-center gap-[6px] px-[6px]", children: [_jsx("div", { className: "bg-bg-primary h-1 w-1 rounded-full" }), _jsx("div", { className: "bg-bg-primary h-1 w-1 rounded-full" })] }))] }, part.label))) })] }), _jsx("div", { className: "text-text-primary-900 mt-2.5 text-left text-lg font-medium lg:mt-5 lg:text-2xl", children: tournament.name }), _jsx("div", { className: "bg-bg-primary text-brand-400 mt-1.5 w-fit rounded-md px-2 py-1 text-2xl font-bold lg:mt-2 lg:text-4xl", children: formatNumber(tournamentReward, {
18
- currency: localeInfo.currency.code,
19
- minDecimalPlaces: 2,
20
- maxDecimalPlaces: 2,
21
- }) })] }), _jsx("div", { className: "z-1 absolute bottom-[-60] right-0", children: _jsx(Image, { width: 72.94, height: 93, src: trophy, alt: "trophy", quality: 100, className: "size-full" }) })] }) }) }) }), tournament.topPayouts.length ? (_jsx("div", { children: _jsxs("div", { className: "bg-bg-primary relative mt-4 flex w-full gap-4 rounded-lg p-4", children: [_jsxs("div", { className: "bg-bg-tertiary relative flex h-18 w-18 items-center justify-center rounded-full", children: [_jsx(User01Icon, { className: "text-text-quarterary-500 size-9" }), _jsx("div", { className: "bg-yellow-400 text-brand-950 border-bg-primary absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center rounded-full border-[1.5px] text-xs font-bold", children: "1st" })] }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsxs("div", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium", children: [_jsx(Trophy01Icon, { className: "text-utility-brand-600 size-3.5" }), "Top Payout"] }), _jsx("div", { className: "font-semibold", children: mask(tournament?.topPayouts[0]?.member?.name || '') }), _jsx("div", { className: "text-brand-400 text-2xl", children: formatNumber(tournament?.topPayouts[0]?.amount, {
22
- currency: localeInfo.currency.code,
23
- minDecimalPlaces: 2,
24
- maxDecimalPlaces: 2,
25
- }) })] })] }) })) : (_jsxs("div", { className: "bg-bg-primary relative mt-4 flex w-full gap-4 rounded-lg p-4", children: [_jsx(Image, { width: 66, height: 87, src: firstPlace, alt: "closeChest", className: "size-full h-auto w-[66px] mix-blend-luminosity" }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsxs("div", { className: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 flex h-fit w-fit items-center gap-1 rounded-sm border px-2 py-0.5 text-xs font-medium", children: [_jsx(Trophy01Icon, { className: "text-utility-brand-600 size-3.5" }), "Top Payout"] }), _jsx("div", { className: "font-semibold", children: "No winners yet" }), _jsx("div", { className: "text-text-secondary-700 text-xs", children: "You could be the first to win the tournament!" })] })] })), _jsx(Button, { variant: "outline", className: twMerge('mt-5.5 px-3.5 py-2.5 text-sm', isDetailsVisible ? 'hidden' : 'flex'), onClick: () => setIsDetailsVisible(!isDetailsVisible), children: _jsxs("div", { className: "flex gap-1.5", children: ["See Details", _jsx(ArrowNarrowDownIcon, { className: "size-5" })] }) })] }) }), isDetailsVisible && (_jsxs("div", { children: [_jsxs("div", { className: "z-1 flex-1", children: [_jsxs("div", { className: "flex items-center justify-between p-3", children: [_jsx("div", { className: "flex gap-2", children: _jsx("div", { className: "text-text-primary-900 text-lg font-semibold", children: tournament.currentLeaderboard.edges.length
26
- ? 'Leaderboard'
27
- : 'Starting soon!' }) }), _jsx(TournamentRules, { jackpotRules: tournament.description })] }), _jsx("div", { children: _jsx("div", { className: "border-gray-200 overflow-hidden", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-bg-secondary text-text-tertiary-600 h-8 text-center text-xs font-medium", children: [_jsx("th", { className: "w-[52px]", children: "#" }), _jsx("th", { children: "Player" }), _jsx("th", { children: "Multiplier" }), _jsx("th", { children: "Prize" })] }) }), _jsx("tbody", { children: tournament.currentLeaderboard.edges.length ? (_jsx(_Fragment, { children: tournament.currentLeaderboard.edges.map((tournament, i) => (_jsxs("tr", { className: "bg-bg-primary text-text-secondary-700 text-center text-sm", children: [_jsx("td", { className: "border-border-secondary h-12 w-[52px] border-t-2", children: i + 1 < 6 ? (_jsxs("div", { className: "relative", children: [_jsx(StarIcon, { className: twMerge('mx-auto size-6.5', starTierStyles[i].starColor) }), _jsx("span", { className: twMerge('absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold', starTierStyles[i].numberColor), children: i + 1 })] })) : (i + 1) }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: mask(tournament.node.username) }), _jsxs("td", { className: "border-border-secondary h-12 border-t-2", children: [tournament.node.multiplier, "x"] }), i + 1 <= prizeAmountsByRank.length ? (_jsx("td", { className: "border-border-secondary text-brand-400 h-12 border-t-2", children: formatNumber(prizeAmountsByRank[i], {
28
- currency: localeInfo.currency.code,
29
- minDecimalPlaces: 2,
30
- maxDecimalPlaces: 2,
31
- }) })) : (_jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" }))] }, i))) })) : (_jsx(_Fragment, { children: Array.from({ length: 5 }).map((_, i) => (_jsxs("tr", { className: "bg-bg-primary text-text-secondary-700 text-center text-sm", children: [_jsx("td", { className: "border-border-secondary h-12 w-[52px] border-t-2", children: i + 1 < 6 ? (_jsxs("div", { className: "relative", children: [_jsx(StarIcon, { className: twMerge('mx-auto size-6.5', starTierStyles[i].starColor) }), _jsx("span", { className: twMerge('absolute inset-0 mt-0.5 flex items-center justify-center text-2xs font-bold', starTierStyles[i].numberColor), children: i + 1 })] })) : (i + 1) }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" }), _jsx("td", { className: "border-border-secondary h-12 border-t-2", children: "-" })] }, i))) })) })] }) }) })] }), Boolean(filteredGameProviders.length) && (_jsx(TournamentGameProviders, { gameProviders: filteredGameProviders })), _jsx("div", { className: "m-3", children: _jsx(Button, { variant: "outline", className: twMerge('px-3.5 py-2.5 text-sm', !isDetailsVisible ? 'hidden' : 'flex'), onClick: () => setIsDetailsVisible(!isDetailsVisible), children: _jsxs("div", { className: "flex gap-1.5", children: ["Hide", _jsx(ArrowNarrowUpIcon, { className: "size-5" })] }) }) })] }))] }));
32
- }
33
- const starTierStyles = [
34
- {
35
- starColor: 'text-yellow-400',
36
- numberColor: 'text-bg-primary',
37
- },
38
- {
39
- starColor: 'text-utility-gray-700',
40
- numberColor: 'text-bg-primary',
41
- },
42
- {
43
- starColor: 'text-yellow-700',
44
- numberColor: 'text-bg-primary',
45
- },
46
- {
47
- starColor: 'text-bg-quaternary',
48
- numberColor: 'text-text-primary-900',
49
- },
50
- {
51
- starColor: 'text-bg-quaternary',
52
- numberColor: 'text-text-primary-900',
53
- },
54
- ];
@@ -1,16 +0,0 @@
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
- };
@@ -1,64 +0,0 @@
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
- }
Binary file