@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.
- package/dist/components/Banner/Banner.client.d.ts +12 -0
- package/dist/components/Banner/Banner.client.js +49 -0
- package/dist/components/DepositWithdrawal/Deposit__legacy/OnlineBankDeposit/OnlineBankDepositContext.d.ts +2 -2
- package/dist/components/DepositWithdrawal/Deposit__legacy/OnlineBankDeposit/useOnlineBankDeposit.d.ts +1 -1
- package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/QRPHDepositContext.d.ts +2 -2
- package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/useQRPHDeposit.d.ts +1 -1
- package/dist/components/GameLaunch/GameLaunchTrigger.js +5 -5
- package/dist/components/KYC/KYCVerificationStatus.lazy.js +7 -4
- package/dist/components/MixpanelTracking/get-utm.d.ts +18 -0
- package/dist/components/MixpanelTracking/get-utm.js +44 -0
- package/dist/components/MixpanelTracking/index.d.ts +5 -0
- package/dist/components/MixpanelTracking/index.js +109 -0
- package/dist/components/PortalProvider/AndroidOnlyComponents.d.ts +1 -0
- package/dist/components/PortalProvider/AndroidOnlyComponents.js +12 -0
- package/dist/components/PortalProvider/CXDTokenObserver.js +11 -11
- package/dist/components/SignIn/utils.d.ts +8 -0
- package/dist/components/SignIn/utils.js +26 -0
- package/dist/constants/Branches.d.ts +2 -0
- package/dist/constants/Branches.js +42 -0
- package/dist/next.config.js +3 -0
- package/dist/third-parties/FacebookPixel/FacebookPixel.d.ts +4 -0
- package/dist/third-parties/FacebookPixel/FacebookPixel.js +4 -0
- package/dist/third-parties/FacebookPixel/api.d.ts +0 -0
- package/dist/third-parties/FacebookPixel/api.js +1 -0
- package/dist/third-parties/FacebookPixel/index.d.ts +1 -0
- package/dist/third-parties/FacebookPixel/index.js +1 -0
- package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.d.ts +4 -0
- package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.js +4 -0
- package/dist/third-parties/GoogleRecaptcha/api.d.ts +0 -0
- package/dist/third-parties/GoogleRecaptcha/api.js +1 -0
- package/dist/third-parties/GoogleRecaptcha/index.d.ts +1 -0
- package/dist/third-parties/GoogleRecaptcha/index.js +1 -0
- package/dist/third-parties/index.d.ts +2 -0
- package/dist/third-parties/index.js +2 -0
- package/dist/ui/Avatar/Avatar.d.ts +9 -9
- package/dist/ui/Avatar/avatar.recipe.d.ts +3 -3
- package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
- package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
- package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
- package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
- package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
- package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
- package/dist/ui/Combobox/Combobox.d.ts +42 -42
- package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
- package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
- package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
- package/dist/ui/Dialog/Dialog.d.ts +33 -33
- package/dist/ui/Dialog/dialog.recipe.d.ts +3 -3
- package/dist/ui/Drawer/Drawer.d.ts +33 -33
- package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
- package/dist/ui/Menu/Menu.d.ts +144 -144
- package/dist/ui/Menu/menu.recipe.d.ts +8 -8
- package/dist/ui/NumberInput/NumberInput.d.ts +24 -24
- package/dist/ui/NumberInput/numberInput.recipe.d.ts +3 -3
- package/dist/ui/Popover/Popover.d.ts +154 -154
- package/dist/ui/Popover/popover.recipe.d.ts +14 -14
- package/dist/ui/QrCode/QrCode.d.ts +25 -25
- package/dist/ui/QrCode/qrCode.recipe.d.ts +5 -5
- package/dist/ui/Select/Select.d.ts +45 -45
- package/dist/ui/Select/select.recipe.d.ts +3 -3
- package/dist/ui/Table/Table.d.ts +21 -21
- package/dist/ui/Table/table.anatomy.d.ts +1 -1
- package/dist/ui/Table/table.recipe.d.ts +3 -3
- package/dist/ui/Tabs/Tabs.d.ts +15 -15
- package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
- package/dist/ui/Tooltip/Tooltip.d.ts +30 -30
- package/dist/ui/Tooltip/tooltip.recipe.d.ts +5 -5
- package/package.json +2 -1
- package/dist/components/AccountInfo/GoogleDisconnect.d.ts +0 -7
- package/dist/components/AccountInfo/GoogleDisconnect.js +0 -11
- package/dist/components/DepositWithdrawal/Deposit/GCashWebpayDeposit /GCashWebpayDeposit .d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/GCashWebpayDeposit /GCashWebpayDeposit .js +0 -191
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Confirmed.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Confirmed.js +0 -11
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Failed.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Failed.js +0 -11
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Form.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/Form.js +0 -126
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/GeneratingQrCode.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/GeneratingQrCode.js +0 -10
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDeposit.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDeposit.js +0 -12
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDepositContext.d.ts +0 -17
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QRPHDepositContext.js +0 -2
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QrCodeGenerated.d.ts +0 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/QrCodeGenerated.js +0 -41
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/useQRPHDeposit.d.ts +0 -13
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit__next/useQRPHDeposit.js +0 -91
- package/dist/icons/LinkBrokenIcon.d.ts +0 -2
- 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: "
|
|
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: "
|
|
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: "
|
|
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;
|
package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/QRPHDepositContext.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const QRPHDepositContext: (props: {
|
|
2
2
|
value: {
|
|
3
3
|
view: "form" | "qrCode";
|
|
4
|
-
status: "
|
|
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: "
|
|
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: "
|
|
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
|
-
|
|
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 ${
|
|
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', ...
|
|
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 (!
|
|
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:
|
|
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'
|
|
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
|
-
|
|
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'
|
|
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,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
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const [cxd, setCxd, removeCxd] = useLocalStorage('
|
|
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 ===
|
|
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:
|
|
21
|
+
cxd: accountCxd.cxd,
|
|
24
22
|
timestamp: extendedTimestamp,
|
|
25
23
|
});
|
|
26
24
|
}
|
|
27
|
-
},
|
|
28
|
-
useTimeout(() =>
|
|
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,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
|
+
];
|
package/dist/next.config.js
CHANGED
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FacebookPixel';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FacebookPixel.js';
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './GoogleRecaptcha';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './GoogleRecaptcha.js';
|