@opexa/portal-components 0.0.504 → 0.0.506

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 (86) hide show
  1. package/dist/components/Games/GamesCarousel.client.js +1 -1
  2. package/dist/components/Quests/JourneyQuest.js +2 -2
  3. package/dist/constants/EnvVar.d.ts +1 -1
  4. package/dist/handlers/index.d.ts +7 -7
  5. package/dist/ui/Badge/Badge.d.ts +12 -12
  6. package/dist/ui/Badge/badge.anatomy.d.ts +1 -1
  7. package/dist/ui/Badge/badge.recipe.d.ts +3 -3
  8. package/dist/ui/Carousel/Carousel.d.ts +72 -72
  9. package/dist/ui/Carousel/carousel.recipe.d.ts +8 -8
  10. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  11. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  12. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  13. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  14. package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
  15. package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
  16. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  17. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  18. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  19. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  20. package/dist/ui/Field/Field.d.ts +21 -21
  21. package/dist/ui/Field/field.recipe.d.ts +3 -3
  22. package/dist/ui/Menu/Menu.d.ts +198 -198
  23. package/dist/ui/Menu/menu.recipe.d.ts +11 -11
  24. package/dist/ui/NumberInput/NumberInput.d.ts +24 -24
  25. package/dist/ui/NumberInput/numberInput.recipe.d.ts +3 -3
  26. package/dist/ui/PasswordInput/PasswordInput.d.ts +18 -18
  27. package/dist/ui/PasswordInput/passwordInput.recipe.d.ts +3 -3
  28. package/dist/ui/PinInput/PinInput.d.ts +12 -12
  29. package/dist/ui/PinInput/pinInput.recipe.d.ts +3 -3
  30. package/dist/ui/Popover/Popover.d.ts +55 -55
  31. package/dist/ui/Popover/popover.recipe.d.ts +5 -5
  32. package/dist/ui/Progress/Progress.d.ts +27 -27
  33. package/dist/ui/Progress/progress.recipe.d.ts +3 -3
  34. package/dist/ui/QrCode/QrCode.d.ts +25 -25
  35. package/dist/ui/QrCode/qrCode.recipe.d.ts +5 -5
  36. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  37. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  38. package/dist/ui/Select/Select.d.ts +45 -45
  39. package/dist/ui/Select/select.recipe.d.ts +3 -3
  40. package/dist/ui/Table/Table.d.ts +21 -21
  41. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  42. package/dist/ui/Table/table.recipe.d.ts +3 -3
  43. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  44. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  45. package/package.json +1 -1
  46. package/dist/components/Banner/Banner.client.d.ts +0 -12
  47. package/dist/components/Banner/Banner.client.js +0 -49
  48. package/dist/components/DigitainLauncher/Loading.d.ts +0 -1
  49. package/dist/components/DigitainLauncher/Loading.js +0 -5
  50. package/dist/components/KYC/BasicInformation.d.ts +0 -1
  51. package/dist/components/KYC/BasicInformation.js +0 -101
  52. package/dist/components/KYC/IdentityVerification.d.ts +0 -1
  53. package/dist/components/KYC/IdentityVerification.js +0 -120
  54. package/dist/components/KYC/Indicator.d.ts +0 -1
  55. package/dist/components/KYC/Indicator.js +0 -8
  56. package/dist/components/KYC/KYC.lazy.d.ts +0 -6
  57. package/dist/components/KYC/KYC.lazy.js +0 -45
  58. package/dist/components/KYC/KYCContext.d.ts +0 -6
  59. package/dist/components/KYC/KYCContext.js +0 -2
  60. package/dist/components/KYC/PersonalInformation.d.ts +0 -1
  61. package/dist/components/KYC/PersonalInformation.js +0 -122
  62. package/dist/components/KYC/useKYC.d.ts +0 -25
  63. package/dist/components/KYC/useKYC.js +0 -38
  64. package/dist/components/SessionWatcher/SessionWatcher.d.ts +0 -1
  65. package/dist/components/SessionWatcher/SessionWatcher.js +0 -20
  66. package/dist/components/SessionWatcher/index.d.ts +0 -1
  67. package/dist/components/SessionWatcher/index.js +0 -1
  68. package/dist/components/SignIn/utils.d.ts +0 -8
  69. package/dist/components/SignIn/utils.js +0 -26
  70. package/dist/constants/Branches.d.ts +0 -2
  71. package/dist/constants/Branches.js +0 -42
  72. package/dist/images/responsible-gaming-yellow.png +0 -0
  73. package/dist/third-parties/FacebookPixel/FacebookPixel.d.ts +0 -4
  74. package/dist/third-parties/FacebookPixel/FacebookPixel.js +0 -4
  75. package/dist/third-parties/FacebookPixel/api.d.ts +0 -0
  76. package/dist/third-parties/FacebookPixel/api.js +0 -1
  77. package/dist/third-parties/FacebookPixel/index.d.ts +0 -1
  78. package/dist/third-parties/FacebookPixel/index.js +0 -1
  79. package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.d.ts +0 -4
  80. package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.js +0 -4
  81. package/dist/third-parties/GoogleRecaptcha/api.d.ts +0 -0
  82. package/dist/third-parties/GoogleRecaptcha/api.js +0 -1
  83. package/dist/third-parties/GoogleRecaptcha/index.d.ts +0 -1
  84. package/dist/third-parties/GoogleRecaptcha/index.js +0 -1
  85. package/dist/third-parties/index.d.ts +0 -2
  86. package/dist/third-parties/index.js +0 -2
