@opexa/portal-components 0.0.1049 → 0.0.1050

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 (68) hide show
  1. package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/AurixPayQRPHDepositContext.d.ts +2 -2
  2. package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.d.ts +1 -1
  3. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts +2 -2
  4. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts +1 -1
  5. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts +2 -2
  6. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.d.ts +1 -1
  7. package/dist/components/KYC/KYCReview.js +2 -5
  8. package/dist/components/TransactionRecords/TransactionRecordsTable.js +1 -0
  9. package/dist/schemas/forgotPasswordSchema.d.ts +4 -4
  10. package/dist/ui/AlertDialog/AlertDialog.d.ts +88 -88
  11. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +8 -8
  12. package/dist/ui/Badge/Badge.d.ts +12 -12
  13. package/dist/ui/Badge/badge.anatomy.d.ts +1 -1
  14. package/dist/ui/Badge/badge.recipe.d.ts +3 -3
  15. package/dist/ui/Carousel/Carousel.d.ts +45 -45
  16. package/dist/ui/Carousel/carousel.recipe.d.ts +5 -5
  17. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  18. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  19. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  20. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  21. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  22. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  23. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  24. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  25. package/dist/ui/Dialog/Dialog.d.ts +33 -33
  26. package/dist/ui/Dialog/dialog.recipe.d.ts +3 -3
  27. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  28. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  29. package/dist/ui/Field/Field.d.ts +21 -21
  30. package/dist/ui/Field/field.recipe.d.ts +3 -3
  31. package/dist/ui/Menu/Menu.d.ts +198 -198
  32. package/dist/ui/Menu/menu.recipe.d.ts +11 -11
  33. package/dist/ui/NumberInput/NumberInput.d.ts +24 -24
  34. package/dist/ui/NumberInput/numberInput.recipe.d.ts +3 -3
  35. package/dist/ui/PasswordInput/PasswordInput.d.ts +18 -18
  36. package/dist/ui/PasswordInput/passwordInput.recipe.d.ts +3 -3
  37. package/dist/ui/PinInput/PinInput.d.ts +12 -12
  38. package/dist/ui/PinInput/pinInput.recipe.d.ts +3 -3
  39. package/dist/ui/Popover/Popover.d.ts +121 -121
  40. package/dist/ui/Popover/popover.recipe.d.ts +11 -11
  41. package/dist/ui/Progress/Progress.d.ts +27 -27
  42. package/dist/ui/Progress/progress.recipe.d.ts +3 -3
  43. package/dist/ui/QrCode/QrCode.d.ts +25 -25
  44. package/dist/ui/QrCode/qrCode.recipe.d.ts +5 -5
  45. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  46. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  47. package/dist/ui/Select/Select.d.ts +45 -45
  48. package/dist/ui/Select/select.recipe.d.ts +3 -3
  49. package/dist/ui/Table/Table.d.ts +21 -21
  50. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  51. package/dist/ui/Table/table.recipe.d.ts +3 -3
  52. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  53. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  54. package/dist/ui/Tooltip/Tooltip.d.ts +48 -48
  55. package/dist/ui/Tooltip/tooltip.recipe.d.ts +8 -8
  56. package/package.json +1 -1
  57. package/dist/client/hooks/useVerifyMobileNumber.d.ts +0 -3
  58. package/dist/client/hooks/useVerifyMobileNumber.js +0 -20
  59. package/dist/components/DepositWithdrawal/Deposit/AurixPayPayMayaDeposit/AurixPayGrabPayDeposit.d.ts +0 -1
  60. package/dist/components/DepositWithdrawal/Deposit/AurixPayPayMayaDeposit/AurixPayGrabPayDeposit.js +0 -241
  61. package/dist/components/SingleSignOn/SingleSignOn.d.ts +0 -4
  62. package/dist/components/SingleSignOn/SingleSignOn.js +0 -185
  63. package/dist/components/SingleSignOn/index.d.ts +0 -1
  64. package/dist/components/SingleSignOn/index.js +0 -1
  65. package/dist/lib/components/UpdateMobilePhoneNumber/UpdateMobilePhoneNumber.d.ts +0 -1
  66. package/dist/lib/components/UpdateMobilePhoneNumber/UpdateMobilePhoneNumber.js +0 -152
  67. package/dist/lib/components/UpdateMobilePhoneNumber/index.d.ts +0 -1
  68. package/dist/lib/components/UpdateMobilePhoneNumber/index.js +0 -1
