@opexa/portal-components 0.0.827 → 0.0.829

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 (90) hide show
  1. package/dist/components/Banner/Banner.client.d.ts +12 -0
  2. package/dist/components/Banner/Banner.client.js +49 -0
  3. package/dist/components/DepositWithdrawal/Deposit__legacy/OnlineBankDeposit/OnlineBankDepositContext.d.ts +2 -2
  4. package/dist/components/DepositWithdrawal/Deposit__legacy/OnlineBankDeposit/useOnlineBankDeposit.d.ts +1 -1
  5. package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/QRPHDepositContext.d.ts +2 -2
  6. package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/useQRPHDeposit.d.ts +1 -1
  7. package/dist/components/GameLaunch/GameLaunchTrigger.js +5 -5
  8. package/dist/components/KYC/KYCVerificationStatus.lazy.js +7 -4
  9. package/dist/components/MixpanelTracking/get-utm.d.ts +18 -0
  10. package/dist/components/MixpanelTracking/get-utm.js +44 -0
  11. package/dist/components/MixpanelTracking/index.d.ts +5 -0
  12. package/dist/components/MixpanelTracking/index.js +109 -0
  13. package/dist/components/PortalProvider/AndroidOnlyComponents.d.ts +1 -0
  14. package/dist/components/PortalProvider/AndroidOnlyComponents.js +12 -0
  15. package/dist/components/PortalProvider/CXDTokenObserver.js +11 -11
  16. package/dist/components/SignIn/utils.d.ts +8 -0
  17. package/dist/components/SignIn/utils.js +26 -0
  18. package/dist/constants/Branches.d.ts +2 -0
  19. package/dist/constants/Branches.js +42 -0
  20. package/dist/next.config.js +3 -0
  21. package/dist/third-parties/FacebookPixel/FacebookPixel.d.ts +4 -0
  22. package/dist/third-parties/FacebookPixel/FacebookPixel.js +4 -0
  23. package/dist/third-parties/FacebookPixel/api.d.ts +0 -0
  24. package/dist/third-parties/FacebookPixel/api.js +1 -0
  25. package/dist/third-parties/FacebookPixel/index.d.ts +1 -0
  26. package/dist/third-parties/FacebookPixel/index.js +1 -0
  27. package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.d.ts +4 -0
  28. package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.js +4 -0
  29. package/dist/third-parties/GoogleRecaptcha/api.d.ts +0 -0
  30. package/dist/third-parties/GoogleRecaptcha/api.js +1 -0
  31. package/dist/third-parties/GoogleRecaptcha/index.d.ts +1 -0
  32. package/dist/third-parties/GoogleRecaptcha/index.js +1 -0
  33. package/dist/third-parties/index.d.ts +2 -0
  34. package/dist/third-parties/index.js +2 -0
  35. package/dist/ui/Avatar/Avatar.d.ts +9 -9
  36. package/dist/ui/Avatar/avatar.recipe.d.ts +3 -3
  37. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  38. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  39. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  40. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  41. package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
  42. package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
  43. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  44. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  45. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  46. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  47. package/dist/ui/Dialog/Dialog.d.ts +33 -33
  48. package/dist/ui/Dialog/dialog.recipe.d.ts +3 -3
  49. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  50. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  51. package/dist/ui/Menu/Menu.d.ts +144 -144
  52. package/dist/ui/Menu/menu.recipe.d.ts +8 -8
  53. package/dist/ui/NumberInput/NumberInput.d.ts +24 -24
  54. package/dist/ui/NumberInput/numberInput.recipe.d.ts +3 -3
  55. package/dist/ui/Popover/Popover.d.ts +154 -154
  56. package/dist/ui/Popover/popover.recipe.d.ts +14 -14
  57. package/dist/ui/QrCode/QrCode.d.ts +25 -25
  58. package/dist/ui/QrCode/qrCode.recipe.d.ts +5 -5
  59. package/dist/ui/Select/Select.d.ts +45 -45
  60. package/dist/ui/Select/select.recipe.d.ts +3 -3
  61. package/dist/ui/Table/Table.d.ts +21 -21
  62. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  63. package/dist/ui/Table/table.recipe.d.ts +3 -3
  64. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  65. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  66. package/dist/ui/Tooltip/Tooltip.d.ts +30 -30
  67. package/dist/ui/Tooltip/tooltip.recipe.d.ts +5 -5
  68. package/package.json +2 -1
  69. package/dist/components/AccountInfo/GoogleDisconnect.d.ts +0 -7
  70. package/dist/components/AccountInfo/GoogleDisconnect.js +0 -11
  71. package/dist/components/DepositWithdrawal/Deposit/GCashWebpayDeposit /GCashWebpayDeposit .d.ts +0 -1
  72. package/dist/components/DepositWithdrawal/Deposit/GCashWebpayDeposit /GCashWebpayDeposit .js +0 -191
  73. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Confirmed.d.ts +0 -1
  74. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Confirmed.js +0 -11
  75. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Failed.d.ts +0 -1
  76. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Failed.js +0 -11
  77. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Form.d.ts +0 -1
  78. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Form.js +0 -126
  79. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/GeneratingQrCode.d.ts +0 -1
  80. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/GeneratingQrCode.js +0 -10
  81. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDeposit.d.ts +0 -1
  82. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDeposit.js +0 -12
  83. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDepositContext.d.ts +0 -17
  84. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDepositContext.js +0 -2
  85. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QrCodeGenerated.d.ts +0 -1
  86. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QrCodeGenerated.js +0 -41
  87. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/useQRPHDeposit.d.ts +0 -13
  88. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/useQRPHDeposit.js +0 -91
  89. package/dist/icons/LinkBrokenIcon.d.ts +0 -2
  90. package/dist/icons/LinkBrokenIcon.js +0 -4
