@opexa/portal-components 0.0.466 → 0.0.468

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 (60) hide show
  1. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts +2 -2
  2. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts +1 -1
  3. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts +2 -2
  4. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.d.ts +1 -1
  5. package/dist/components/DigitainLauncher/utils.js +26 -20
  6. package/dist/components/Disclaimer/DisclaimerV1.d.ts +1 -0
  7. package/dist/components/Disclaimer/DisclaimerV1.js +4 -1
  8. package/dist/ui/AlertDialog/AlertDialog.d.ts +55 -55
  9. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +5 -5
  10. package/dist/ui/Carousel/Carousel.d.ts +72 -72
  11. package/dist/ui/Carousel/carousel.recipe.d.ts +8 -8
  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/Combobox/Combobox.d.ts +42 -42
  15. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  16. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  17. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  18. package/dist/ui/Dialog/Dialog.d.ts +33 -33
  19. package/dist/ui/Dialog/dialog.recipe.d.ts +3 -3
  20. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  21. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  22. package/dist/ui/Field/Field.d.ts +21 -21
  23. package/dist/ui/Field/field.recipe.d.ts +3 -3
  24. package/dist/ui/Menu/Menu.d.ts +90 -90
  25. package/dist/ui/Menu/menu.recipe.d.ts +5 -5
  26. package/dist/ui/NumberInput/NumberInput.d.ts +24 -24
  27. package/dist/ui/NumberInput/numberInput.recipe.d.ts +3 -3
  28. package/dist/ui/PasswordInput/PasswordInput.d.ts +18 -18
  29. package/dist/ui/PasswordInput/passwordInput.recipe.d.ts +3 -3
  30. package/dist/ui/PinInput/PinInput.d.ts +12 -12
  31. package/dist/ui/PinInput/pinInput.recipe.d.ts +3 -3
  32. package/dist/ui/Select/Select.d.ts +45 -45
  33. package/dist/ui/Select/select.recipe.d.ts +3 -3
  34. package/dist/ui/Table/Table.d.ts +21 -21
  35. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  36. package/dist/ui/Table/table.recipe.d.ts +3 -3
  37. package/package.json +1 -1
  38. package/dist/components/AccountInfo/GoogleDisconnect.d.ts +0 -7
  39. package/dist/components/AccountInfo/GoogleDisconnect.js +0 -11
  40. package/dist/components/DigitainLauncher/Loading.d.ts +0 -1
  41. package/dist/components/DigitainLauncher/Loading.js +0 -5
  42. package/dist/components/KYC/BasicInformation.d.ts +0 -1
  43. package/dist/components/KYC/BasicInformation.js +0 -101
  44. package/dist/components/KYC/IdentityVerification.d.ts +0 -1
  45. package/dist/components/KYC/IdentityVerification.js +0 -120
  46. package/dist/components/KYC/Indicator.d.ts +0 -1
  47. package/dist/components/KYC/Indicator.js +0 -8
  48. package/dist/components/KYC/KYC.lazy.d.ts +0 -6
  49. package/dist/components/KYC/KYC.lazy.js +0 -45
  50. package/dist/components/KYC/KYCContext.d.ts +0 -6
  51. package/dist/components/KYC/KYCContext.js +0 -2
  52. package/dist/components/KYC/PersonalInformation.d.ts +0 -1
  53. package/dist/components/KYC/PersonalInformation.js +0 -122
  54. package/dist/components/KYC/useKYC.d.ts +0 -25
  55. package/dist/components/KYC/useKYC.js +0 -38
  56. package/dist/components/PortalProvider/CXDTokenObserver.d.ts +0 -1
  57. package/dist/components/PortalProvider/CXDTokenObserver.js +0 -30
  58. package/dist/icons/LinkBrokenIcon.d.ts +0 -2
  59. package/dist/icons/LinkBrokenIcon.js +0 -4
  60. package/dist/images/responsible-gaming-yellow.png +0 -0