@@ -1,6 +1,6 @@
1
1
  export declare const AurixPayQRPHDepositContext: (props: {
2
2
  value: {
3
- status: "failed" | "idle" | "generating-qr-code" | "qr-code-generated" | "confirmed";
3
+ status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
4
4
  deposit: import("../../../../types").Deposit | null;
5
5
  errorMessage: {
6
6
  name: string;
@@ -13,7 +13,7 @@ export declare const AurixPayQRPHDepositContext: (props: {
13
13
  } & {
14
14
  children?: import("react").ReactNode | undefined;
15
15
  }) => React.ReactNode, useAurixPayQRPHDepositContext: () => {
16
- status: "failed" | "idle" | "generating-qr-code" | "qr-code-generated" | "confirmed";
16
+ status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
17
17
  deposit: import("../../../../types").Deposit | null;
18
18
  errorMessage: {
19
19
  name: string;
@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
5
5
  promo?: string | null;
6
6
  }
7
7
  export declare function useAurixPayQRPHDeposit(): {
8
- status: "failed" | "idle" | "generating-qr-code" | "qr-code-generated" | "confirmed";
8
+ status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
9
9
  deposit: Deposit | null;
10
10
  errorMessage: {
11
11
  name: string;
@@ -1,7 +1,7 @@
1
1
  export declare const OnlineBankDepositContext: (props: {
2
2
  value: {
3
3
  view: "form" | "vca";
4
- status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
4
+ status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
5
5
  verify: () => void;
6
6
  reset: () => void;
7
7
  deposit: import("../../../../types").Deposit | null;
@@ -14,7 +14,7 @@ export declare const OnlineBankDepositContext: (props: {
14
14
  children?: import("react").ReactNode | undefined;
15
15
  }) => React.ReactNode, useOnlineBankDepositContext: () => {
16
16
  view: "form" | "vca";
17
- status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
17
+ status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
18
18
  verify: () => void;
19
19
  reset: () => void;
20
20
  deposit: import("../../../../types").Deposit | null;
@@ -2,7 +2,7 @@ import type { Deposit } from '../../../../types';
2
2
  export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
3
3
  export declare function useOnlineBankDeposit(): {
4
4
  view: "form" | "vca";
5
- status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
5
+ status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
6
6
  verify: () => void;
7
7
  reset: () => void;
8
8
  deposit: Deposit | null;
@@ -1,6 +1,6 @@
1
1
  export declare const QRPHDepositContext: (props: {
2
2
  value: {
3
- status: "failed" | "idle" | "generating-qr-code" | "qr-code-generated" | "confirmed";
3
+ status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
4
4
  deposit: import("../../../../types").Deposit | null;
5
5
  errorMessage: {
6
6
  name: string;
@@ -13,7 +13,7 @@ export declare const QRPHDepositContext: (props: {
13
13
  } & {
14
14
  children?: import("react").ReactNode | undefined;
15
15
  }) => React.ReactNode, useQRPHDepositContext: () => {
16
- status: "failed" | "idle" | "generating-qr-code" | "qr-code-generated" | "confirmed";
16
+ status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
17
17
  deposit: import("../../../../types").Deposit | null;
18
18
  errorMessage: {
19
19
  name: string;
@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
5
5
  promo?: string | null;
6
6
  }
7
7
  export declare function useQRPHDeposit(): {
8
- status: "failed" | "idle" | "generating-qr-code" | "qr-code-generated" | "confirmed";
8
+ status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
9
9
  deposit: Deposit | null;
10
10
  errorMessage: {
11
11
  name: string;
@@ -3,7 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import Image from 'next/image';
4
4
  import { useState } from 'react';
5
5
  import { useShallow } from 'zustand/shallow';
6
- import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
7
6
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
8
7
  import { getSession } from '../../client/services/getSession.js';
9
8
  import { toaster } from '../../client/utils/toaster.js';
@@ -16,9 +15,7 @@ import { Portal } from '../../ui/Portal/index.js';
16
15
  export function KYCReview() {
17
16
  const { kycReview } = useGlobalStore(useShallow((s) => ({ kycReview: s.kycReview })));
18
17
  const [isLoading, setIsLoading] = useState(false);
19
- const featureFlag = useFeatureFlag();
20
- const isDialogOpen = kycReview.open && featureFlag.enabled;
21
- return (_jsx(Dialog.Root, { open: isDialogOpen, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex w-[375px] flex-col items-center justify-between space-y-4 rounded-lg bg-[#232443] p-6 text-center", children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "mb-4 h-7 w-7 animate-spin rounded-full border-4 border-[#101730] border-t-[#F05027]" }), _jsx("div", { className: "font-semibold text-[#F5F5F6] text-lg", children: "Thanks for your submission." }), _jsxs("div", { className: "mt-1 text-[#CECFD2] text-sm", children: ["We\u2019re now ", '', _jsxs("span", { className: "text-[#F96B47]", children: ["reviewing your KYC information ", ''] }), "and will notify you once the verification is complete."] }), _jsx("div", { className: "mt-6 text-[#CECFD2] text-sm", children: "In the meantime, you can watch your favorite series on CinePop!" })] }), _jsxs("div", { className: "pt-3", children: [_jsx(Image, { src: cinePopLogo, alt: "cine poplogo", width: 151, height: 24, className: "mx-auto mb-2 h-auto w-[151px]" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { src: secretConfessionsLogo, alt: "secret confessions logo", width: 104, height: 53, className: "h-auto w-[104px]" }), _jsx(Image, { src: dearUtolLogo, alt: "dear utol logo", width: 105, height: 53, className: "h-auto w-[105px]" }), _jsx(Image, { src: mariasDiary, alt: "maria's diary logo", width: 104, height: 53, className: "h-auto w-[104px]" })] })] }), _jsx("button", { disabled: isLoading, type: "button", className: "h-[44px] w-full rounded-md font-semibold", style: {
18
+ return (_jsx(Dialog.Root, { open: kycReview.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex w-[375px] flex-col items-center justify-between space-y-4 rounded-lg bg-[#232443] p-6 text-center", children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "mb-4 h-7 w-7 animate-spin rounded-full border-4 border-[#101730] border-t-[#F05027]" }), _jsx("div", { className: "font-semibold text-[#F5F5F6] text-lg", children: "Thanks for your submission." }), _jsxs("div", { className: "mt-1 text-[#CECFD2] text-sm", children: ["We\u2019re now ", '', _jsxs("span", { className: "text-[#F96B47]", children: ["reviewing your KYC information ", ''] }), "and will notify you once the verification is complete."] }), _jsx("div", { className: "mt-6 text-[#CECFD2] text-sm", children: "In the meantime, you can watch your favorite series on CinePop!" })] }), _jsxs("div", { className: "pt-3", children: [_jsx(Image, { src: cinePopLogo, alt: "cine poplogo", width: 151, height: 24, className: "mx-auto mb-2 h-auto w-[151px]" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { src: secretConfessionsLogo, alt: "secret confessions logo", width: 104, height: 53, className: "h-auto w-[104px]" }), _jsx(Image, { src: dearUtolLogo, alt: "dear utol logo", width: 105, height: 53, className: "h-auto w-[105px]" }), _jsx(Image, { src: mariasDiary, alt: "maria's diary logo", width: 104, height: 53, className: "h-auto w-[104px]" })] })] }), _jsx("button", { disabled: isLoading, type: "button", className: "h-[44px] w-full rounded-md font-semibold", style: {
22
19
  background: 'linear-gradient(90deg, #9333E8 0%, #D92778 100%)',
23
20
  }, onClick: async () => {
24
21
  const session = await getSession();
@@ -32,7 +29,7 @@ export function KYCReview() {
32
29
  'Content-Type': 'application/json',
33
30
  },
34
31
  });
35
- const data = (await response.json());
32
+ const data = await response.json();
36
33
  window.open(data.data.redirectionUrl, '_blank');
37
34
  }
38
35
  catch {
@@ -71,6 +71,7 @@ export function TransactionRecordsTable(props) {
71
71
  }) }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.currentBalance, {
72
72
  currency: localeInfo.currency.code,
73
73
  minDecimalPlaces: 2,
74
+ truncate: false
74
75
  }) }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.currentBonusBalance, {
75
76
  currency: localeInfo.currency.code,
76
77
  minDecimalPlaces: 2,
@@ -9,23 +9,23 @@ export declare const createForgotPasswordSchema: (mobileNumberParser: MobileNumb
9
9
  verificationCode: z.ZodEffects<z.ZodString, string, string>;
10
10
  }, "strip", z.ZodTypeAny, {
11
11
  password: string;
12
- mobileNumber: string;
13
12
  verificationCode: string;
13
+ mobileNumber: string;
14
14
  confirmPassword: string;
15
15
  }, {
16
16
  password: string;
17
- mobileNumber: string;
18
17
  verificationCode: string;
18
+ mobileNumber: string;
19
19
  confirmPassword: string;
20
20
  }>, {
21
21
  password: string;
22
- mobileNumber: string;
23
22
  verificationCode: string;
23
+ mobileNumber: string;
24
24
  confirmPassword: string;
25
25
  }, {
26
26
  password: string;
27
- mobileNumber: string;
28
27
  verificationCode: string;
28
+ mobileNumber: string;
29
29
  confirmPassword: string;
30
30
  }>;
31
31
  export type ForgotPasswordSchema = z.infer<ReturnType<typeof createForgotPasswordSchema>>;