@opexa/portal-components 0.0.233 → 0.0.235
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/DepositWithdrawal/DepositWithdrawal.lazy.d.ts +2 -0
- package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.js +5 -2
- package/dist/components/Empty.d.ts +2 -1
- package/dist/components/KYC/Header.js +2 -4
- package/dist/components/KYC/Step1.js +2 -3
- package/dist/components/KYC/Step2.js +2 -3
- package/dist/components/KYC/Step3.js +2 -4
- package/dist/components/KYC/Step4.js +2 -3
- package/dist/components/KYC/backup/KYCContext.d.ts +1 -5
- package/dist/components/Messages/Message.js +3 -2
- package/dist/components/Messages/MessageContext.d.ts +1 -5
- package/dist/components/Messages/MessagePopup.js +3 -2
- package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.d.ts +1 -1
- package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.js +5 -10
- package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.js +3 -4
- 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 +2 -3
- package/dist/components/Quests/WageringQuest/WageringQuestModal.js +3 -4
- package/dist/components/SignUp/SignUpForm.js +1 -6
- package/dist/constants/gameProviders.d.ts +2 -1
- package/dist/constants/gameProviders.js +0 -6
- package/dist/constants/gameTypes.d.ts +2 -1
- package/dist/constants/headerKeys.d.ts +0 -1
- package/dist/constants/headerKeys.js +0 -1
- package/dist/constants/secretQuestions.d.ts +1 -1
- package/dist/ui/AlertDialog/AlertDialog.d.ts +88 -88
- package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +11 -11
- package/dist/ui/Avatar/avatar.recipe.d.ts +3 -3
- package/dist/ui/Badge/Badge.d.ts +12 -12
- package/dist/ui/Carousel/Carousel.d.ts +45 -45
- package/dist/ui/Carousel/carousel.recipe.d.ts +5 -5
- package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
- package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
- package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
- package/dist/ui/Collapsible/Collapsible.d.ts +32 -32
- package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
- package/dist/ui/Combobox/Combobox.d.ts +42 -42
- package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
- package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
- package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
- package/dist/ui/Dialog/Dialog.d.ts +88 -88
- package/dist/ui/Dialog/dialog.recipe.d.ts +11 -11
- package/dist/ui/Drawer/Drawer.d.ts +33 -33
- package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
- package/dist/ui/Menu/Menu.d.ts +144 -144
- package/dist/ui/Menu/menu.recipe.d.ts +20 -20
- package/dist/ui/PasswordInput/PasswordInput.d.ts +18 -18
- package/dist/ui/Popover/Popover.d.ts +55 -55
- package/dist/ui/Popover/popover.recipe.d.ts +8 -8
- package/dist/ui/Presence.d.ts +1 -1
- package/dist/ui/Presence.js +1 -1
- package/dist/ui/Progress/Progress.d.ts +27 -27
- package/dist/ui/Progress/progress.recipe.d.ts +3 -3
- package/dist/ui/QrCode/qrCode.recipe.d.ts +5 -5
- package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
- package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
- package/dist/ui/Select/Select.d.ts +45 -45
- package/dist/ui/Select/select.recipe.d.ts +3 -3
- package/dist/ui/Table/Table.d.ts +21 -21
- package/dist/ui/Table/table.anatomy.d.ts +1 -1
- package/dist/ui/Table/table.recipe.d.ts +3 -3
- package/dist/ui/Tabs/Tabs.d.ts +15 -15
- package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
- package/dist/utils/constants.d.ts +2 -0
- package/dist/utils/constants.js +2 -0
- package/dist/utils/isBetween3amAnd3pm.d.ts +1 -0
- package/dist/utils/isBetween3amAnd3pm.js +5 -0
- package/package.json +1 -1
- package/dist/components/CashbackBonus/CashbackBonus.client.d.ts +0 -2
- package/dist/components/CashbackBonus/CashbackBonus.client.js +0 -9
- package/dist/components/CashbackBonus/CashbackBonus.d.ts +0 -10
- package/dist/components/CashbackBonus/CashbackBonus.js +0 -5
- package/dist/components/CashbackBonus/index.d.ts +0 -1
- package/dist/components/CashbackBonus/index.js +0 -1
- package/dist/components/KYC/loadModels.d.ts +0 -1
- package/dist/components/KYC/loadModels.js +0 -9
- package/dist/components/Promo/PromoContent.d.ts +0 -2
- package/dist/components/Promo/PromoContent.js +0 -9
- package/dist/components/Promos/PromoCarousel.d.ts +0 -2
- package/dist/components/Promos/PromoCarousel.js +0 -41
- package/dist/components/Promos/PromoGrid.d.ts +0 -2
- package/dist/components/Promos/PromoGrid.js +0 -12
- package/dist/components/Promos/PromoItem.d.ts +0 -7
- package/dist/components/Promos/PromoItem.js +0 -10
- package/dist/constants/BranchCode.d.ts +0 -4
- package/dist/constants/BranchCode.js +0 -42
- package/dist/constants/endpoints.d.ts +0 -10
- package/dist/constants/endpoints.js +0 -41
- package/dist/utils/createErrorFromCode.d.ts +0 -2
- package/dist/utils/createErrorFromCode.js +0 -11
package/dist/ui/Table/Table.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
12
12
|
body: string;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
-
}, Record<"body" | "
|
|
15
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
|
|
16
16
|
size: {
|
|
17
17
|
md: {
|
|
18
18
|
root: string;
|
|
@@ -26,7 +26,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
26
26
|
body: string;
|
|
27
27
|
};
|
|
28
28
|
};
|
|
29
|
-
}, Record<"body" | "
|
|
29
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
30
30
|
size: {
|
|
31
31
|
md: {
|
|
32
32
|
root: string;
|
|
@@ -40,7 +40,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
40
40
|
body: string;
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
|
-
}, Record<"body" | "
|
|
43
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
44
44
|
export declare const Header: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
45
45
|
size: {
|
|
46
46
|
md: {
|
|
@@ -55,7 +55,7 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
|
|
|
55
55
|
body: string;
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
|
-
}, Record<"body" | "
|
|
58
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
|
|
59
59
|
size: {
|
|
60
60
|
md: {
|
|
61
61
|
root: string;
|
|
@@ -69,7 +69,7 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
|
|
|
69
69
|
body: string;
|
|
70
70
|
};
|
|
71
71
|
};
|
|
72
|
-
}, Record<"body" | "
|
|
72
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
73
73
|
size: {
|
|
74
74
|
md: {
|
|
75
75
|
root: string;
|
|
@@ -83,7 +83,7 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
|
|
|
83
83
|
body: string;
|
|
84
84
|
};
|
|
85
85
|
};
|
|
86
|
-
}, Record<"body" | "
|
|
86
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
87
87
|
export declare const Body: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
88
88
|
size: {
|
|
89
89
|
md: {
|
|
@@ -98,7 +98,7 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
|
|
|
98
98
|
body: string;
|
|
99
99
|
};
|
|
100
100
|
};
|
|
101
|
-
}, Record<"body" | "
|
|
101
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
|
|
102
102
|
size: {
|
|
103
103
|
md: {
|
|
104
104
|
root: string;
|
|
@@ -112,7 +112,7 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
|
|
|
112
112
|
body: string;
|
|
113
113
|
};
|
|
114
114
|
};
|
|
115
|
-
}, Record<"body" | "
|
|
115
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
116
116
|
size: {
|
|
117
117
|
md: {
|
|
118
118
|
root: string;
|
|
@@ -126,7 +126,7 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
|
|
|
126
126
|
body: string;
|
|
127
127
|
};
|
|
128
128
|
};
|
|
129
|
-
}, Record<"body" | "
|
|
129
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
130
130
|
export declare const Footer: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
131
131
|
size: {
|
|
132
132
|
md: {
|
|
@@ -141,7 +141,7 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
|
|
|
141
141
|
body: string;
|
|
142
142
|
};
|
|
143
143
|
};
|
|
144
|
-
}, Record<"body" | "
|
|
144
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
|
|
145
145
|
size: {
|
|
146
146
|
md: {
|
|
147
147
|
root: string;
|
|
@@ -155,7 +155,7 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
|
|
|
155
155
|
body: string;
|
|
156
156
|
};
|
|
157
157
|
};
|
|
158
|
-
}, Record<"body" | "
|
|
158
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
159
159
|
size: {
|
|
160
160
|
md: {
|
|
161
161
|
root: string;
|
|
@@ -169,7 +169,7 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
|
|
|
169
169
|
body: string;
|
|
170
170
|
};
|
|
171
171
|
};
|
|
172
|
-
}, Record<"body" | "
|
|
172
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
173
173
|
export declare const Row: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableRowElement> & import("react").HTMLAttributes<HTMLTableRowElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
174
174
|
size: {
|
|
175
175
|
md: {
|
|
@@ -184,7 +184,7 @@ export declare const Row: import("react").ComponentType<import("@ark-ui/react").
|
|
|
184
184
|
body: string;
|
|
185
185
|
};
|
|
186
186
|
};
|
|
187
|
-
}, Record<"body" | "
|
|
187
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
|
|
188
188
|
size: {
|
|
189
189
|
md: {
|
|
190
190
|
root: string;
|
|
@@ -198,7 +198,7 @@ export declare const Row: import("react").ComponentType<import("@ark-ui/react").
|
|
|
198
198
|
body: string;
|
|
199
199
|
};
|
|
200
200
|
};
|
|
201
|
-
}, Record<"body" | "
|
|
201
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
202
202
|
size: {
|
|
203
203
|
md: {
|
|
204
204
|
root: string;
|
|
@@ -212,7 +212,7 @@ export declare const Row: import("react").ComponentType<import("@ark-ui/react").
|
|
|
212
212
|
body: string;
|
|
213
213
|
};
|
|
214
214
|
};
|
|
215
|
-
}, Record<"body" | "
|
|
215
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
216
216
|
export declare const Heading: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
217
217
|
size: {
|
|
218
218
|
md: {
|
|
@@ -227,7 +227,7 @@ export declare const Heading: import("react").ComponentType<import("@ark-ui/reac
|
|
|
227
227
|
body: string;
|
|
228
228
|
};
|
|
229
229
|
};
|
|
230
|
-
}, Record<"body" | "
|
|
230
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
|
|
231
231
|
size: {
|
|
232
232
|
md: {
|
|
233
233
|
root: string;
|
|
@@ -241,7 +241,7 @@ export declare const Heading: import("react").ComponentType<import("@ark-ui/reac
|
|
|
241
241
|
body: string;
|
|
242
242
|
};
|
|
243
243
|
};
|
|
244
|
-
}, Record<"body" | "
|
|
244
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
245
245
|
size: {
|
|
246
246
|
md: {
|
|
247
247
|
root: string;
|
|
@@ -255,7 +255,7 @@ export declare const Heading: import("react").ComponentType<import("@ark-ui/reac
|
|
|
255
255
|
body: string;
|
|
256
256
|
};
|
|
257
257
|
};
|
|
258
|
-
}, Record<"body" | "
|
|
258
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
259
259
|
export declare const Cell: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
260
260
|
size: {
|
|
261
261
|
md: {
|
|
@@ -270,7 +270,7 @@ export declare const Cell: import("react").ComponentType<import("@ark-ui/react")
|
|
|
270
270
|
body: string;
|
|
271
271
|
};
|
|
272
272
|
};
|
|
273
|
-
}, Record<"body" | "
|
|
273
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
|
|
274
274
|
size: {
|
|
275
275
|
md: {
|
|
276
276
|
root: string;
|
|
@@ -284,7 +284,7 @@ export declare const Cell: import("react").ComponentType<import("@ark-ui/react")
|
|
|
284
284
|
body: string;
|
|
285
285
|
};
|
|
286
286
|
};
|
|
287
|
-
}, Record<"body" | "
|
|
287
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
288
288
|
size: {
|
|
289
289
|
md: {
|
|
290
290
|
root: string;
|
|
@@ -298,4 +298,4 @@ export declare const Cell: import("react").ComponentType<import("@ark-ui/react")
|
|
|
298
298
|
body: string;
|
|
299
299
|
};
|
|
300
300
|
};
|
|
301
|
-
}, Record<"body" | "
|
|
301
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const tableAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"body" | "
|
|
1
|
+
export declare const tableAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row">;
|
|
@@ -12,7 +12,7 @@ export declare const tableRecipe: import("tailwind-variants").TVReturnType<{
|
|
|
12
12
|
body: string;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
-
}, Record<"body" | "
|
|
15
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
|
|
16
16
|
size: {
|
|
17
17
|
md: {
|
|
18
18
|
root: string;
|
|
@@ -26,7 +26,7 @@ export declare const tableRecipe: import("tailwind-variants").TVReturnType<{
|
|
|
26
26
|
body: string;
|
|
27
27
|
};
|
|
28
28
|
};
|
|
29
|
-
}, Record<"body" | "
|
|
29
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
30
30
|
size: {
|
|
31
31
|
md: {
|
|
32
32
|
root: string;
|
|
@@ -40,4 +40,4 @@ export declare const tableRecipe: import("tailwind-variants").TVReturnType<{
|
|
|
40
40
|
body: string;
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
|
-
}, Record<"body" | "
|
|
43
|
+
}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>;
|
package/dist/ui/Tabs/Tabs.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
11
11
|
trigger: string;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
|
-
}, Record<"content" | "
|
|
14
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
|
|
15
15
|
size: {
|
|
16
16
|
md: {};
|
|
17
17
|
};
|
|
@@ -23,7 +23,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
23
23
|
trigger: string;
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
|
-
}, Record<"content" | "
|
|
26
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
27
27
|
size: {
|
|
28
28
|
md: {};
|
|
29
29
|
};
|
|
@@ -35,7 +35,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
|
|
|
35
35
|
trigger: string;
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
|
-
}, Record<"content" | "
|
|
38
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
39
39
|
export declare const Content: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.ContentProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
40
40
|
size: {
|
|
41
41
|
md: {};
|
|
@@ -48,7 +48,7 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
|
|
|
48
48
|
trigger: string;
|
|
49
49
|
};
|
|
50
50
|
};
|
|
51
|
-
}, Record<"content" | "
|
|
51
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
|
|
52
52
|
size: {
|
|
53
53
|
md: {};
|
|
54
54
|
};
|
|
@@ -60,7 +60,7 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
|
|
|
60
60
|
trigger: string;
|
|
61
61
|
};
|
|
62
62
|
};
|
|
63
|
-
}, Record<"content" | "
|
|
63
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
64
64
|
size: {
|
|
65
65
|
md: {};
|
|
66
66
|
};
|
|
@@ -72,7 +72,7 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
|
|
|
72
72
|
trigger: string;
|
|
73
73
|
};
|
|
74
74
|
};
|
|
75
|
-
}, Record<"content" | "
|
|
75
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
76
76
|
export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
77
77
|
size: {
|
|
78
78
|
md: {};
|
|
@@ -85,7 +85,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
|
|
|
85
85
|
trigger: string;
|
|
86
86
|
};
|
|
87
87
|
};
|
|
88
|
-
}, Record<"content" | "
|
|
88
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
|
|
89
89
|
size: {
|
|
90
90
|
md: {};
|
|
91
91
|
};
|
|
@@ -97,7 +97,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
|
|
|
97
97
|
trigger: string;
|
|
98
98
|
};
|
|
99
99
|
};
|
|
100
|
-
}, Record<"content" | "
|
|
100
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
101
101
|
size: {
|
|
102
102
|
md: {};
|
|
103
103
|
};
|
|
@@ -109,7 +109,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
|
|
|
109
109
|
trigger: string;
|
|
110
110
|
};
|
|
111
111
|
};
|
|
112
|
-
}, Record<"content" | "
|
|
112
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
113
113
|
export declare const List: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.ListProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
114
114
|
size: {
|
|
115
115
|
md: {};
|
|
@@ -122,7 +122,7 @@ export declare const List: import("react").ComponentType<import("@ark-ui/react")
|
|
|
122
122
|
trigger: string;
|
|
123
123
|
};
|
|
124
124
|
};
|
|
125
|
-
}, Record<"content" | "
|
|
125
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
|
|
126
126
|
size: {
|
|
127
127
|
md: {};
|
|
128
128
|
};
|
|
@@ -134,7 +134,7 @@ export declare const List: import("react").ComponentType<import("@ark-ui/react")
|
|
|
134
134
|
trigger: string;
|
|
135
135
|
};
|
|
136
136
|
};
|
|
137
|
-
}, Record<"content" | "
|
|
137
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
138
138
|
size: {
|
|
139
139
|
md: {};
|
|
140
140
|
};
|
|
@@ -146,7 +146,7 @@ export declare const List: import("react").ComponentType<import("@ark-ui/react")
|
|
|
146
146
|
trigger: string;
|
|
147
147
|
};
|
|
148
148
|
};
|
|
149
|
-
}, Record<"content" | "
|
|
149
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
150
150
|
export declare const Trigger: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
151
151
|
size: {
|
|
152
152
|
md: {};
|
|
@@ -159,7 +159,7 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
|
|
|
159
159
|
trigger: string;
|
|
160
160
|
};
|
|
161
161
|
};
|
|
162
|
-
}, Record<"content" | "
|
|
162
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
|
|
163
163
|
size: {
|
|
164
164
|
md: {};
|
|
165
165
|
};
|
|
@@ -171,7 +171,7 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
|
|
|
171
171
|
trigger: string;
|
|
172
172
|
};
|
|
173
173
|
};
|
|
174
|
-
}, Record<"content" | "
|
|
174
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
175
175
|
size: {
|
|
176
176
|
md: {};
|
|
177
177
|
};
|
|
@@ -183,5 +183,5 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
|
|
|
183
183
|
trigger: string;
|
|
184
184
|
};
|
|
185
185
|
};
|
|
186
|
-
}, Record<"content" | "
|
|
186
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
|
|
187
187
|
export declare const Context: (props: Tabs.ContextProps) => import("react").ReactNode;
|
|
@@ -10,7 +10,7 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
|
|
|
10
10
|
trigger: string;
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
-
}, Record<"
|
|
13
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
|
|
14
14
|
size: {
|
|
15
15
|
md: {};
|
|
16
16
|
};
|
|
@@ -22,7 +22,7 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
|
|
|
22
22
|
trigger: string;
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
|
-
}, Record<"
|
|
25
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
|
|
26
26
|
size: {
|
|
27
27
|
md: {};
|
|
28
28
|
};
|
|
@@ -34,4 +34,4 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
|
|
|
34
34
|
trigger: string;
|
|
35
35
|
};
|
|
36
36
|
};
|
|
37
|
-
}, Record<"
|
|
37
|
+
}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const isBetween3amAnd3pm: () => boolean;
|
package/package.json
CHANGED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import Image from 'next/image';
|
|
4
|
-
import Link from 'next/link';
|
|
5
|
-
import { ChevronLeftIcon, ChevronRightIcon, StopWatchIcon } from '../../icons/index.js';
|
|
6
|
-
import { Badge, Collapsible, Progress, Prose } from '../../ui/index.js';
|
|
7
|
-
export function CashbackBonus__client(props) {
|
|
8
|
-
return (_jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllUrl ?? '/rewards', className: "text-button-tertiary-fg flex items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to Rewards"] }), _jsx(Image, { src: "https://s3.ap-east-1.amazonaws.com/opexa-assets.opexasystem.com/assets/BSxIXEsa59_zzMAR27-ALLDAYREBATE06-STATIC-WEB-HB-1920x1080.png", alt: "", width: 1024, height: 600, className: "mt-3xl h-auto w-full rounded-xl" }), _jsxs(Badge.Root, { size: "lg", round: false, colorScheme: "brand", className: "mt-xl lg:mt-6", children: [_jsx(Badge.Icon, { children: _jsx(StopWatchIcon, {}) }), _jsx(Badge.Label, { children: "9d:10h:11m" })] }), _jsx("h1", { className: "text-text-primary-900 mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: "50 PHP First Deposit Bonus" }), _jsx("p", { className: "text-text-primary-brand mt-xl text-base lg:mt-6 lg:text-lg", children: "Complete the wagering before time runs out to convert your bonus balance into real money!" }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl flex items-center justify-between rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsx("p", { children: "Your bonus" }), _jsxs("p", { children: [_jsx("span", { className: "text-text-primary-900", children: "20.00" }), " / 50.00 PHP"] })] }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl flex items-center justify-between rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsx("p", { children: "Required Turnover" }), _jsx("p", { children: "5x" })] }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { children: "Wagering" }), _jsx("p", { children: "400/1000" })] }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) })] }), _jsxs(Collapsible.Root, { className: "mt-xl lg:mt-6", children: [_jsxs(Collapsible.Trigger, { className: "text-button-tertiary-fg flex w-fit items-center justify-center gap-sm text-sm font-semibold lg:mx-auto", children: ["Game Provider Contribution", _jsx(Collapsible.Indicator, { asChild: true, children: _jsx(ChevronRightIcon, { className: "size-5" }) })] }), _jsxs(Collapsible.Content, { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl space-y-1.5 rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Playson" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "25%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Betsoft Gaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "13%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Microgaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "50%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Realtime Gaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "10%" })] })] })] }), _jsxs(Prose, { className: "mt-xl lg:mt-6", children: [_jsx("h3", { children: "How to get bonus" }), _jsxs("ol", { children: [_jsx("li", { children: "All OFWin members are eligible for this program." }), _jsx("li", { children: "50 PHP of game credit will be automatically credited to the new member account upon completion of first deposit Auctor vel in vitae placerat." }), _jsx("li", { children: "Member must reach a 5x turnover requirement before a withdrawal can be made. Attempting to make a withdrawal before this turnover requirement is completed could cause your bonus to be voided." }), _jsx("li", { children: "Players will have 10 days from the date the bonus is awarded to complete the rollover requirement." }), _jsx("li", { children: "Bets used to meet other bonus rollover requirements will not count toward this promotion." })] }), _jsx("h3", { children: "Terms and Conditions" }), _jsxs("ul", { children: [_jsx("li", { children: "Only one account per player is allowed. No same IP address/bank account name allowed. Players who have multiple or fraudulent accounts will not be qualified for the promotion." }), _jsx("li", { children: "Players that are found to have any duplicate accounts or those who participate in fraudulent activities may have their funds forfeited and their accounts closed." }), _jsx("li", { children: "OFWin reserves the right to amend or cancel this Referral Program at any time. OFWin General Terms and Conditions apply." })] })] })] }));
|
|
9
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export interface CashbackBonusProps {
|
|
2
|
-
id: string;
|
|
3
|
-
className?: string;
|
|
4
|
-
/**
|
|
5
|
-
* @description URL for the bonuses details page
|
|
6
|
-
* @default "/rewards"
|
|
7
|
-
*/
|
|
8
|
-
viewAllUrl?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare function CashbackBonus(props: CashbackBonusProps): Promise<import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './CashbackBonus';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './CashbackBonus.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function loadFaceApiModels(): Promise<void>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as faceapi from 'face-api.js';
|
|
2
|
-
export async function loadFaceApiModels() {
|
|
3
|
-
const MODEL_URL = '/models';
|
|
4
|
-
await Promise.all([
|
|
5
|
-
faceapi.nets.tinyFaceDetector.loadFromUri(MODEL_URL),
|
|
6
|
-
faceapi.nets.faceLandmark68Net.loadFromUri(MODEL_URL),
|
|
7
|
-
faceapi.nets.faceRecognitionNet.loadFromUri(MODEL_URL),
|
|
8
|
-
]);
|
|
9
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import Image from 'next/image';
|
|
4
|
-
import Link from 'next/link';
|
|
5
|
-
import { ChevronLeftIcon } from '../../icons/index.js';
|
|
6
|
-
import { Button, Prose } from '../../ui/index.js';
|
|
7
|
-
export function PromoContent(props) {
|
|
8
|
-
return (_jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllPromosUrl ?? '/promos', className: "text-button-tertiary-fg flex w-fit items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all Promotions"] }), _jsx(Image, { src: "https://s3.ap-east-1.amazonaws.com/opexa-assets.opexasystem.com/assets/BSxIXEsa59_zzMAR27-ALLDAYREBATE06-STATIC-WEB-HB-1920x1080.png", alt: "", width: 1024, height: 600, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" }), _jsx(Button, { className: "mt-xl lg:mt-6", children: "Deposit Now" }), _jsx("h1", { className: "mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: "Welcome Bonus 100% up to $500 + 10 Free Spins" }), _jsx("p", { className: "text-text-secondary-700 mt-xl lg:mt-6", children: "Ends 5/26/2025, 1:59:59 AM" }), _jsxs(Prose, { className: "mt-2xl lg:mt-6", children: [_jsx("p", { children: "Mi tincidunt elit, id quisque ligula ac diam, amet. Vel etiam suspendisse morbi eleifend faucibus eget vestibulum felis. Dictum quis montes, sit sit. Tellus aliquam enim urna, etiam. Mauris posuere vulputate arcu amet, vitae nisi, tellus tincidunt. At feugiat sapien varius id." }), _jsx("p", { children: "Eget quis mi enim, leo lacinia pharetra, semper. Eget in volutpat mollis at volutpat lectus velit, sed auctor. Porttitor fames arcu quis fusce augue enim. Quis at habitant diam at. Suscipit tristique risus, at donec. In turpis vel et quam imperdiet. Ipsum molestie aliquet sodales id est ac volutpat." }), _jsx("p", { children: "Ipsum sit mattis nulla quam nulla. Gravida id gravida ac enim mauris id. Non pellentesque congue eget consectetur turpis. Sapien, dictum molestie sem tempor. Diam elit, orci, tincidunt aenean tempus. Quis velit eget ut tortor tellus. Sed vel, congue felis elit erat nam nibh orci." }), _jsx("p", { children: "Dolor enim eu tortor urna sed duis nulla. Aliquam vestibulum, nulla odio nisl vitae. In aliquet pellentesque aenean hac vestibulum turpis mi bibendum diam. Tempor integer aliquam in vitae malesuada fringilla." }), _jsx("p", { children: "Elit nisi in eleifend sed nisi. Pulvinar at orci, proin imperdiet commodo consectetur convallis risus. Sed condimentum enim dignissim adipiscing faucibus consequat, urna. Viverra purus et erat auctor aliquam. Risus, volutpat vulputate posuere purus sit congue convallis aliquet. Arcu id augue ut feugiat donec porttitor neque. Mauris, neque ultricies eu vestibulum, bibendum quam lorem id. Dolor lacus, eget nunc lectus in tellus, pharetra, porttitor." }), _jsx("p", { children: "Ipsum sit mattis nulla quam nulla. Gravida id gravida ac enim mauris id. Non pellentesque congue eget consectetur turpis. Sapien, dictum molestie sem tempor. Diam elit, orci, tincidunt aenean tempus. Quis velit eget ut tortor tellus. Sed vel, congue felis elit erat nam nibh orci." }), _jsx("h5", { children: "General Conditions:" }), _jsx("p", { children: "Mi tincidunt elit, id quisque ligula ac diam, amet. Vel etiam suspendisse morbi eleifend faucibus eget vestibulum felis. Dictum quis montes, sit sit. Tellus aliquam enim urna, etiam. Mauris posuere vulputate arcu amet, vitae nisi, tellus tincidunt. At feugiat sapien varius id." }), _jsx("p", { children: "Eget quis mi enim, leo lacinia pharetra, semper. Eget in volutpat mollis at volutpat lectus velit, sed auctor. Porttitor fames arcu quis fusce augue enim. Quis at habitant diam at. Suscipit tristique risus, at donec. In turpis vel et quam imperdiet. Ipsum molestie aliquet sodales id est ac volutpat." })] }), _jsxs(Prose, { className: "bg-bg-secondary mt-xl rounded-2xl p-2xl lg:mt-16 lg:p-4xl", children: [_jsx("h2", { children: "Conclusion" }), _jsx("p", { children: "Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse." }), _jsx("p", { children: "Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus. Etiam egestas in nec sed et. Quis lobortis at sit dictum eget nibh tortor commodo cursus." }), _jsx("p", { children: "Odio felis sagittis, morbi feugiat tortor vitae feugiat fusce aliquet. Nam elementum urna nisi aliquet erat dolor enim. Ornare id morbi eget ipsum. Aliquam senectus neque ut id eget consectetur dictum. Donec posuere pharetra odio consequat scelerisque et, nunc tortor." })] })] }));
|
|
9
|
-
}
|
|
@@ -1,41 +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 Link from 'next/link';
|
|
5
|
-
import { useCallback, useEffect, useState } from 'react';
|
|
6
|
-
import { twMerge } from 'tailwind-merge';
|
|
7
|
-
import { usePromosQuery } from '../../client/hooks/index.js';
|
|
8
|
-
import { ArrowLeftIcon, ArrowRightIcon, ChevronRightIcon, Gift01Icon, } from '../../icons/index.js';
|
|
9
|
-
import { Button } from '../../ui/index.js';
|
|
10
|
-
import { Empty } from '../Empty.js';
|
|
11
|
-
import { PromosItem } from './PromoItem.js';
|
|
12
|
-
export function PromoCarousel(props) {
|
|
13
|
-
const promosQuery = usePromosQuery({});
|
|
14
|
-
const promos = promosQuery.data || [];
|
|
15
|
-
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
16
|
-
align: 'start',
|
|
17
|
-
slidesToScroll: 1,
|
|
18
|
-
breakpoints: {
|
|
19
|
-
'(min-width: 1024px)': {
|
|
20
|
-
slidesToScroll: 3,
|
|
21
|
-
},
|
|
22
|
-
},
|
|
23
|
-
});
|
|
24
|
-
const [prevBtnDisabled, setPrevBtnDisabled] = useState(true);
|
|
25
|
-
const [nextBtnDisabled, setNextBtnDisabled] = useState(true);
|
|
26
|
-
const onPrevButtonClick = useCallback(() => emblaApi?.scrollPrev(), [emblaApi]);
|
|
27
|
-
const onNextButtonClick = useCallback(async () => {
|
|
28
|
-
emblaApi?.scrollNext();
|
|
29
|
-
}, [emblaApi]);
|
|
30
|
-
const onSelect = useCallback((emblaApi) => {
|
|
31
|
-
setPrevBtnDisabled(!emblaApi?.canScrollPrev());
|
|
32
|
-
setNextBtnDisabled(!emblaApi?.canScrollNext());
|
|
33
|
-
}, []);
|
|
34
|
-
useEffect(() => {
|
|
35
|
-
if (!emblaApi)
|
|
36
|
-
return;
|
|
37
|
-
onSelect(emblaApi);
|
|
38
|
-
emblaApi.on('reInit', onSelect).on('select', onSelect);
|
|
39
|
-
}, [emblaApi, onSelect]);
|
|
40
|
-
return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "text-lg font-semibold", children: props.heading ?? 'Promotions' }), _jsx("div", { className: "grow" }), _jsxs("div", { className: "flex items-center justify-center gap-xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/promos', 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, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", onClick: onPrevButtonClick, disabled: prevBtnDisabled, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", onClick: onNextButtonClick, disabled: nextBtnDisabled, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] })] })] }), promos.length <= 0 && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), promos.length >= 1 && (_jsx("div", { ref: emblaRef, className: "relative mt-lg lg:overflow-hidden", children: _jsx("div", { className: twMerge('grid auto-cols-[calc((100%-(0.375rem*2))/1)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/3)] lg:gap-md'), children: promos.map((promo) => (_jsx(PromosItem, { promo: promo, shouldShowDescription: props.shouldShowDescription }, promo.id))) }) }))] }));
|
|
41
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { twMerge } from 'tailwind-merge';
|
|
4
|
-
import { usePromosQuery } from '../../client/hooks/index.js';
|
|
5
|
-
import { Gift01Icon } from '../../icons/index.js';
|
|
6
|
-
import { Empty } from '../Empty.js';
|
|
7
|
-
import { PromosItem } from './PromoItem.js';
|
|
8
|
-
export function PromoGrid(props) {
|
|
9
|
-
const promosQuery = usePromosQuery({});
|
|
10
|
-
const promos = promosQuery.data || [];
|
|
11
|
-
return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "text-lg font-semibold", children: props.heading ?? 'Promos' }), _jsx("div", { className: "grow" })] }), promos.length <= 0 && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-lg" })), promos.length >= 1 && (_jsx("div", { className: "relative mt-lg lg:overflow-hidden", children: _jsx("div", { className: twMerge('grid grid-cols-1 gap-sm lg:grid-cols-3 lg:gap-md'), children: promos.map((promo) => (_jsx(PromosItem, { promo: promo, shouldShowDescription: props.shouldShowDescription }, promo.id))) }) }))] }));
|
|
12
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import Image from 'next/image';
|
|
3
|
-
import { useRouter } from 'next/navigation';
|
|
4
|
-
import { twJoin } from 'tailwind-merge';
|
|
5
|
-
import { Button } from '../../ui/index.js';
|
|
6
|
-
export function PromosItem(props) {
|
|
7
|
-
const { promo } = props;
|
|
8
|
-
const router = useRouter();
|
|
9
|
-
return (_jsxs("div", { className: "border-border-primary bg-accent-50 relative flex h-full flex-col rounded-md border", children: [promo.banner.url && (_jsx(Image, { src: promo.banner.url, alt: promo.name, width: 1200, height: 500, priority: true, className: "aspect-[1200/500] w-full rounded-t-md object-cover" })), _jsxs("div", { className: "flex flex-grow flex-col p-4", children: [_jsx("p", { className: twJoin('w-full text-xl font-bold', props.shouldShowDescription ? 'text-start' : 'text-center'), children: promo.name }), props.shouldShowDescription && promo.description && (_jsx("p", { className: "text-gray-600 mb-2 line-clamp-2 w-full overflow-hidden text-start text-sm", dangerouslySetInnerHTML: { __html: promo.description } })), _jsx("div", { className: "mt-auto pt-4", children: _jsx(Button, { className: "w-full text-sm font-semibold", onClick: () => router.push(`/promos/${promo.id}`), children: "Get Bonus" }) })] })] }, promo.id));
|
|
10
|
-
}
|