@@ -0,0 +1,12 @@
1
+ import type { ImageProps } from 'next/image';
2
+ export interface BannerEntry {
3
+ src: ImageProps['src'];
4
+ redirectUrl?: string;
5
+ }
6
+ export interface BannerProps {
7
+ banners: BannerEntry[];
8
+ imageWidth?: number | [mobile: number, desktop: number];
9
+ imageHeight?: number | [mobile: number, desktop: number];
10
+ className?: string;
11
+ }
12
+ export declare function Banner__client(props: BannerProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,49 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import emblaCarouselAutoplay from 'embla-carousel-autoplay';
4
+ import useEmblaCarousel, {} from 'embla-carousel-react';
5
+ import isMobile from 'is-mobile';
6
+ import Image from 'next/image';
7
+ import Link from 'next/link';
8
+ import { Fragment, useEffect, useState } from 'react';
9
+ import { twMerge } from 'tailwind-merge';
10
+ import { dataAttr } from '../../utils/dataAttr.js';
11
+ export function Banner__client(props) {
12
+ const [emblaRef, emblaApi] = useEmblaCarousel({
13
+ loop: true,
14
+ align: 'start',
15
+ }, [
16
+ emblaCarouselAutoplay({
17
+ playOnInit: true,
18
+ delay: 5000,
19
+ }),
20
+ ]);
21
+ const [currentIndex, setCurrentIndex] = useState(0);
22
+ useEffect(() => {
23
+ function handler(detail) {
24
+ setCurrentIndex(detail?.selectedScrollSnap() ?? 0);
25
+ }
26
+ emblaApi?.on('scroll', handler);
27
+ emblaApi?.on('init', handler);
28
+ return () => {
29
+ emblaApi?.on('init', handler);
30
+ emblaApi?.off('scroll', handler);
31
+ };
32
+ }, [emblaApi]);
33
+ const imageWidth = !props.imageWidth
34
+ ? [400, 1200]
35
+ : Array.isArray(props.imageWidth)
36
+ ? props.imageWidth
37
+ : [props.imageWidth, props.imageWidth];
38
+ const imageHeight = !props.imageHeight
39
+ ? [225, 300]
40
+ : Array.isArray(props.imageHeight)
41
+ ? props.imageHeight
42
+ : [props.imageHeight, props.imageHeight];
43
+ return (_jsxs("div", { className: twMerge('relative', props.className), children: [_jsx("div", { ref: emblaRef, className: "overflow-hidden", children: _jsx("div", { className: "flex gap-2", children: props.banners.map((banner, index) => {
44
+ const img = (_jsx(Image, { src: banner.src, alt: "", width: isMobile() ? imageWidth[0] : imageWidth[1], height: isMobile() ? imageHeight[0] : imageHeight[1], className: "block h-auto w-full", priority: index === 0 }));
45
+ return (_jsx(Fragment, { children: !banner.redirectUrl ? (_jsx("div", { className: "w-full shrink-0", children: img })) : (_jsx(Link, { href: banner.redirectUrl, className: "block w-full shrink-0", "aria-label": `Open ${banner.redirectUrl}`, children: img })) }, index));
46
+ }) }) }), _jsx("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2", children: props.banners.map((_, index) => (_jsx("button", { type: "button", className: "ui-active:bg-brand-500 bg-gray-300 size-3 shrink-0 rounded-full border border-white transition-all duration-300 ui-active:w-9", onClick: () => {
47
+ emblaApi?.scrollTo(index);
48
+ }, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex) }, index))) })] }));
49
+ }
@@ -1,7 +1,7 @@
1
1
  export declare const OnlineBankDepositContext: (props: {
2
2
  value: {
3
3
  view: "form" | "vca";
4
- status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
4
+ status: "waiting" | "processing" | "failed" | "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: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
17
+ status: "waiting" | "processing" | "failed" | "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: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
5
+ status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
6
6
  verify: () => void;
7
7
  reset: () => void;
8
8
  deposit: Deposit | null;
@@ -1,7 +1,7 @@
1
1
  export declare const QRPHDepositContext: (props: {
2
2
  value: {
3
3
  view: "form" | "qrCode";
4
- status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
4
+ status: "waiting" | "processing" | "failed" | "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 QRPHDepositContext: (props: {
14
14
  children?: import("react").ReactNode | undefined;
15
15
  }) => React.ReactNode, useQRPHDepositContext: () => {
16
16
  view: "form" | "qrCode";
17
- status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
17
+ status: "waiting" | "processing" | "failed" | "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 UseQRPHDepositReturn = ReturnType<typeof useQRPHDeposit>;
3
3
  export declare function useQRPHDeposit(): {
4
4
  view: "form" | "qrCode";
5
- status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
5
+ status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
6
6
  verify: () => void;
7
7
  reset: () => void;
8
8
  deposit: Deposit | null;
@@ -18,7 +18,7 @@ import { getQueryClient } from '../../utils/getQueryClient.js';
18
18
  import { getSessionQueryKey } from '../../utils/queryKeys.js';
19
19
  import { LOCALSTORAGE_PUSH_NOTIFICATION_TOKEN_KEY } from '../PortalProvider/PushNotifications.js';
20
20
  export function GameLaunchTrigger(props) {
21
- console.log('props', props.bypassKycCheck);
21
+ const { game, bypassKycCheck, ...rest } = props;
22
22
  const sessionQuery = useSessionQuery();
23
23
  const verificationQuery = useMemberVerificationQuery();
24
24
  const createGameSessionMutation = useCreateGameSessionMutation();
@@ -39,13 +39,13 @@ export function GameLaunchTrigger(props) {
39
39
  : globalStore.gameLaunch.details.status !== 'WAITING'
40
40
  ? true
41
41
  : props.disabled;
42
- return (_jsx(ark.button, { type: "button", "aria-label": `Play ${props.game.name}`, "data-state": sessionQuery.data?.status === 'unauthenticated'
42
+ return (_jsx(ark.button, { type: "button", "aria-label": `Play ${game.name}`, "data-state": sessionQuery.data?.status === 'unauthenticated'
43
43
  ? globalStore.signIn.open
44
44
  ? 'open'
45
45
  : 'closed'
46
46
  : globalStore.gameLaunch.details.status === 'WAITING'
47
47
  ? 'closed'
48
- : 'open', ...props, disabled: disabled, onClick: async (e) => {
48
+ : 'open', ...rest, disabled: disabled, onClick: async (e) => {
49
49
  props.onClick?.(e);
50
50
  if (sessionQuery.data?.status === 'unauthenticated') {
51
51
  if (hasSavedBiometry()) {
@@ -143,7 +143,7 @@ export function GameLaunchTrigger(props) {
143
143
  return props.onClick?.(e);
144
144
  }
145
145
  //handle new kyc process to play only on verified members only
146
- if (!props.bypassKycCheck &&
146
+ if (!bypassKycCheck &&
147
147
  (verificationStatus === 'PENDING' ||
148
148
  verificationStatus === 'REJECTED' ||
149
149
  verificationStatus === 'UNVERIFIED' ||
@@ -152,7 +152,7 @@ export function GameLaunchTrigger(props) {
152
152
  return;
153
153
  }
154
154
  globalStore.gameLaunch.setDetails({
155
- game: props.game,
155
+ game: game,
156
156
  status: 'LOADING',
157
157
  session: null,
158
158
  });
@@ -19,15 +19,18 @@ export function KYCVerificationStatus() {
19
19
  const icons = status === 'PENDING' ? bellIcon : alertIcon;
20
20
  return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
21
21
  globalStore.kycVerificationStatus.setOpen(details.open);
22
- }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' && 'Verification Required'] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
22
+ }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' ||
23
+ (status === 'CREATED' && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
23
24
  `Your account verification is still under review. Please wait
24
25
  until it's approved before you can continue playing or
25
26
  depositing.`, status === 'REJECTED' &&
26
- 'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' &&
27
- 'Your account is not yet verified. Please complete the verification process to continue playing or depositing.'] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
27
+ 'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' ||
28
+ (status === 'CREATED' &&
29
+ 'Your account is not yet verified. Please complete the verification process to continue playing or depositing.')] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
28
30
  globalStore.kycVerificationStatus.setOpen(false);
29
31
  globalStore.kyc.setOpen(true);
30
- }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' && 'Verify Now'] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
32
+ }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' ||
33
+ (status === 'CREATED' && 'Verify Now')] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
31
34
  globalStore.kycVerificationStatus.setOpen(false);
32
35
  }, children: "Close" })] }) }) })] }) }));
