@opexa/portal-components 0.0.226 → 0.0.228
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.
- package/dist/components/Bonus/Bonus.client.js +1 -1
- package/dist/components/Cashback/Cashback.client.js +1 -1
- package/dist/components/CustomPromo/CustomPromo.js +1 -1
- package/dist/components/Disclaimer/Disclaimer.d.ts +1 -0
- package/dist/components/Disclaimer/Disclaimer.js +1 -1
- package/dist/components/Disclaimer/DisclaimerV2.d.ts +1 -0
- package/dist/components/Disclaimer/DisclaimerV2.js +6 -2
- package/dist/components/GameLaunch/GameLaunch.lazy.js +1 -1
- package/dist/components/GamesSearch/GamesSearch.js +1 -1
- package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.module.css +184 -184
- package/dist/components/Jackpots/JackpotsList/JackpotsListItem.module.css +184 -184
- package/dist/components/KYC/AutoOpen.js +3 -8
- package/dist/components/KYC/KYCReminder.lazy.js +2 -2
- package/dist/components/KYC/backup/KYCContext.d.ts +5 -1
- package/dist/components/KYC/loadModels.d.ts +1 -0
- package/dist/components/KYC/loadModels.js +9 -0
- package/dist/components/KYC/utils.js +18 -18
- package/dist/components/Messages/MessageContext.d.ts +5 -1
- package/dist/components/Messages/MessagesPopup.js +2 -0
- package/dist/components/News/News.js +1 -1
- package/dist/components/Promo/Promo.client.js +1 -1
- package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.d.ts +1 -1
- package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.js +10 -5
- package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.js +4 -3
- package/dist/components/Quests/OnboardingQuest/OnboardingQuest.d.ts +1 -1
- package/dist/components/Quests/WageringQuest/WageringQuest.d.ts +1 -1
- package/dist/components/Quests/WageringQuest/WageringQuest.js +3 -2
- package/dist/components/Quests/WageringQuest/WageringQuestModal.js +4 -3
- package/dist/components/Search/Search.lazy.js +1 -1
- package/dist/components/SignUp/SignUpForm.js +2 -1
- package/dist/components/SignUp/SignUpPagcor/CaptureIdDocument.d.ts +1 -0
- package/dist/components/SignUp/SignUpPagcor/CaptureIdDocument.js +198 -0
- package/dist/components/SignUp/SignUpPagcor/CaptureSelfie.d.ts +1 -0
- package/dist/components/SignUp/SignUpPagcor/CaptureSelfie.js +251 -0
- package/dist/components/SignUp/SignUpPagcor/ImageUploader.d.ts +10 -0
- package/dist/components/SignUp/SignUpPagcor/ImageUploader.js +41 -0
- package/dist/components/SignUp/SignUpPagcor/SignUpFormPagcor.d.ts +1 -0
- package/dist/components/SignUp/SignUpPagcor/SignUpFormPagcor.js +429 -0
- package/dist/components/SignUp/SignUpPagcor/SignUpPagcor.lazy.d.ts +13 -0
- package/dist/components/SignUp/SignUpPagcor/SignUpPagcor.lazy.js +26 -0
- package/dist/components/SignUp/SignUpPagcor/SignUpPagcorContext.d.ts +7 -0
- package/dist/components/SignUp/SignUpPagcor/SignUpPagcorContext.js +2 -0
- package/dist/components/SignUp/SignUpPagcor/useImageUploader.d.ts +11 -0
- package/dist/components/SignUp/SignUpPagcor/useImageUploader.js +20 -0
- package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselItem.module.css +184 -184
- package/dist/components/Tournaments/TournamentsList/TournamentItem.module.css +184 -184
- package/dist/constants/BranchCode.d.ts +4 -0
- package/dist/constants/BranchCode.js +42 -0
- package/dist/services/queries.js +2527 -2527
- package/dist/styles/theme.css +694 -694
- package/dist/utils/resizeImageSize.d.ts +1 -0
- package/dist/utils/resizeImageSize.js +5 -0
- package/package.json +164 -164
- package/dist/client/hooks/index.d.ts +0 -65
- package/dist/client/hooks/index.js +0 -65
- package/dist/client/services/index.d.ts +0 -4
- package/dist/client/services/index.js +0 -4
- package/dist/client/utils/index.d.ts +0 -3
- package/dist/client/utils/index.js +0 -3
- package/dist/components/Empty.d.ts +0 -10
- package/dist/components/Empty.js +0 -7
- package/dist/components/Games/GameContext.d.ts +0 -2
- package/dist/components/Games/GameContext.js +0 -2
- package/dist/components/InfiniteScroll.d.ts +0 -10
- package/dist/components/InfiniteScroll.js +0 -25
- package/dist/components/JackpotCounter/JackpotCounter.client.d.ts +0 -2
- package/dist/components/JackpotCounter/JackpotCounter.client.js +0 -66
- package/dist/components/JackpotCounter/JackpotCounter.d.ts +0 -17
- package/dist/components/JackpotCounter/JackpotCounter.js +0 -21
- package/dist/components/JackpotCounter/JackpotCounterItem.d.ts +0 -18
- package/dist/components/JackpotCounter/JackpotCounterItem.js +0 -109
- package/dist/components/JackpotCounter/JackpotCounterItem.module.css +0 -184
- package/dist/components/JackpotCounter/index.d.ts +0 -1
- package/dist/components/JackpotCounter/index.js +0 -1
- package/dist/components/Jackpots/JackpotDesktop.d.ts +0 -1
- package/dist/components/Jackpots/JackpotDesktop.js +0 -45
- package/dist/components/Jackpots/JackpotGameProviders.d.ts +0 -5
- package/dist/components/Jackpots/JackpotGameProviders.js +0 -41
- package/dist/components/Jackpots/JackpotItemDesktop.d.ts +0 -9
- package/dist/components/Jackpots/JackpotItemDesktop.js +0 -43
- package/dist/components/Jackpots/JackpotItemMobile.d.ts +0 -9
- package/dist/components/Jackpots/JackpotItemMobile.js +0 -44
- package/dist/components/Jackpots/JackpotMobile.d.ts +0 -1
- package/dist/components/Jackpots/JackpotMobile.js +0 -46
- package/dist/components/Jackpots/JackpotRules.d.ts +0 -5
- package/dist/components/Jackpots/JackpotRules.js +0 -11
- package/dist/components/Jackpots/Jackpots.client.d.ts +0 -2
- package/dist/components/Jackpots/Jackpots.client.js +0 -29
- package/dist/components/Jackpots/JackpotsContext.d.ts +0 -4
- package/dist/components/Jackpots/JackpotsContext.js +0 -3
- package/dist/components/Jackpots/useJackpotData.d.ts +0 -14
- package/dist/components/Jackpots/useJackpotData.js +0 -93
- package/dist/components/Jackpots/useJackpotItemData.d.ts +0 -20
- package/dist/components/Jackpots/useJackpotItemData.js +0 -87
- package/dist/components/KYC/Header.d.ts +0 -1
- package/dist/components/KYC/Header.js +0 -6
- package/dist/components/KYC/Step1.d.ts +0 -1
- package/dist/components/KYC/Step1.js +0 -12
- package/dist/components/KYC/Step2.d.ts +0 -1
- package/dist/components/KYC/Step2.js +0 -12
- package/dist/components/KYC/Step3.d.ts +0 -1
- package/dist/components/KYC/Step3.js +0 -11
- package/dist/components/KYC/Step4.d.ts +0 -1
- package/dist/components/KYC/Step4.js +0 -6
- package/dist/components/Messages/MessageItem.d.ts +0 -4
- package/dist/components/Messages/MessageItem.js +0 -34
- package/dist/components/TournamentCounter/TournamentCounter.client.d.ts +0 -2
- package/dist/components/TournamentCounter/TournamentCounter.client.js +0 -50
- package/dist/components/TournamentCounter/TournamentCounter.d.ts +0 -8
- package/dist/components/TournamentCounter/TournamentCounter.js +0 -21
- package/dist/components/TournamentCounter/TournamentCounterItem.d.ts +0 -8
- package/dist/components/TournamentCounter/TournamentCounterItem.js +0 -106
- package/dist/components/TournamentCounter/index.d.ts +0 -1
- package/dist/components/TournamentCounter/index.js +0 -1
- package/dist/components/Tournaments/TournamentDesktop.d.ts +0 -1
- package/dist/components/Tournaments/TournamentDesktop.js +0 -57
- package/dist/components/Tournaments/TournamentGameProviders.d.ts +0 -5
- package/dist/components/Tournaments/TournamentGameProviders.js +0 -38
- package/dist/components/Tournaments/TournamentItemDesktop.d.ts +0 -7
- package/dist/components/Tournaments/TournamentItemDesktop.js +0 -56
- package/dist/components/Tournaments/TournamentItemMobile.d.ts +0 -7
- package/dist/components/Tournaments/TournamentItemMobile.js +0 -54
- package/dist/components/Tournaments/TournamentMobile.d.ts +0 -1
- package/dist/components/Tournaments/TournamentMobile.js +0 -55
- package/dist/components/Tournaments/TournamentRules.d.ts +0 -5
- package/dist/components/Tournaments/TournamentRules.js +0 -11
- package/dist/components/Tournaments/Tournaments.client.d.ts +0 -2
- package/dist/components/Tournaments/Tournaments.client.js +0 -20
- package/dist/components/Tournaments/TournamentsContext.d.ts +0 -4
- package/dist/components/Tournaments/TournamentsContext.js +0 -3
- package/dist/components/Tournaments/useTournamentData.d.ts +0 -10
- package/dist/components/Tournaments/useTournamentData.js +0 -72
- package/dist/components/Tournaments/useTournamentItemData.d.ts +0 -16
- package/dist/components/Tournaments/useTournamentItemData.js +0 -64
- package/dist/components/index.d.ts +0 -33
- package/dist/components/index.js +0 -33
- package/dist/constants/envVars.d.ts +0 -5
- package/dist/constants/envVars.js +0 -28
- package/dist/constants/gameProviders.d.ts +0 -5
- package/dist/constants/gameProviders.js +0 -362
- package/dist/constants/gameTypes.d.ts +0 -4
- package/dist/constants/gameTypes.js +0 -64
- package/dist/constants/headerKeys.d.ts +0 -1
- package/dist/constants/headerKeys.js +0 -1
- package/dist/constants/secretQuestions.d.ts +0 -3
- package/dist/constants/secretQuestions.js +0 -24
- package/dist/constants/storageKeys.d.ts +0 -2
- package/dist/constants/storageKeys.js +0 -2
- package/dist/icons/index.d.ts +0 -65
- package/dist/icons/index.js +0 -65
- package/dist/images/hacksaw-gaming.png +0 -0
- package/dist/server/services/index.d.ts +0 -4
- package/dist/server/services/index.js +0 -4
- package/dist/server/utils/index.d.ts +0 -29
- package/dist/server/utils/index.js +0 -29
- package/dist/ui/Presence.d.ts +0 -2
- package/dist/ui/Presence.js +0 -7
- package/dist/ui/Prose.d.ts +0 -2
- package/dist/ui/Prose.js +0 -5
- package/dist/ui/index.d.ts +0 -26
- package/dist/ui/index.js +0 -26
- package/dist/utils/constants.d.ts +0 -2
- package/dist/utils/constants.js +0 -2
- package/dist/utils/index.d.ts +0 -17
- package/dist/utils/index.js +0 -17
- package/dist/utils/isBetween3amAnd3pm.d.ts +0 -1
- package/dist/utils/isBetween3amAnd3pm.js +0 -5
- package/dist/utils/isMobile.d.ts +0 -5
- package/dist/utils/isMobile.js +0 -9
|
@@ -4,3 +4,8 @@ export const resizeFile = (file) => new Promise((resolve) => {
|
|
|
4
4
|
resolve(uri);
|
|
5
5
|
}, 'file');
|
|
6
6
|
});
|
|
7
|
+
export const resizeFileBase64 = (file) => new Promise((resolve) => {
|
|
8
|
+
Resizer.imageFileResizer(file, 1200, 300, 'WEBP', 100, 0, (uri) => {
|
|
9
|
+
resolve(uri);
|
|
10
|
+
}, 'base64');
|
|
11
|
+
});
|
package/package.json
CHANGED
|
@@ -1,164 +1,164 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@opexa/portal-components",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"exports": {
|
|
5
|
-
"./ui/*": {
|
|
6
|
-
"types": "./dist/ui/*/index.d.ts",
|
|
7
|
-
"default": "./dist/ui/*/index.js"
|
|
8
|
-
},
|
|
9
|
-
"./utils/*": {
|
|
10
|
-
"types": "./dist/utils/*.d.ts",
|
|
11
|
-
"import": "./dist/utils/*.js"
|
|
12
|
-
},
|
|
13
|
-
"./types": {
|
|
14
|
-
"types": "./dist/types/index.d.ts",
|
|
15
|
-
"import": "./dist/types/index.js"
|
|
16
|
-
},
|
|
17
|
-
"./handlers": {
|
|
18
|
-
"types": "./dist/handlers.d.ts",
|
|
19
|
-
"default": "./dist/handlers.js"
|
|
20
|
-
},
|
|
21
|
-
"./middleware": {
|
|
22
|
-
"types": "./dist/middleware.d.ts",
|
|
23
|
-
"default": "./dist/middleware.js"
|
|
24
|
-
},
|
|
25
|
-
"./constants": {
|
|
26
|
-
"types": "./dist/constants/index.d.ts",
|
|
27
|
-
"default": "./dist/constants/index.js"
|
|
28
|
-
},
|
|
29
|
-
"./services/*": {
|
|
30
|
-
"types": "./dist/services/*.d.ts",
|
|
31
|
-
"default": "./dist/services/*.js"
|
|
32
|
-
},
|
|
33
|
-
"./client-utils/*": {
|
|
34
|
-
"types": "./dist/client/utils/*.d.ts",
|
|
35
|
-
"default": "./dist/client/utils/*.js"
|
|
36
|
-
},
|
|
37
|
-
"./client-hooks/*": {
|
|
38
|
-
"types": "./dist/client/hooks/*.d.ts",
|
|
39
|
-
"default": "./dist/client/hooks/*.js"
|
|
40
|
-
},
|
|
41
|
-
"./client-services/*": {
|
|
42
|
-
"types": "./dist/client/services/*.d.ts",
|
|
43
|
-
"default": "./dist/client/services/*.js"
|
|
44
|
-
},
|
|
45
|
-
"./server-utils/*": {
|
|
46
|
-
"types": "./dist/server/utils/*.d.ts",
|
|
47
|
-
"default": "./dist/server/utils/*.js"
|
|
48
|
-
},
|
|
49
|
-
"./server-services/*": {
|
|
50
|
-
"types": "./dist/server/services/*.d.ts",
|
|
51
|
-
"default": "./dist/server/services/*.js"
|
|
52
|
-
},
|
|
53
|
-
"./next.config": {
|
|
54
|
-
"types": "./dist/next.config.d.ts",
|
|
55
|
-
"default": "./dist/next.config.js"
|
|
56
|
-
},
|
|
57
|
-
"./theme.css": "./dist/styles/theme.css",
|
|
58
|
-
"./*": {
|
|
59
|
-
"types": "./dist/components/*/index.d.ts",
|
|
60
|
-
"default": "./dist/components/*/index.js"
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
"files": [
|
|
64
|
-
"dist",
|
|
65
|
-
"!dist/tsconfig.tsbuildinfo",
|
|
66
|
-
"!dist/tsconfig.build.tsbuildinfo"
|
|
67
|
-
],
|
|
68
|
-
"publishConfig": {
|
|
69
|
-
"access": "public"
|
|
70
|
-
},
|
|
71
|
-
"scripts": {
|
|
72
|
-
"dev": "next dev --port 4000 --turbopack",
|
|
73
|
-
"build": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json && copy-files-from-to",
|
|
74
|
-
"build:app": "next build",
|
|
75
|
-
"start": "next start",
|
|
76
|
-
"lint": "next lint",
|
|
77
|
-
"release": "release-it"
|
|
78
|
-
},
|
|
79
|
-
"dependencies": {
|
|
80
|
-
"@ark-ui/react": "^5.14.2",
|
|
81
|
-
"@date-fns/tz": "^1.2.0",
|
|
82
|
-
"@next/third-parties": "^15.3.4",
|
|
83
|
-
"@tailwindcss/typography": "^0.5.16",
|
|
84
|
-
"date-fns": "^4.1.0",
|
|
85
|
-
"embla-carousel-autoplay": "^8.6.0",
|
|
86
|
-
"embla-carousel-react": "^8.6.0",
|
|
87
|
-
"face-api.js": "^0.22.2",
|
|
88
|
-
"is-mobile": "^5.0.0",
|
|
89
|
-
"lodash-es": "^4.17.21",
|
|
90
|
-
"react-image-file-resizer": "^0.4.8",
|
|
91
|
-
"tailwind-merge": "^3.3.1",
|
|
92
|
-
"tailwind-variants": "^1.0.0",
|
|
93
|
-
"tailwind-zag": "^1.0.2",
|
|
94
|
-
"tiny-invariant": "^1.3.3",
|
|
95
|
-
"type-fest": "^4.41.0",
|
|
96
|
-
"usehooks-ts": "^3.1.1",
|
|
97
|
-
"zustand": "^5.0.5"
|
|
98
|
-
},
|
|
99
|
-
"devDependencies": {
|
|
100
|
-
"@eslint/eslintrc": "3",
|
|
101
|
-
"@hookform/resolvers": "5.1.1",
|
|
102
|
-
"@opexa/object-id": "0.1.6",
|
|
103
|
-
"@tailwindcss/postcss": "4",
|
|
104
|
-
"@tanstack/react-query": "5.81.2",
|
|
105
|
-
"@tanstack/react-query-devtools": "5.81.2",
|
|
106
|
-
"@total-typescript/ts-reset": "0.6.1",
|
|
107
|
-
"@types/lodash-es": "4.17.12",
|
|
108
|
-
"@types/node": "24",
|
|
109
|
-
"@types/react": "19",
|
|
110
|
-
"@types/react-dom": "19",
|
|
111
|
-
"copy-files-from-to": "3.12.1",
|
|
112
|
-
"eslint": "9",
|
|
113
|
-
"eslint-config-next": "15.3.4",
|
|
114
|
-
"next": "15.4.0-canary.61",
|
|
115
|
-
"react": "19.1.0",
|
|
116
|
-
"react-dom": "19.1.0",
|
|
117
|
-
"react-hook-form": "7.58.1",
|
|
118
|
-
"release-it": "19.0.3",
|
|
119
|
-
"tailwindcss": "4.1.10",
|
|
120
|
-
"tsc-alias": "1.8.16",
|
|
121
|
-
"typescript": "5",
|
|
122
|
-
"zod": "3.25.67"
|
|
123
|
-
},
|
|
124
|
-
"peerDependencies": {
|
|
125
|
-
"@hookform/resolvers": "^4.0.0 || ^5.0.0",
|
|
126
|
-
"@opexa/object-id": "^0.1.0",
|
|
127
|
-
"@tanstack/react-query": "^5.0.0",
|
|
128
|
-
"next": "^15.4.0-canary.1",
|
|
129
|
-
"react": "^19.0.0",
|
|
130
|
-
"react-dom": "^19.0.0",
|
|
131
|
-
"react-hook-form": "^7.0.0",
|
|
132
|
-
"tailwindcss": "^4.0.0",
|
|
133
|
-
"zod": "^3.0.0"
|
|
134
|
-
},
|
|
135
|
-
"release-it": {
|
|
136
|
-
"git": {
|
|
137
|
-
"commitMessage": "chore: release ${npm.name} v${version}",
|
|
138
|
-
"tagName": "${npm.name}@${version}"
|
|
139
|
-
},
|
|
140
|
-
"github": {
|
|
141
|
-
"release": false
|
|
142
|
-
},
|
|
143
|
-
"hooks": {
|
|
144
|
-
"before:bump": [
|
|
145
|
-
"pnpm lint"
|
|
146
|
-
],
|
|
147
|
-
"after:bump": [
|
|
148
|
-
"pnpm build"
|
|
149
|
-
]
|
|
150
|
-
}
|
|
151
|
-
},
|
|
152
|
-
"copyFiles": [
|
|
153
|
-
{
|
|
154
|
-
"from": "src/lib/**/*.{png,jpg,jpeg,gif,svg,css,json}",
|
|
155
|
-
"to": "dist/",
|
|
156
|
-
"toFlat": false
|
|
157
|
-
}
|
|
158
|
-
],
|
|
159
|
-
"copyFilesSettings": {
|
|
160
|
-
"whenFileExists": "overwrite",
|
|
161
|
-
"removeSourceMappingURL": true,
|
|
162
|
-
"ignoreDotFilesAndFolders": false
|
|
163
|
-
}
|
|
164
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@opexa/portal-components",
|
|
3
|
+
"version": "0.0.228",
|
|
4
|
+
"exports": {
|
|
5
|
+
"./ui/*": {
|
|
6
|
+
"types": "./dist/ui/*/index.d.ts",
|
|
7
|
+
"default": "./dist/ui/*/index.js"
|
|
8
|
+
},
|
|
9
|
+
"./utils/*": {
|
|
10
|
+
"types": "./dist/utils/*.d.ts",
|
|
11
|
+
"import": "./dist/utils/*.js"
|
|
12
|
+
},
|
|
13
|
+
"./types": {
|
|
14
|
+
"types": "./dist/types/index.d.ts",
|
|
15
|
+
"import": "./dist/types/index.js"
|
|
16
|
+
},
|
|
17
|
+
"./handlers": {
|
|
18
|
+
"types": "./dist/handlers.d.ts",
|
|
19
|
+
"default": "./dist/handlers.js"
|
|
20
|
+
},
|
|
21
|
+
"./middleware": {
|
|
22
|
+
"types": "./dist/middleware.d.ts",
|
|
23
|
+
"default": "./dist/middleware.js"
|
|
24
|
+
},
|
|
25
|
+
"./constants": {
|
|
26
|
+
"types": "./dist/constants/index.d.ts",
|
|
27
|
+
"default": "./dist/constants/index.js"
|
|
28
|
+
},
|
|
29
|
+
"./services/*": {
|
|
30
|
+
"types": "./dist/services/*.d.ts",
|
|
31
|
+
"default": "./dist/services/*.js"
|
|
32
|
+
},
|
|
33
|
+
"./client-utils/*": {
|
|
34
|
+
"types": "./dist/client/utils/*.d.ts",
|
|
35
|
+
"default": "./dist/client/utils/*.js"
|
|
36
|
+
},
|
|
37
|
+
"./client-hooks/*": {
|
|
38
|
+
"types": "./dist/client/hooks/*.d.ts",
|
|
39
|
+
"default": "./dist/client/hooks/*.js"
|
|
40
|
+
},
|
|
41
|
+
"./client-services/*": {
|
|
42
|
+
"types": "./dist/client/services/*.d.ts",
|
|
43
|
+
"default": "./dist/client/services/*.js"
|
|
44
|
+
},
|
|
45
|
+
"./server-utils/*": {
|
|
46
|
+
"types": "./dist/server/utils/*.d.ts",
|
|
47
|
+
"default": "./dist/server/utils/*.js"
|
|
48
|
+
},
|
|
49
|
+
"./server-services/*": {
|
|
50
|
+
"types": "./dist/server/services/*.d.ts",
|
|
51
|
+
"default": "./dist/server/services/*.js"
|
|
52
|
+
},
|
|
53
|
+
"./next.config": {
|
|
54
|
+
"types": "./dist/next.config.d.ts",
|
|
55
|
+
"default": "./dist/next.config.js"
|
|
56
|
+
},
|
|
57
|
+
"./theme.css": "./dist/styles/theme.css",
|
|
58
|
+
"./*": {
|
|
59
|
+
"types": "./dist/components/*/index.d.ts",
|
|
60
|
+
"default": "./dist/components/*/index.js"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
"files": [
|
|
64
|
+
"dist",
|
|
65
|
+
"!dist/tsconfig.tsbuildinfo",
|
|
66
|
+
"!dist/tsconfig.build.tsbuildinfo"
|
|
67
|
+
],
|
|
68
|
+
"publishConfig": {
|
|
69
|
+
"access": "public"
|
|
70
|
+
},
|
|
71
|
+
"scripts": {
|
|
72
|
+
"dev": "next dev --port 4000 --turbopack",
|
|
73
|
+
"build": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json && copy-files-from-to",
|
|
74
|
+
"build:app": "next build",
|
|
75
|
+
"start": "next start",
|
|
76
|
+
"lint": "next lint",
|
|
77
|
+
"release": "release-it"
|
|
78
|
+
},
|
|
79
|
+
"dependencies": {
|
|
80
|
+
"@ark-ui/react": "^5.14.2",
|
|
81
|
+
"@date-fns/tz": "^1.2.0",
|
|
82
|
+
"@next/third-parties": "^15.3.4",
|
|
83
|
+
"@tailwindcss/typography": "^0.5.16",
|
|
84
|
+
"date-fns": "^4.1.0",
|
|
85
|
+
"embla-carousel-autoplay": "^8.6.0",
|
|
86
|
+
"embla-carousel-react": "^8.6.0",
|
|
87
|
+
"face-api.js": "^0.22.2",
|
|
88
|
+
"is-mobile": "^5.0.0",
|
|
89
|
+
"lodash-es": "^4.17.21",
|
|
90
|
+
"react-image-file-resizer": "^0.4.8",
|
|
91
|
+
"tailwind-merge": "^3.3.1",
|
|
92
|
+
"tailwind-variants": "^1.0.0",
|
|
93
|
+
"tailwind-zag": "^1.0.2",
|
|
94
|
+
"tiny-invariant": "^1.3.3",
|
|
95
|
+
"type-fest": "^4.41.0",
|
|
96
|
+
"usehooks-ts": "^3.1.1",
|
|
97
|
+
"zustand": "^5.0.5"
|
|
98
|
+
},
|
|
99
|
+
"devDependencies": {
|
|
100
|
+
"@eslint/eslintrc": "3",
|
|
101
|
+
"@hookform/resolvers": "5.1.1",
|
|
102
|
+
"@opexa/object-id": "0.1.6",
|
|
103
|
+
"@tailwindcss/postcss": "4",
|
|
104
|
+
"@tanstack/react-query": "5.81.2",
|
|
105
|
+
"@tanstack/react-query-devtools": "5.81.2",
|
|
106
|
+
"@total-typescript/ts-reset": "0.6.1",
|
|
107
|
+
"@types/lodash-es": "4.17.12",
|
|
108
|
+
"@types/node": "24",
|
|
109
|
+
"@types/react": "19",
|
|
110
|
+
"@types/react-dom": "19",
|
|
111
|
+
"copy-files-from-to": "3.12.1",
|
|
112
|
+
"eslint": "9",
|
|
113
|
+
"eslint-config-next": "15.3.4",
|
|
114
|
+
"next": "15.4.0-canary.61",
|
|
115
|
+
"react": "19.1.0",
|
|
116
|
+
"react-dom": "19.1.0",
|
|
117
|
+
"react-hook-form": "7.58.1",
|
|
118
|
+
"release-it": "19.0.3",
|
|
119
|
+
"tailwindcss": "4.1.10",
|
|
120
|
+
"tsc-alias": "1.8.16",
|
|
121
|
+
"typescript": "5",
|
|
122
|
+
"zod": "3.25.67"
|
|
123
|
+
},
|
|
124
|
+
"peerDependencies": {
|
|
125
|
+
"@hookform/resolvers": "^4.0.0 || ^5.0.0",
|
|
126
|
+
"@opexa/object-id": "^0.1.0",
|
|
127
|
+
"@tanstack/react-query": "^5.0.0",
|
|
128
|
+
"next": "^15.4.0-canary.1",
|
|
129
|
+
"react": "^19.0.0",
|
|
130
|
+
"react-dom": "^19.0.0",
|
|
131
|
+
"react-hook-form": "^7.0.0",
|
|
132
|
+
"tailwindcss": "^4.0.0",
|
|
133
|
+
"zod": "^3.0.0"
|
|
134
|
+
},
|
|
135
|
+
"release-it": {
|
|
136
|
+
"git": {
|
|
137
|
+
"commitMessage": "chore: release ${npm.name} v${version}",
|
|
138
|
+
"tagName": "${npm.name}@${version}"
|
|
139
|
+
},
|
|
140
|
+
"github": {
|
|
141
|
+
"release": false
|
|
142
|
+
},
|
|
143
|
+
"hooks": {
|
|
144
|
+
"before:bump": [
|
|
145
|
+
"pnpm lint"
|
|
146
|
+
],
|
|
147
|
+
"after:bump": [
|
|
148
|
+
"pnpm build"
|
|
149
|
+
]
|
|
150
|
+
}
|
|
151
|
+
},
|
|
152
|
+
"copyFiles": [
|
|
153
|
+
{
|
|
154
|
+
"from": "src/lib/**/*.{png,jpg,jpeg,gif,svg,css,json}",
|
|
155
|
+
"to": "dist/",
|
|
156
|
+
"toFlat": false
|
|
157
|
+
}
|
|
158
|
+
],
|
|
159
|
+
"copyFilesSettings": {
|
|
160
|
+
"whenFileExists": "overwrite",
|
|
161
|
+
"removeSourceMappingURL": true,
|
|
162
|
+
"ignoreDotFilesAndFolders": false
|
|
163
|
+
}
|
|
164
|
+
}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
export * from './useAccountQuery';
|
|
2
|
-
export * from './useAuthenticateMutation';
|
|
3
|
-
export * from './useAvailablePromosQuery';
|
|
4
|
-
export * from './useAvailableQuestsQuery';
|
|
5
|
-
export * from './useBetRecordsQuery';
|
|
6
|
-
export * from './useBonusesQuery';
|
|
7
|
-
export * from './useBonusQuery';
|
|
8
|
-
export * from './useCashbackBonusesQuery';
|
|
9
|
-
export * from './useCashbackBonusQuery';
|
|
10
|
-
export * from './useCashbackQuery';
|
|
11
|
-
export * from './useCashbacksQuery';
|
|
12
|
-
export * from './useCheckInDailyCheckInQuestMutation';
|
|
13
|
-
export * from './useChunk';
|
|
14
|
-
export * from './useClaimCashbackBonusMutation';
|
|
15
|
-
export * from './useClaimSpotBonusMutation';
|
|
16
|
-
export * from './useControllableState';
|
|
17
|
-
export * from './useCooldown';
|
|
18
|
-
export * from './useCreateGameSessionMutation';
|
|
19
|
-
export * from './useCreateGCashDepositMutation';
|
|
20
|
-
export * from './useCreateGCashWithdrawalMutation';
|
|
21
|
-
export * from './useCreateInstapayWithdrawalMutation';
|
|
22
|
-
export * from './useCreateMayaAppDepositMutation';
|
|
23
|
-
export * from './useCreateMayaAppWithdrawalMutation';
|
|
24
|
-
export * from './useCreateMayaDepositMutation';
|
|
25
|
-
export * from './useCreateMayaWithdrawalMutation';
|
|
26
|
-
export * from './useCreateOnlineBankDepositMutation';
|
|
27
|
-
export * from './useCreateQRPHDepositMutation';
|
|
28
|
-
export * from './useDepositQuery';
|
|
29
|
-
export * from './useDepositRecordsQuery';
|
|
30
|
-
export * from './useDepositsCountQuery';
|
|
31
|
-
export * from './useDisclosure';
|
|
32
|
-
export * from './useEndGameSessionMutation';
|
|
33
|
-
export * from './useFavoriteGamesQuery';
|
|
34
|
-
export * from './useGamesQuery';
|
|
35
|
-
export * from './useGlobalStore';
|
|
36
|
-
export * from './useInfiniteQueryHelper';
|
|
37
|
-
export * from './useInstapayBankListQuery';
|
|
38
|
-
export * from './useIsMayaSessionValidQuery';
|
|
39
|
-
export * from './useJackpotsQuery';
|
|
40
|
-
export * from './useLocaleInfo';
|
|
41
|
-
export * from './useMarkGameAsFavoriteMutation';
|
|
42
|
-
export * from './useMarkMessageAsReadMutation';
|
|
43
|
-
export * from './useMemberVerificationQuery';
|
|
44
|
-
export * from './useMessagesQuery';
|
|
45
|
-
export * from './useMobileNumberParser';
|
|
46
|
-
export * from './useOnMMA';
|
|
47
|
-
export * from './usePaymentSettingsQuery';
|
|
48
|
-
export * from './usePlatformQuery';
|
|
49
|
-
export * from './useProfileCompletionQuery';
|
|
50
|
-
export * from './usePromoQuery';
|
|
51
|
-
export * from './usePromosQuery';
|
|
52
|
-
export * from './useRemainingTime';
|
|
53
|
-
export * from './useSendVerificationCodeMutation';
|
|
54
|
-
export * from './useSessionQuery';
|
|
55
|
-
export * from './useSignInMutation';
|
|
56
|
-
export * from './useSignOutMutation';
|
|
57
|
-
export * from './useSignUpMutation';
|
|
58
|
-
export * from './useTopWinsQuery';
|
|
59
|
-
export * from './useTournamentsQuery';
|
|
60
|
-
export * from './useTransactionRecordsQuery';
|
|
61
|
-
export * from './useUnmarkGameAsFavoriteMutation';
|
|
62
|
-
export * from './useUnreadMessagesCountQuery';
|
|
63
|
-
export * from './useUpdateAccountMutation';
|
|
64
|
-
export * from './useWalletQuery';
|
|
65
|
-
export * from './useWithdrawalRecordsQuery';
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
export * from './useAccountQuery.js';
|
|
2
|
-
export * from './useAuthenticateMutation.js';
|
|
3
|
-
export * from './useAvailablePromosQuery.js';
|
|
4
|
-
export * from './useAvailableQuestsQuery.js';
|
|
5
|
-
export * from './useBetRecordsQuery.js';
|
|
6
|
-
export * from './useBonusesQuery.js';
|
|
7
|
-
export * from './useBonusQuery.js';
|
|
8
|
-
export * from './useCashbackBonusesQuery.js';
|
|
9
|
-
export * from './useCashbackBonusQuery.js';
|
|
10
|
-
export * from './useCashbackQuery.js';
|
|
11
|
-
export * from './useCashbacksQuery.js';
|
|
12
|
-
export * from './useCheckInDailyCheckInQuestMutation.js';
|
|
13
|
-
export * from './useChunk.js';
|
|
14
|
-
export * from './useClaimCashbackBonusMutation.js';
|
|
15
|
-
export * from './useClaimSpotBonusMutation.js';
|
|
16
|
-
export * from './useControllableState.js';
|
|
17
|
-
export * from './useCooldown.js';
|
|
18
|
-
export * from './useCreateGameSessionMutation.js';
|
|
19
|
-
export * from './useCreateGCashDepositMutation.js';
|
|
20
|
-
export * from './useCreateGCashWithdrawalMutation.js';
|
|
21
|
-
export * from './useCreateInstapayWithdrawalMutation.js';
|
|
22
|
-
export * from './useCreateMayaAppDepositMutation.js';
|
|
23
|
-
export * from './useCreateMayaAppWithdrawalMutation.js';
|
|
24
|
-
export * from './useCreateMayaDepositMutation.js';
|
|
25
|
-
export * from './useCreateMayaWithdrawalMutation.js';
|
|
26
|
-
export * from './useCreateOnlineBankDepositMutation.js';
|
|
27
|
-
export * from './useCreateQRPHDepositMutation.js';
|
|
28
|
-
export * from './useDepositQuery.js';
|
|
29
|
-
export * from './useDepositRecordsQuery.js';
|
|
30
|
-
export * from './useDepositsCountQuery.js';
|
|
31
|
-
export * from './useDisclosure.js';
|
|
32
|
-
export * from './useEndGameSessionMutation.js';
|
|
33
|
-
export * from './useFavoriteGamesQuery.js';
|
|
34
|
-
export * from './useGamesQuery.js';
|
|
35
|
-
export * from './useGlobalStore.js';
|
|
36
|
-
export * from './useInfiniteQueryHelper.js';
|
|
37
|
-
export * from './useInstapayBankListQuery.js';
|
|
38
|
-
export * from './useIsMayaSessionValidQuery.js';
|
|
39
|
-
export * from './useJackpotsQuery.js';
|
|
40
|
-
export * from './useLocaleInfo.js';
|
|
41
|
-
export * from './useMarkGameAsFavoriteMutation.js';
|
|
42
|
-
export * from './useMarkMessageAsReadMutation.js';
|
|
43
|
-
export * from './useMemberVerificationQuery.js';
|
|
44
|
-
export * from './useMessagesQuery.js';
|
|
45
|
-
export * from './useMobileNumberParser.js';
|
|
46
|
-
export * from './useOnMMA.js';
|
|
47
|
-
export * from './usePaymentSettingsQuery.js';
|
|
48
|
-
export * from './usePlatformQuery.js';
|
|
49
|
-
export * from './useProfileCompletionQuery.js';
|
|
50
|
-
export * from './usePromoQuery.js';
|
|
51
|
-
export * from './usePromosQuery.js';
|
|
52
|
-
export * from './useRemainingTime.js';
|
|
53
|
-
export * from './useSendVerificationCodeMutation.js';
|
|
54
|
-
export * from './useSessionQuery.js';
|
|
55
|
-
export * from './useSignInMutation.js';
|
|
56
|
-
export * from './useSignOutMutation.js';
|
|
57
|
-
export * from './useSignUpMutation.js';
|
|
58
|
-
export * from './useTopWinsQuery.js';
|
|
59
|
-
export * from './useTournamentsQuery.js';
|
|
60
|
-
export * from './useTransactionRecordsQuery.js';
|
|
61
|
-
export * from './useUnmarkGameAsFavoriteMutation.js';
|
|
62
|
-
export * from './useUnreadMessagesCountQuery.js';
|
|
63
|
-
export * from './useUpdateAccountMutation.js';
|
|
64
|
-
export * from './useWalletQuery.js';
|
|
65
|
-
export * from './useWithdrawalRecordsQuery.js';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentType } from 'react';
|
|
2
|
-
interface EmptyProps {
|
|
3
|
-
icon: ComponentType<ComponentProps<'svg'>>;
|
|
4
|
-
title: string;
|
|
5
|
-
message: string;
|
|
6
|
-
style?: React.CSSProperties;
|
|
7
|
-
className?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare function Empty(props: EmptyProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
package/dist/components/Empty.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export function Empty(props) {
|
|
3
|
-
return (_jsxs("div", { role: "alert", "aria-live": "polite", style: props.style, className: props.className, children: [_jsxs("div", { className: "relative mx-auto w-[9.5rem] pt-4", children: [_jsx("div", { className: "bg-utility-gray-200 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full" }), _jsx(CloudIcon, { className: "relative h-auto w-full shrink-0" }), _jsx("div", { className: "bg-utility-gray-200/40 absolute bottom-2 left-1/2 flex size-12 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm", children: _jsx(props.icon, { className: "size-6 text-white" }) }), _jsx("div", { className: "bg-utility-gray-200 absolute left-4 top-3.5 size-2.5 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute bottom-0.5 left-3 size-3.5 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute right-3.5 top-1 size-2 rounded-full" }), _jsx("div", { className: "bg-utility-gray-200 absolute right-0 top-6.5 size-3.5 rounded-full" })] }), _jsx("h2", { className: "mt-xl text-center font-semibold", children: props.title }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: props.message })] }));
|
|
4
|
-
}
|
|
5
|
-
function CloudIcon(props) {
|
|
6
|
-
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 152 104", fill: "none", ...props, children: [_jsxs("g", { filter: "url(#filter0_dd_2719_19242)", children: [_jsx("path", { d: "M77.6 0C66.8273 0 57.2978 5.32329 51.4987 13.4829C49.605 13.0363 47.6301 12.8 45.6 12.8C31.4615 12.8 20 24.2615 20 38.4C20 52.5385 31.4615 64 45.6 64L109.6 64C121.971 64 132 53.9712 132 41.6C132 29.2288 121.971 19.2 109.6 19.2C108.721 19.2 107.854 19.2506 107.002 19.349C102.098 7.9677 90.7797 0 77.6 0Z", fill: "#F9FAFB" }), _jsx("ellipse", { cx: "45.6", cy: "38.4008", rx: "25.6", ry: "25.6", fill: "url(#paint0_linear_2719_19242)" }), _jsx("circle", { cx: "77.6", cy: "32", r: "32", fill: "url(#paint1_linear_2719_19242)" }), _jsx("ellipse", { cx: "109.6", cy: "41.5992", rx: "22.4", ry: "22.4", fill: "url(#paint2_linear_2719_19242)" })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "filter0_dd_2719_19242", x: "0", y: "0", width: "152", height: "104", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2719_19242" }), _jsx("feOffset", { dy: "8" }), _jsx("feGaussianBlur", { stdDeviation: "4" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2719_19242" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_2719_19242" }), _jsx("feOffset", { dy: "20" }), _jsx("feGaussianBlur", { stdDeviation: "12" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), _jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2719_19242", result: "effect2_dropShadow_2719_19242" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2719_19242", result: "shape" })] }), _jsxs("linearGradient", { id: "paint0_linear_2719_19242", x1: "25.9429", y1: "21.4865", x2: "71.2", y2: "64.0007", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "paint1_linear_2719_19242", x1: "53.0286", y1: "10.8571", x2: "109.6", y2: "64", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: "paint2_linear_2719_19242", x1: "92.4", y1: "26.7992", x2: "132", y2: "63.9992", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D0D5DD" }), _jsx("stop", { offset: "0.350715", stopColor: "white", stopOpacity: "0" })] })] })] }));
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
2
|
-
export interface InfiniteScrollProps {
|
|
3
|
-
loader?: ReactNode;
|
|
4
|
-
hasMore?: boolean;
|
|
5
|
-
loadMore: () => Promise<void> | void;
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
style?: React.CSSProperties;
|
|
8
|
-
className?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare function InfiniteScroll(props: InfiniteScrollProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Fragment } from 'react';
|
|
4
|
-
import { useBoolean, useDebounceCallback, useIntersectionObserver, } from 'usehooks-ts';
|
|
5
|
-
export function InfiniteScroll(props) {
|
|
6
|
-
const { value: loading, setValue: setLoading } = useBoolean(false);
|
|
7
|
-
const loader = props.loader ?? null;
|
|
8
|
-
const hasMore = props.hasMore ?? false;
|
|
9
|
-
const loadMore = useDebounceCallback(async () => {
|
|
10
|
-
if (loading)
|
|
11
|
-
return;
|
|
12
|
-
if (!hasMore)
|
|
13
|
-
return;
|
|
14
|
-
setLoading(true);
|
|
15
|
-
await props.loadMore();
|
|
16
|
-
setLoading(false);
|
|
17
|
-
}, 300);
|
|
18
|
-
const [ref] = useIntersectionObserver({
|
|
19
|
-
onChange(isIntersecting) {
|
|
20
|
-
if (isIntersecting)
|
|
21
|
-
loadMore();
|
|
22
|
-
},
|
|
23
|
-
});
|
|
24
|
-
return (_jsxs(Fragment, { children: [props.children, _jsx("div", { ref: ref, role: "presentation", style: props.style, className: props.className, hidden: !hasMore, children: !!hasMore && _jsx(Fragment, { children: loader }) })] }));
|
|
25
|
-
}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import useEmblaCarousel from 'embla-carousel-react';
|
|
4
|
-
import { isString } from 'lodash-es';
|
|
5
|
-
import Link from 'next/link';
|
|
6
|
-
import { useCallback, useEffect, useState } from 'react';
|
|
7
|
-
import { useJackpotsQuery } from '../../client/hooks/index.js';
|
|
8
|
-
import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon } from '../../icons/index.js';
|
|
9
|
-
import { Button } from '../../ui/index.js';
|
|
10
|
-
import { JackpotCounterItem } from './JackpotCounterItem.js';
|
|
11
|
-
export function JackpotCounter__client(props) {
|
|
12
|
-
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
13
|
-
align: 'start',
|
|
14
|
-
slidesToScroll: 1,
|
|
15
|
-
});
|
|
16
|
-
const scrollPrev = useCallback(() => {
|
|
17
|
-
if (emblaApi)
|
|
18
|
-
emblaApi.scrollPrev();
|
|
19
|
-
}, [emblaApi]);
|
|
20
|
-
const scrollNext = useCallback(() => {
|
|
21
|
-
if (emblaApi)
|
|
22
|
-
emblaApi.scrollNext();
|
|
23
|
-
}, [emblaApi]);
|
|
24
|
-
const [canScrollPrev, setCanScrollPrev] = useState(false);
|
|
25
|
-
const [canScrollNext, setCanScrollNext] = useState(false);
|
|
26
|
-
const onSelect = useCallback(() => {
|
|
27
|
-
if (!emblaApi)
|
|
28
|
-
return;
|
|
29
|
-
setCanScrollPrev(emblaApi.canScrollPrev());
|
|
30
|
-
setCanScrollNext(emblaApi.canScrollNext());
|
|
31
|
-
}, [emblaApi]);
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
if (!emblaApi)
|
|
34
|
-
return;
|
|
35
|
-
onSelect();
|
|
36
|
-
emblaApi.on('select', onSelect);
|
|
37
|
-
emblaApi.on('reInit', onSelect);
|
|
38
|
-
}, [emblaApi, onSelect]);
|
|
39
|
-
const jackpotsQuery = useJackpotsQuery({
|
|
40
|
-
first: 100,
|
|
41
|
-
filter: {
|
|
42
|
-
status: {
|
|
43
|
-
equal: 'ACTIVE',
|
|
44
|
-
},
|
|
45
|
-
deleted: {
|
|
46
|
-
equal: false,
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
sort: {
|
|
50
|
-
cursor: 'POOL',
|
|
51
|
-
order: 'DESC',
|
|
52
|
-
},
|
|
53
|
-
});
|
|
54
|
-
const jackpots = jackpotsQuery.data?.pages[0].edges.map((edge) => edge.node) ?? [];
|
|
55
|
-
if (jackpots.length <= 0)
|
|
56
|
-
return null;
|
|
57
|
-
const classNames = isString(props.className)
|
|
58
|
-
? { root: props.className }
|
|
59
|
-
: (props.className ?? {});
|
|
60
|
-
return (_jsxs("div", { className: classNames.root, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-lg font-semibold", children: props.heading ?? 'Jackpots' }), _jsxs("div", { className: "flex items-center md:gap-3xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/jackpots', className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold", children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] }), _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-lg lg:overflow-hidden", ref: emblaRef, children: _jsx("div", { className: "flex gap-2.5", children: jackpots.map((jackpot) => (_jsx(JackpotCounterItem, { jackpot: jackpot, className: {
|
|
61
|
-
root: {
|
|
62
|
-
className: classNames.jackpotCounterItemRoot?.className,
|
|
63
|
-
style: classNames.jackpotCounterItemRoot?.style,
|
|
64
|
-
},
|
|
65
|
-
}, viewAllUrl: props.viewAllUrl, hideAnimation: props.hideAnimation }, jackpot.id))) }) })] }));
|
|
66
|
-
}
|