@@ -59,7 +59,7 @@ export function GamesCarousel__client(props) {
59
59
  : (props.className ?? {});
60
60
  return (_jsxs("div", { className: classNames.root, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Games' }), _jsx("div", { className: "grow" }), _jsxs("div", { className: "flex items-center justify-center gap-xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/games', className: "flex gap-sm font-semibold text-button-tertiary-fg text-sm", 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 && !gamesQuery.hasNextPage
61
61
  ? true
62
- : gamesQuery.isFetchingNextPage, "aria-label": "Next", children: gamesQuery.isFetchingNextPage ? (_jsx(SpinnerIcon, { className: "size-5" })) : (_jsx(ArrowRightIcon, { className: "size-5" })) })] })] })] }), games.length <= 0 && (_jsx(Empty, { icon: GamingPad01Icon, title: "No games", message: "No game is currently available. Please check back later", className: "mt-lg" })), games.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))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md', numOfRows === 3
62
+ : gamesQuery.isFetchingNextPage, "aria-label": "Next", children: gamesQuery.isFetchingNextPage ? (_jsx(SpinnerIcon, { className: "size-5" })) : (_jsx(ArrowRightIcon, { className: "size-5" })) })] })] })] }), games.length <= 0 && (_jsx(Empty, { icon: GamingPad01Icon, title: "No games", message: "No game is currently available. Please check back later", className: "mt-lg" })), games.length >= 1 && (_jsx("div", { ref: emblaRef, className: "relative mt-lg overflow-hidden", children: _jsx("div", { className: twMerge('grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md', numOfRows === 3
63
63
  ? 'grid-rows-3'
64
64
  : numOfRows === 2
65
65
  ? 'grid-rows-2'
@@ -124,8 +124,8 @@ function Rules(props) {
124
124
  }, "aria-label": `Complete ${milestone.label}`, children: [milestone.key === 'ACCOUNT_VERIFICATION' ? (_jsx(FileCheck02Icon, { className: "size-5" })) : (_jsx(CoinsHandIcon, { className: "size-5" })), milestone.key === 'FIRST_DEPOSIT'
125
125
  ? 'Deposit'
126
126
  : 'Verify Account'] })), !milestone.isCompleted &&
127
- milestone.key === 'LINK_FACEBOOK_ACCOUNT' && (_jsx(FacebookSignInTrigger, { text: "Link Facebook Account", className: "flex h-10 w-full items-center justify-center gap-md rounded-md bg-button-primary-bg px-3 font-semibold text-button-primary-fg text-sm shadow-xs disabled:opacity-60 disabled:shadow-none aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-disabled:shadow-none" })), !milestone.isCompleted &&
128
- milestone.key === 'LINK_GOOGLE_ACCOUNT' && (_jsx(GoogleSignInButton, { text: "Link Google Account", className: "flex h-10 w-full items-center justify-center gap-md rounded-md bg-button-primary-bg px-3 font-semibold text-button-primary-fg text-sm shadow-xs disabled:opacity-60 disabled:shadow-none aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-disabled:shadow-none" }))] }, milestone.key))), quest?.bonus && (_jsx("div", { className: "flex h-full items-end", children: allMilestonesCompleted ? (_jsx(Button, { size: "sm", onClick: () => setOpen(false), "aria-label": "Close", className: "w-full", children: "Close" })) : (_jsx("div", { className: "w-full rounded-md border border-bg-primary-hover bg-button-secondary-bg px-3.5 py-2.5 text-center text-white", children: _jsxs("p", { children: ["Complete target to", ' ', _jsxs("span", { className: "text-brand-400", children: ["\u20B1", quest?.bonus] }), ' ', "bonus!"] }) })) }))] })] }) })] }) }));
127
+ milestone.key === 'LINK_FACEBOOK_ACCOUNT' && (_jsxs(_Fragment, { children: [milestone.bonus && (_jsxs("p", { className: 'text-sm text-[#94969C]', children: ["Link your Facebook Account and get Php ", milestone.bonus, " Bonus"] })), _jsx(FacebookSignInTrigger, { text: "Link Facebook Account", className: "!mt-0 flex h-10 w-full items-center justify-center gap-md rounded-md bg-button-primary-bg px-3 font-semibold text-button-primary-fg text-sm shadow-xs disabled:opacity-60 disabled:shadow-none aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-disabled:shadow-none" })] })), !milestone.isCompleted &&
128
+ milestone.key === 'LINK_GOOGLE_ACCOUNT' && (_jsxs(_Fragment, { children: [milestone.bonus && (_jsxs("p", { className: 'text-sm text-[#94969C]', children: ["Link your Google Account and get Php ", milestone.bonus, " Bonus"] })), _jsx(GoogleSignInButton, { text: "Link Google Account", className: "flex h-10 w-full items-center justify-center gap-md rounded-md bg-button-primary-bg px-3 font-semibold text-button-primary-fg text-sm shadow-xs disabled:opacity-60 disabled:shadow-none aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-disabled:shadow-none" })] }))] }, milestone.key))), quest?.bonus && (_jsx("div", { className: "flex h-full items-end", children: allMilestonesCompleted ? (_jsx(Button, { size: "sm", onClick: () => setOpen(false), "aria-label": "Close", className: "w-full", children: "Close" })) : (_jsx("div", { className: "w-full rounded-md border border-bg-primary-hover bg-button-secondary-bg px-3.5 py-2.5 text-center text-white", children: _jsxs("p", { children: ["Complete target to", ' ', _jsxs("span", { className: "text-brand-400", children: ["\u20B1", quest?.bonus] }), ' ', "bonus!"] }) })) }))] })] }) })] }) }));
129
129
  }