33
36
  }
@@ -0,0 +1,18 @@
1
+ export declare function getUTMParams(): {
2
+ utm_source: string;
3
+ utm_medium: string;
4
+ utm_campaign: string;
5
+ fbclid: string;
6
+ cxd: string;
7
+ gclid: string;
8
+ };
9
+ export declare function getSourceData(): {
10
+ utm_source: string;
11
+ utm_medium: string;
12
+ utm_campaign: string;
13
+ fbclid: string;
14
+ cxd: string;
15
+ gclid: string;
16
+ referrer: string;
17
+ source: string;
18
+ };
@@ -0,0 +1,44 @@
1
+ export function getUTMParams() {
2
+ const params = new URLSearchParams(window.location.search);
3
+ return {
4
+ utm_source: params.get('utm_source') || 'unknown',
5
+ utm_medium: params.get('utm_medium') || 'unknown',
6
+ utm_campaign: params.get('utm_campaign') || 'unknown',
7
+ fbclid: params.get('fbclid') || 'unknown',
8
+ cxd: params.get('cxd') || 'unknown',
9
+ gclid: params.get('gclid') || 'unknown',
10
+ };
11
+ }
12
+ export function getSourceData() {
13
+ const urlParams = new URLSearchParams(window.location.search);
14
+ const utmSource = urlParams.get('utm_source');
15
+ const utmMedium = urlParams.get('utm_medium');
16
+ const utmCampaign = urlParams.get('utm_campaign');
17
+ const fbclid = urlParams.get('fbclid');
18
+ const cxd = urlParams.get('cxd');
19
+ const gclid = urlParams.get('gclid');
20
+ const referrer = document.referrer || 'direct';
21
+ let source = 'direct';
22
+ if (utmSource)
23
+ source = utmSource;
24
+ else if (fbclid)
25
+ source = 'facebook';
26
+ else if (gclid)
27
+ source = 'google';
28
+ else if (referrer.includes('facebook'))
29
+ source = 'facebook';
30
+ else if (referrer.includes('google'))
31
+ source = 'google';
32
+ else if (referrer !== 'direct')
33
+ source = referrer;
34
+ return {
35
+ utm_source: utmSource || 'none',
36
+ utm_medium: utmMedium || 'none',
37
+ utm_campaign: utmCampaign || 'none',
38
+ fbclid: fbclid || 'none',
39
+ cxd: cxd || 'none',
40
+ gclid: gclid || 'none',
41
+ referrer,
42
+ source,
43
+ };
44
+ }
@@ -0,0 +1,5 @@
1
+ export interface MixpanelTrackingProps {
2
+ mixpanelId: string;
3
+ }
4
+ export declare const MixpanelTracking: ({ mixpanelId }: MixpanelTrackingProps) => null;
5
+ export default MixpanelTracking;
@@ -0,0 +1,109 @@
1
+ 'use client';
2
+ import { Capacitor } from '@capacitor/core';
3
+ import mixpanel from 'mixpanel-browser';
4
+ import { useEffect, useRef } from 'react';
5
+ import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
6
+ import { useDepositsCountQuery } from '../../client/hooks/useDepositsCountQuery.js';
7
+ import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
8
+ import { getSourceData, getUTMParams } from './get-utm.js';
9
+ export const MixpanelTracking = ({ mixpanelId }) => {
10
+ const initializedRef = useRef(false);
11
+ const session = useSessionQuery();
12
+ const btag = session.data?.btag;
13
+ const isAuthenticated = session.data?.status === 'authenticated';
14
+ const accountQuery = useAccountQuery();
15
+ const account = accountQuery.data;
16
+ const kycStatus = account?.verificationStatus;
17
+ const depositCountQuery = useDepositsCountQuery();
18
+ const depositTotalCount = depositCountQuery.data;
19
+ useEffect(() => {
20
+ if (initializedRef.current)
21
+ return;
22
+ initializedRef.current = true;
23
+ console.log('MIXPANEL ID:', mixpanelId);
24
+ mixpanel.init(mixpanelId, {
25
+ autocapture: false,
26
+ autotrack: false,
27
+ record_sessions_percent: 0,
28
+ persistence: 'localStorage',
29
+ });
30
+ const distinctId = mixpanel.get_distinct_id();
31
+ mixpanel.identify(distinctId);
32
+ const { source, utm_source, utm_medium, utm_campaign, referrer } = getSourceData();
33
+ mixpanel.people.set({
34
+ platform: Capacitor.getPlatform() === 'android'
35
+ ? 'Android'
36
+ : Capacitor.getPlatform() === 'ios'
37
+ ? 'iOS'
38
+ : 'Web',
39
+ first_seen: new Date().toISOString(),
40
+ source,
41
+ utm_source,
42
+ utm_medium,
43
+ utm_campaign,
44
+ referrer,
45
+ isLoggedIn: isAuthenticated,
46
+ lastLoggedIn: isAuthenticated ? new Date().toISOString() : null,
47
+ });
48
+ if (typeof window !== 'undefined') {
49
+ const SESSION_KEY = 'last_mixpanel_session_tracked';
50
+ const ONE_DAY = 24 * 60 * 60 * 1000;
51
+ const last = window.localStorage.getItem(SESSION_KEY);
52
+ const now = Date.now();
53
+ const oneDayPassed = last && now - new Date(last).getTime() >= ONE_DAY;
54
+ if (!last || oneDayPassed) {
55
+ const isWeb = !Capacitor.getPlatform().includes('android') &&
56
+ !Capacitor.getPlatform().includes('ios');
57
+ const resolvedSource = isWeb
58
+ ? window.location.pathname
59
+ : Capacitor.getPlatform().includes('android')
60
+ ? 'android'
61
+ : Capacitor.getPlatform().includes('ios')
62
+ ? 'ios'
63
+ : 'mobile web';
64
+ mixpanel.track('Session Start', {
65
+ ...getUTMParams(),
66
+ source: resolvedSource,
67
+ referrer: (typeof document !== 'undefined' && document.referrer) || 'direct',
68
+ btag: btag || 'organic',
69
+ });
70
+ window.localStorage.setItem(SESSION_KEY, new Date().toISOString());
71
+ }
72
+ }
73
+ }, [isAuthenticated, btag, mixpanelId]);
74
+ useEffect(() => {
75
+ if (!initializedRef.current)
76
+ return;
77
+ if (!isAuthenticated)
78
+ return;
79
+ mixpanel.people.set({
80
+ isLoggedIn: true,
81
+ lastLoggedIn: new Date().toISOString(),
82
+ });
83
+ }, [isAuthenticated]);
84
+ useEffect(() => {
85
+ if (depositTotalCount == null)
86
+ return;
87
+ mixpanel.people.set({
88
+ totalDeposits: depositTotalCount,
89
+ });
90
+ }, [depositTotalCount]);
91
+ useEffect(() => {
92
+ if (!kycStatus)
93
+ return;
94
+ mixpanel.people.set({
95
+ kycStatus,
96
+ });
97
+ }, [kycStatus]);
98
+ useEffect(() => {
99
+ if (!account)
100
+ return;
101
+ mixpanel.people.set({
102
+ email: account.emailAddress,
103
+ name: account.realName,
104
+ username: account.name,
105
+ });
106
+ }, [account]);
107
+ return null;
108
+ };
109
+ export default MixpanelTracking;
@@ -0,0 +1 @@
1
+ export declare function AndroidOnlyComponents(): import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,12 @@
1
+ 'use client';
2
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { Capacitor } from '@capacitor/core';
4
+ import { AndroidRoutingHandler } from './AndroidRoutingHandler.js';
5
+ import PushNotification from './PushNotifications.js';
6
+ export function AndroidOnlyComponents() {
7
+ const platform = Capacitor.getPlatform();
8
+ const isNative = platform === 'android' || platform === 'ios';
9
+ if (!isNative)
10
+ return null;
11
+ return (_jsxs(_Fragment, { children: [_jsx(PushNotification, {}), _jsx(AndroidRoutingHandler, {})] }));
12
+ }
@@ -1,30 +1,30 @@
1
1
  'use client';
