@opexa/portal-components 0.0.40 → 0.0.41

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 (42) hide show
  1. package/dist/client/hooks/useGlobalStore.d.ts +1 -2
  2. package/dist/client/hooks/useGlobalStore.js +19 -36
  3. package/dist/components/Account/Account.d.ts +1 -7
  4. package/dist/components/Account/Account.js +15 -40
  5. package/dist/components/AccountInfo/AccountInfo.js +20 -3
  6. package/dist/components/AccountSecurity/AccountSecurity.js +14 -6
  7. package/dist/components/AccountVerification/VerificationDetails.js +6 -6
  8. package/dist/components/DepositWithdrawal/AmountChoices.js +1 -1
  9. package/dist/components/DepositWithdrawal/Deposit/AvailablePromos.js +21 -16
  10. package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js +4 -23
  11. package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.js +4 -23
  12. package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.js +4 -23
  13. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js +5 -24
  14. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositForm.js +4 -23
  15. package/dist/components/DepositWithdrawal/DepositWithdrawal.js +3 -3
  16. package/dist/components/DepositWithdrawal/PaymentMethods.js +2 -2
  17. package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.js +27 -20
  18. package/dist/components/GameLaunch/GameLaunch.js +33 -57
  19. package/dist/components/KYC/KYC.d.ts +1 -0
  20. package/dist/components/KYC/KYC.js +3 -0
  21. package/dist/components/KYC/index.d.ts +1 -0
  22. package/dist/components/KYC/index.js +1 -0
  23. package/dist/components/Messages/MessageItem.js +12 -7
  24. package/dist/components/Messages/MessagePopup.js +8 -7
  25. package/dist/components/PortalProvider/PortalProvider.d.ts +2 -2
  26. package/dist/components/PortalProvider/PortalProvider.js +8 -5
  27. package/dist/components/PortalProvider/Providers.d.ts +4 -0
  28. package/dist/components/PortalProvider/Providers.js +12 -0
  29. package/dist/components/PortalProvider/Snackbar.d.ts +1 -0
  30. package/dist/components/PortalProvider/Snackbar.js +21 -0
  31. package/dist/components/PortalProvider/WebVitals.d.ts +1 -0
  32. package/dist/components/PortalProvider/WebVitals.js +8 -0
  33. package/dist/components/index.d.ts +1 -0
  34. package/dist/components/index.js +1 -0
  35. package/dist/images/gift.png +0 -0
  36. package/dist/tsconfig.build.tsbuildinfo +1 -1
  37. package/dist/ui/AlertDialog/AlertDialog.d.ts +154 -154
  38. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +14 -14
  39. package/dist/ui/AlertDialog/alertDialog.recipe.js +4 -4
  40. package/dist/ui/Button/button.recipe.js +1 -1
  41. package/dist/ui/Checkbox/checkbox.recipe.js +2 -2
  42. package/package.json +2 -1
package/dist/ui/AlertDialog/alertDialog.recipe.d.ts CHANGED
@@ -1,46 +1,46 @@
1
1
  export declare const alertDialogRecipe: import("tailwind-variants").TVReturnType<{
2
2
  [key: string]: {
3
3
  [key: string]: import("tailwind-variants").ClassValue | {
4
- title?: import("tailwind-variants").ClassValue;
5
4
  content?: import("tailwind-variants").ClassValue;
6
- body?: import("tailwind-variants").ClassValue;
7
- footer?: import("tailwind-variants").ClassValue;
8
- header?: import("tailwind-variants").ClassValue;
5
+ title?: import("tailwind-variants").ClassValue;
9
6
  trigger?: import("tailwind-variants").ClassValue;
10
7
  backdrop?: import("tailwind-variants").ClassValue;
11
8
  positioner?: import("tailwind-variants").ClassValue;
12
9
  description?: import("tailwind-variants").ClassValue;
13
10
  closeTrigger?: import("tailwind-variants").ClassValue;
11
+ header?: import("tailwind-variants").ClassValue;
12
+ body?: import("tailwind-variants").ClassValue;
13
+ footer?: import("tailwind-variants").ClassValue;
14
14
  };
15
15
  };
16
16
  } | {
17
17
  [x: string]: {
18
18
  [x: string]: import("tailwind-variants").ClassValue | {
19
- title?: import("tailwind-variants").ClassValue;
20
19
  content?: import("tailwind-variants").ClassValue;
21
- body?: import("tailwind-variants").ClassValue;
22
- footer?: import("tailwind-variants").ClassValue;
23
- header?: import("tailwind-variants").ClassValue;
20
+ title?: import("tailwind-variants").ClassValue;
24
21
  trigger?: import("tailwind-variants").ClassValue;
25
22
  backdrop?: import("tailwind-variants").ClassValue;
26
23
  positioner?: import("tailwind-variants").ClassValue;
27
24
  description?: import("tailwind-variants").ClassValue;
28
25
  closeTrigger?: import("tailwind-variants").ClassValue;
26
+ header?: import("tailwind-variants").ClassValue;
27
+ body?: import("tailwind-variants").ClassValue;
28
+ footer?: import("tailwind-variants").ClassValue;
29
29
  };
30
30
  };
31
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
31
+ } | {}, Record<"content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
32
32
  [key: string]: {
33
33
  [key: string]: import("tailwind-variants").ClassValue | {
34
- title?: import("tailwind-variants").ClassValue;
35
34
  content?: import("tailwind-variants").ClassValue;
36
- body?: import("tailwind-variants").ClassValue;
37
- footer?: import("tailwind-variants").ClassValue;
38
- header?: import("tailwind-variants").ClassValue;
35
+ title?: import("tailwind-variants").ClassValue;
39
36
  trigger?: import("tailwind-variants").ClassValue;
40
37
  backdrop?: import("tailwind-variants").ClassValue;
41
38
  positioner?: import("tailwind-variants").ClassValue;
42
39
  description?: import("tailwind-variants").ClassValue;
43
40
  closeTrigger?: import("tailwind-variants").ClassValue;
41
+ header?: import("tailwind-variants").ClassValue;
42
+ body?: import("tailwind-variants").ClassValue;
43
+ footer?: import("tailwind-variants").ClassValue;
44
44
  };
45
45
  };