@@ -1,6 +1,6 @@
1
1
  export declare const OnlineBankDepositContext: (props: {
2
2
  value: {
3
- view: "vca" | "form";
3
+ view: "form" | "vca";
4
4
  status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
5
5
  verify: () => void;
6
6
  reset: () => void;
@@ -13,7 +13,7 @@ export declare const OnlineBankDepositContext: (props: {
13
13
  } & {
14
14
  children?: import("react").ReactNode | undefined;
15
15
  }) => React.ReactNode, useOnlineBankDepositContext: () => {
16
- view: "vca" | "form";
16
+ view: "form" | "vca";
17
17
  status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
18
18
  verify: () => void;
19
19
  reset: () => void;
@@ -1,7 +1,7 @@
1
1
  import type { Deposit } from '../../../../types';
2
2
  export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
3
3
  export declare function useOnlineBankDeposit(): {
4
- view: "vca" | "form";
4
+ view: "form" | "vca";
5
5
  status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
6
6
  verify: () => void;
7
7
  reset: () => void;
@@ -1,6 +1,6 @@
1
1
  export declare const QRPHDepositContext: (props: {
2
2
  value: {
3
- view: "qrCode" | "form";
3
+ view: "form" | "qrCode";
4
4
  status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
5
5
  verify: () => void;
6
6
  reset: () => void;
@@ -13,7 +13,7 @@ export declare const QRPHDepositContext: (props: {
13
13
  } & {
14
14
  children?: import("react").ReactNode | undefined;
15
15
  }) => React.ReactNode, useQRPHDepositContext: () => {
16
- view: "qrCode" | "form";
16
+ view: "form" | "qrCode";
17
17
  status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
18
18
  verify: () => void;
19
19
  reset: () => void;
@@ -1,7 +1,7 @@
1
1
  import type { Deposit } from '../../../../types';
2
2
  export type UseQRPHDepositReturn = ReturnType<typeof useQRPHDeposit>;
3
3
  export declare function useQRPHDeposit(): {
4
- view: "qrCode" | "form";
4
+ view: "form" | "qrCode";
5
5
  status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
6
6
  verify: () => void;
7
7
  reset: () => void;
@@ -35,28 +35,34 @@ export const getDigitainLaunchToken = async () => {
35
35
  });
36
36
  const digitainGame = digitainGameQuery.edges[0]?.node;
37
37
  const sessionId = ObjectId.generate(ObjectType.GameSession).toString();
38
- await createGameSession({
39
- game: digitainGame.reference,
40
- id: sessionId,
41
- }, {
42
- headers: {
43
- Authorization: `Bearer ${session.token}`,
44
- ...(session.domain && {
45
- Domain: session.domain,
46
- }),
47
- },
48
- });
49
- const gameSession = await createPoll(async () => {
50
- invariant(session.status === 'authenticated');
51
- return await getGameSession(sessionId, {
38
+ try {
39
+ await createGameSession({
40
+ game: digitainGame.reference,
41
+ id: sessionId,
42
+ }, {
52
43
  headers: {
53
44
  Authorization: `Bearer ${session.token}`,
45
+ ...(session.domain && {
46
+ Domain: session.domain,
47
+ }),
54
48
  },
55
49
  });
56
- }, {
57
- until: (r) => !!r?.launchOptions,
58
- interval: 1000,
59
- maxAttempt: 5,
60
- })();
61
- return gameSession?.launchOptions?.token || '';
50
+ const gameSession = await createPoll(async () => {
51
+ invariant(session.status === 'authenticated');
52
+ return await getGameSession(sessionId, {
53
+ headers: {
54
+ Authorization: `Bearer ${session.token}`,
55
+ },
56
+ });
57
+ }, {
58
+ until: (r) => !!r?.launchOptions,
59
+ interval: 1000,
60
+ maxAttempt: 5,
61
+ })();
62
+ return gameSession?.launchOptions?.token || '';
63
+ }
64
+ catch (error) {
65
+ console.log(error);
66
+ return '';
67
+ }
62
68
  };
@@ -4,5 +4,6 @@ export interface DisclaimerV1Props {
4
4
  logo: ImageProps['src'];
5
5
  siteName: string;
6
6
  termsOfUseUrl?: string;
7
+ exitRedirect?: string;
7
8
  }
8
9
  export declare function DisclaimerV1(props: DisclaimerV1Props): import("react/jsx-runtime").JSX.Element;
@@ -7,7 +7,6 @@ import { useShallow } from 'zustand/shallow';
7
7
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
8
8
  import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
9
9
  import { CheckIcon } from '../../icons/CheckIcon.js';
10
- import { XIcon } from '../../icons/XIcon.js';
11
10
  import pagcorLogo from '../../images/pagcor.png';
12
11
  import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
13
12
  import { Button } from '../../ui/Button/index.js';
@@ -32,6 +31,10 @@ export function DisclaimerV1(props) {
32
31
  }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { className: "text-sm", children: ["I am at least 21 years of age, I accept the", ' ', _jsx(Link, { href: props.termsOfUseUrl ?? '/terms-of-use', className: "text-brand-400 underline underline-offset-2", onClick: () => {
33
32
  globalStore.termsOfUse.setOpen(false);
34
33
  }, children: "Terms of Use" }), ' ', "and I am not playing in open or public space."] }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.ErrorText, { className: "!mt-2xl flex items-center justify-center gap-2 text-error-600 text-sm", children: [_jsx(AlertCircleIcon, { className: "size-4 shrink-0 text-error-600" }), "Please agree to ", props.siteName, "\u2019s Terms of Use to proceed."] })] }), _jsx("p", { className: "mt-2xl text-sm", children: "Funds or credits in the account of any individual found ineligible to participate will be forfeited and turned over to the government as required by law." }), _jsxs("div", { className: "flex w-full flex-col gap-lg", children: [_jsx(Button, { ref: acceptTriggerRef, type: "button", className: "mt-4xl", onClick: disclaimer.close, disabled: !checked, children: "Accept" }), _jsx(Button, { variant: "outline", type: "button", className: "mt-lg", onClick: () => {
34
+ if (props.exitRedirect) {
35
+ window.location.href = props.exitRedirect;
36
+ return;
37
+ }
35
38
  if (!checked) {
36
39
  setWarn(true);
37
40
  }