2
2
  import { addHours } from 'date-fns';
3
3
  import { clamp } from 'lodash-es';
4
- import { useSearchParams } from 'next/navigation';
5
4
  import { useLocalStorage, useTimeout } from 'usehooks-ts';
6
5
  import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
7
6
  export function CXDTokenObserver() {
8
- const searchParams = useSearchParams();
9
- const cxdToken = searchParams.get('cxd');
10
- const accountQuery = useAccountQuery();
11
- const account = accountQuery.data;
12
- const [cxd, setCxd, removeCxd] = useLocalStorage('WebPortalCellxpertCxd', null);
7
+ const { data: account } = useAccountQuery();
8
+ const accountCxd = {
9
+ cxd: account?.cellxpertDetails?.cxd,
10
+ };
11
+ const [cxd, setCxd, removeCxd] = useLocalStorage('cxd', null);
13
12
  const now = new Date();
14
- const shouldTimeoutRun = cxdToken && account;
15
13
  const removeCxdUntilInMs = cxd?.timestamp
16
14
  ? clamp(cxd.timestamp - now.getTime(), 0, Infinity)
17
15
  : 0;
18
16
  useTimeout(() => {
19
- const isSame = cxd?.cxd === cxdToken;
17
+ const isSame = cxd?.cxd === accountCxd.cxd;
20
18
  if (!isSame) {
21
19
  const extendedTimestamp = addHours(new Date(), 6).getTime();
22
20
  setCxd({
23
- cxd: cxdToken,
21
+ cxd: accountCxd.cxd,
24
22
  timestamp: extendedTimestamp,
25
23
  });
26
24
  }
27
- }, shouldTimeoutRun ? 100 : null);
28
- useTimeout(() => removeCxd(), shouldTimeoutRun ? removeCxdUntilInMs : null);
25
+ }, account ? 100 : null);
26
+ useTimeout(() => {
27
+ removeCxd();
28
+ }, account ? removeCxdUntilInMs : null);
29
29
  return null;