130
130
  function QuestMilestone({ label, bonus, isCompleted = false, checkboxControlStyle, }) {
131
131
  const localeInfo = useLocaleInfo();
@@ -1,5 +1,5 @@
1
1
  export declare const SITE_ID: string;
2
2
  export declare const PLATFORM_ID: string;
3
3
  export declare const PLATFORM_CODE: string;
4
- export declare const ENVIRONMENT: "development" | "production";
4
+ export declare const ENVIRONMENT: "production" | "development";
5
5
  export declare const INTERNALS__REPORT_WEB_VITALS: boolean;
@@ -6,26 +6,26 @@ interface Context {
6
6
  params: Promise<Params>;
7
7
  }
8
8
  export declare const GET: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
9
- ok: true;
10
- data?: never;
11
- } | {
12
9
  ok: false;
13
10
  message: string;
14
11
  __error?: unknown;
12
+ } | {
13
+ ok: true;
14
+ data: import("../types").Session;
15
15
  }> | NextResponse<{
16
+ ok: true;
17
+ data?: never;
18
+ } | {
16
19
  ok: false;
17
20
  message: string;
18
21
  __error?: unknown;
19
- } | {
20
- ok: true;
21
- data: Record<string, unknown>;
22
22
  }> | NextResponse<{
23
23
  ok: false;
24
24
  message: string;
25
25
  __error?: unknown;
26
26
  } | {
27
27
  ok: true;
28
- data: import("../types").Session;
28
+ data: Record<string, unknown>;
29
29
  }>>;