46
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
46
+ } | {}, Record<"content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>;
package/dist/ui/AlertDialog/alertDialog.recipe.js CHANGED
@@ -7,11 +7,11 @@ export const alertDialogRecipe = tv({
7
7
  backdrop: 'z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out backdrop-blur-xs fixed inset-0 bg-black/75',
8
8
  positioner: 'z-dialog fixed inset-0 flex items-center justify-center',
9
9
  content: 'ui-open:animate-alertdialog-in ui-closed:animate-alertdialog-out bg-bg-primary relative w-[400px] max-w-[90vw] rounded-xl p-3xl shadow-xl',
10
- header: 'flex items-start justify-between',
10
+ header: 'flex items-start justify-center',
11
11
  body: 'mt-xl',
12
- title: 'text-lg font-semibold',
13
- description: 'text-text-secondary-700 mt-xs text-sm',
14
- closeTrigger: 'text-text-quinary icon:size-6',
12
+ title: 'text-center text-lg font-semibold',
13
+ description: 'text-text-tertiary-600 mx-auto mt-xs max-w-[22rem] text-center text-sm',
14
+ closeTrigger: 'text-text-quinary icon:size-6 absolute right-4 top-4 p-md',
15
15
  footer: 'mt-4xl flex items-center justify-center gap-lg',
16
16
  }),
17
17
  });
package/dist/ui/Button/button.recipe.js CHANGED
@@ -4,7 +4,7 @@ export const buttonRecipe = tv({
4
4
  variants: {
5
5
  size: {
6
6
  xs: 'h-9 gap-sm px-3 text-sm',
7
- sm: 'h-10 gap-md px-3',
7
+ sm: 'h-10 gap-md px-3 text-sm',
8
8
  md: 'h-11 gap-lg px-3.5',
9
9
  },
10
10
  variant: {
package/dist/ui/Checkbox/checkbox.recipe.js CHANGED
@@ -26,8 +26,8 @@ export const checkboxRecipe = tv({
26
26
  variant: 'outline',
27
27
  colorScheme: 'gray',
28
28
  className: {
29
- control: 'shadow-xs border-border-primary bg-bg-primary ui-checked:bg-button-primary-bg ui-checked:border-button-primary-bg ui-focus:border-border-brand ui-focus:shadow-brand-xs border ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none',
30
- indicator: 'text-button-primary-fg',
29
+ control: 'shadow-xs border-border-primary bg-bg-primary ui-checked:bg-bg-brand-solid ui-checked:border-bg-brand-solid border ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none',
30
+ indicator: 'text-cyan-950',
31
31
  label: 'text-gray-600 text-xs leading-tight',
32
32
  },
33
33
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opexa/portal-components",
3
- "version": "0.0.40",
3
+ "version": "0.0.41",
4
4
  "exports": {
5
5
  ".": {
6
6
  "types": "./dist/components/index.d.ts",
@@ -75,6 +75,7 @@
75
75
  "embla-carousel-react": "8.6.0",
76
76
  "is-mobile": "^5.0.0",
77
77
  "lodash-es": "4.17.21",
78
+ "next-themes": "^0.4.6",
78
79
  "tailwind-merge": "3.3.0",
79
80
  "tailwind-variants": "1.0.0",
80
81
  "tailwindcss-plugin-zag": "0.1.0",