30
30
  }
@@ -0,0 +1,8 @@
1
+ type Options = {
2
+ accountName?: string;
3
+ siteName?: string;
4
+ signInOptions?: 'MOBILE_NUMBER' | 'NAME_AND_PASSWORD';
5
+ };
6
+ export type ErrorCode = 'MEMBER_ACCOUNT_BLACKLISTED' | 'MEMBER_ACCOUNT_SUSPENDED' | 'INVALID_RECAPTCHA_RESPONSE' | 'MEMBER_NOT_FOUND' | 'RATE_LIMIT_REACH' | 'NOT_READY_TO_SEND_VERIFICATION_ERROR' | 'Forbidden';
7
+ export declare function getFriendlyErrorMessage(code: ErrorCode, options?: Options): string;
8
+ export {};
@@ -0,0 +1,26 @@
1
+ export function getFriendlyErrorMessage(code, options) {
2
+ const accountName = options?.accountName ?? '';
3
+ const siteName = options?.siteName ?? '';
4
+ const signInOptions = options?.signInOptions ?? 'NAME_AND_PASSWORD';
5
+ switch (code) {
6
+ case 'MEMBER_ACCOUNT_BLACKLISTED':
7
+ return `Your account ${accountName} has been blacklisted due to a serious violation of our policies. For more information or to appeal, please contact the ${siteName} Chat Support team.`;
8
+ case 'MEMBER_ACCOUNT_SUSPENDED':
9
+ return `Your account ${accountName} has been temporarily suspended. Please reach out to the ${siteName} Chat Support team to learn more and get help with resolving the issue.`;
10
+ case 'INVALID_RECAPTCHA_RESPONSE':
11
+ return 'Invalid reCAPTCHA response';
12
+ case 'MEMBER_NOT_FOUND':
13
+ return 'Account not found. Please check your username and try again.';
14
+ case 'RATE_LIMIT_REACH':
15
+ return 'Rate limit exceeded';
16
+ case 'NOT_READY_TO_SEND_VERIFICATION_ERROR':
17
+ return 'Your account is not ready to send verification requests. Please try again later.';
18
+ case 'Forbidden':
19
+ if (signInOptions === 'MOBILE_NUMBER') {
20
+ return 'Invalid verification code. Please check the code and try again.';
21
+ }
22
+ return 'Invalid username or password, please try again.';
23
+ default:
24
+ return 'Something went wrong. Please try again later.';
25
+ }
26
+ }
@@ -0,0 +1,2 @@
1
+ import type { Branch } from '../types';
2
+ export declare const BRANCHES: Branch[];
@@ -0,0 +1,42 @@
1
+ export const BRANCHES = [
2
+ {
3
+ code: 'BRCAL',
4
+ name: 'Bingo Republic 2nd floor Primark Center Deparo St., Caloocan City',
5
+ },
6
+ {
7
+ code: 'BRNAG',
8
+ name: 'Bingo Republic 3rd floor Robinsons Mall, Naga City, Camarines Sur',
9
+ },
10
+ {
11
+ code: 'BRANT',
12
+ name: 'Bingo Republic 2nd floor Robinsons Mall, San Vicente,Antique',
13
+ },
14
+ {
15
+ code: 'BRCLA',
16
+ name: 'Clark',
17
+ },
18
+ {
19
+ code: 'BRLAG',
20
+ name: 'Laguna',
21
+ },
22
+ {
23
+ code: 'BREAS',
24
+ name: 'Eastwood City, Quezon City',
25
+ },
26
+ {
27
+ code: 'BRMAR',
28
+ name: 'Bingo ng Bayan 4th floor Marikina Public Market, Marikina City',
29
+ },
30
+ {
31
+ code: 'BRILO',
32
+ name: 'Iloilo',
33
+ },
34
+ {
35
+ code: 'BRFIM',
36
+ name: 'Fisher Mall,Quezon City',
37
+ },
38
+ {
39
+ code: 'BRCAC',
40
+ name: 'Villa Caceres Hotel, Naga City,Camsur',
41
+ },
42
+ ];
@@ -21,6 +21,9 @@ export const config = {
21
21
  },