30
30
  export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
31
31
  ok: true;
@@ -37,7 +37,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
37
37
  root: string;
38
38
  };
39
39
  };
40
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
40
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, undefined, {
41
41
  size: {
42
42
  md: {
43
43
  root: string;
@@ -72,7 +72,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
72
72
  root: string;
73
73
  };
74
74
  };
75
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
75
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
76
76
  size: {
77
77
  md: {
78
78
  root: string;
@@ -107,7 +107,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
107
107
  root: string;
108
108
  };
109
109
  };
110
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
110
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
111
111
  interface BadgeLabelProps extends ComponentPropsWithRef<'span'> {
112
112
  asChild?: boolean;
113
113
  }
@@ -146,7 +146,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
146
146
  root: string;
147
147
  };
148
148
  };
149
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
149
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, undefined, {
150
150
  size: {
151
151
  md: {
152
152
  root: string;
@@ -181,7 +181,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
181
181
  root: string;
182
182
  };
183
183
  };
184
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
184
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
185
185
  size: {
186
186
  md: {
187
187
  root: string;
@@ -216,7 +216,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
216
216
  root: string;
217
217
  };
218
218
  };
219
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
219
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
220
220
  interface BadgeIndicatorProps extends ComponentPropsWithRef<'svg'> {
221
221
  asChild?: boolean;
222
222
  }
@@ -255,7 +255,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
255
255
  root: string;
256
256
  };
257
257
  };
258
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
258
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, undefined, {
259
259
  size: {
260
260
  md: {
261
261
  root: string;
@@ -290,7 +290,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
290
290
  root: string;
291
291
  };
292
292
  };
293
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
293
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
294
294
  size: {
295
295
  md: {
296
296
  root: string;
@@ -325,7 +325,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
325
325
  root: string;
326
326
  };
327
327
  };
328
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
328
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
329
329
  interface BadgeIconProps extends ComponentPropsWithRef<'svg'> {
330
330
  asChild?: boolean;
331
331
  }
@@ -364,7 +364,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
364
364
  root: string;
365
365
  };
366
366
  };
367
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
367
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, undefined, {
368
368
  size: {
369
369
  md: {
370
370
  root: string;
@@ -399,7 +399,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
399
399
  root: string;
400
400
  };
401
401
  };
402
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
402
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
403
403
  size: {
404
404
  md: {
405
405
  root: string;
@@ -434,5 +434,5 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
434
434
  root: string;
435
435
  };
436
436
  };
437
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
437
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
438
438
  export {};
@@ -1 +1 @@
1
- export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "indicator" | "icon">;
1
+ export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"root" | "indicator" | "label" | "icon">;
@@ -33,7 +33,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
33
33
  root: string;
34
34
  };
35
35
  };
36
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
36
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, undefined, {
37
37
  size: {
38
38
  md: {
39
39
  root: string;
@@ -68,7 +68,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
68
68
  root: string;
69
69
  };
70
70
  };
71
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
71
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
72
72
  size: {
73
73
  md: {
74
74
  root: string;
@@ -103,4 +103,4 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
103
103
  root: string;
104
104
  };
105
105
  };
106
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>;
106
+ }, Record<"root" | "indicator" | "label" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>;