22
22
  poweredByHeader: false,
23
23
  reactStrictMode: false,
24
+ compiler: {
25
+ removeConsole: process.env.NODE_ENV === 'production',
26
+ },
24
27
  };
25
28
  export function extendConfig(userConfig) {
26
29
  return {
@@ -0,0 +1,4 @@
1
+ export interface FacebookPixelProps {
2
+ fbId: string;
3
+ }
4
+ export declare function FacebookPixel(props: FacebookPixelProps): null;
@@ -0,0 +1,4 @@
1
+ export function FacebookPixel(props) {
2
+ console.log(props);
3
+ return null;
4
+ }
File without changes
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1 @@
1
+ export * from './FacebookPixel';
@@ -0,0 +1 @@
1
+ export * from './FacebookPixel.js';
@@ -0,0 +1,4 @@
1
+ export interface GoogleRecaptchaProps {
2
+ siteKey: string;
3
+ }
4
+ export declare function GoogleRecaptcha(props: GoogleRecaptchaProps): null;
@@ -0,0 +1,4 @@
1
+ export function GoogleRecaptcha(props) {
2
+ console.log(props);
3
+ return null;
4
+ }
File without changes
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1 @@
1
+ export * from './GoogleRecaptcha';
@@ -0,0 +1 @@
1
+ export * from './GoogleRecaptcha.js';
@@ -0,0 +1,2 @@
1
+ export * from './FacebookPixel';
2
+ export * from './GoogleRecaptcha';
@@ -0,0 +1,2 @@
1
+ export * from './FacebookPixel/index.js';
2
+ export * from './GoogleRecaptcha/index.js';