@opexa/portal-components 0.0.833 → 0.0.835

package/dist/components/Banner/Banner.client.d.ts

@@ -0,0 +1,12 @@
+import type { ImageProps } from 'next/image';
+export interface BannerEntry {
+    src: ImageProps['src'];
+    redirectUrl?: string;
+}
+export interface BannerProps {
+    banners: BannerEntry[];
+    imageWidth?: number | [mobile: number, desktop: number];
+    imageHeight?: number | [mobile: number, desktop: number];
+    className?: string;
+}
+export declare function Banner__client(props: BannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Banner/Banner.client.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import emblaCarouselAutoplay from 'embla-carousel-autoplay';
+import useEmblaCarousel, {} from 'embla-carousel-react';
+import isMobile from 'is-mobile';
+import Image from 'next/image';
+import Link from 'next/link';
+import { Fragment, useEffect, useState } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { dataAttr } from '../../utils/dataAttr.js';
+export function Banner__client(props) {
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        loop: true,
+        align: 'start',
+    }, [
+        emblaCarouselAutoplay({
+            playOnInit: true,
+            delay: 5000,
+        }),
+    ]);
+    const [currentIndex, setCurrentIndex] = useState(0);
+    useEffect(() => {
+        function handler(detail) {
+            setCurrentIndex(detail?.selectedScrollSnap() ?? 0);
+        }
+        emblaApi?.on('scroll', handler);
+        emblaApi?.on('init', handler);
+        return () => {
+            emblaApi?.on('init', handler);
+            emblaApi?.off('scroll', handler);
+        };
+    }, [emblaApi]);
+    const imageWidth = !props.imageWidth
+        ? [400, 1200]
+        : Array.isArray(props.imageWidth)
+            ? props.imageWidth
+            : [props.imageWidth, props.imageWidth];
+    const imageHeight = !props.imageHeight
+        ? [225, 300]
+        : Array.isArray(props.imageHeight)
+            ? props.imageHeight
+            : [props.imageHeight, props.imageHeight];
+    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) => {
+                        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 }));
+                        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));
+                    }) }) }), _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: () => {
+                        emblaApi?.scrollTo(index);
+                    }, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex) }, index))) })] }));
+}

package/dist/components/DepositWithdrawal/Deposit__legacy/OnlineBankDeposit/OnlineBankDepositContext.d.ts

@@ -1,7 +1,7 @@
 export declare const OnlineBankDepositContext: (props: {
     value: {
         view: "form" | "vca";
-        status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+        status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
         deposit: import("../../../../types").Deposit | null;
@@ -14,7 +14,7 @@ export declare const OnlineBankDepositContext: (props: {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useOnlineBankDepositContext: () => {
     view: "form" | "vca";
-    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: import("../../../../types").Deposit | null;

package/dist/components/DepositWithdrawal/Deposit__legacy/OnlineBankDeposit/useOnlineBankDeposit.d.ts

@@ -2,7 +2,7 @@ import type { Deposit } from '../../../../types';
 export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
 export declare function useOnlineBankDeposit(): {
     view: "form" | "vca";
-    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: Deposit | null;

package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/QRPHDepositContext.d.ts

@@ -1,7 +1,7 @@
 export declare const QRPHDepositContext: (props: {
     value: {
         view: "form" | "qrCode";
-        status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+        status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
         deposit: import("../../../../types").Deposit | null;
@@ -14,7 +14,7 @@ export declare const QRPHDepositContext: (props: {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useQRPHDepositContext: () => {
     view: "form" | "qrCode";
-    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: import("../../../../types").Deposit | null;

package/dist/components/DepositWithdrawal/Deposit__legacy/QRPHDeposit/useQRPHDeposit.d.ts

@@ -2,7 +2,7 @@ import type { Deposit } from '../../../../types';
 export type UseQRPHDepositReturn = ReturnType<typeof useQRPHDeposit>;
 export declare function useQRPHDeposit(): {
     view: "form" | "qrCode";
-    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: Deposit | null;

package/dist/components/Disclaimer/DisclaimerV2.d.ts

@@ -1,4 +1,9 @@
 import type { ImageProps } from 'next/image';
+interface ClassNameEntries {
+    root?: string;
+    playResponsiblyDescriptionContainer?: string;
+    buttonsContainer?: string;
+}
 export interface DisclaimerV2Props {
     version: '2';
     logo: ImageProps['src'];
@@ -6,5 +11,7 @@ export interface DisclaimerV2Props {
     responsibleGamingLogo?: ImageProps['src'];
     pagcorLogo?: ImageProps['src'];
     redirectUrlOnNoConsent?: string;
+    className?: string | ClassNameEntries;
 }
 export declare function DisclaimerV2(props: DisclaimerV2Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Disclaimer/DisclaimerV2.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Capacitor } from '@capacitor/core';
+import { isString } from 'lodash-es';
 import Image from 'next/image';
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
@@ -11,6 +12,7 @@ import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
 import { getSession } from '../../client/services/getSession.js';
 import { BIOMETRIC_STORAGE_KEY } from '../../client/utils/biometric.js';
 import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
+import { AlertTriangleFillIcon } from '../../icons/AlertTriangleFillIcon.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import pagcorLogo from '../../images/pagcor2.png';
 import responsibleGamingLogo from '../../images/responsible-gaming.png';
@@ -23,6 +25,9 @@ import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
 import { useDisclaimer } from './useDisclaimer.js';
 export function DisclaimerV2(props) {
+    const classNames = isString(props.className)
+        ? { root: props.className }
+        : (props.className ?? {});
     const disclaimer = useDisclaimer({
         showInLogin: true,
     });
@@ -48,12 +53,12 @@ export function DisclaimerV2(props) {
             sessionStorage.clear();
         },
     });
-    return (_jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "flex h-full scrollbar:h-2 scrollbar:w-2 w-full flex-col items-start gap-y-4 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent p-3xl lg:mx-auto lg:h-auto lg:max-h-[85vh] lg:w-[450px] lg:rounded-xl", "aria-label": `${props.siteName} Player Disclaimer`, "aria-describedby": "disclaimer-description", children: [_jsx(Image, { src: props.logo, alt: `${props.siteName} logo`, width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: props.pagcorLogo ?? pagcorLogo, alt: "PAGCOR logo", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false, unoptimized: true })] }), _jsx("div", { className: "text-sm", children: "The following individuals are prohibited from registering or participating in this online gaming platform." }), _jsx("div", { className: "w-full grow", children: _jsxs(Dialog.Description, { className: "space-y-2 text-sm", id: "disclaimer-description", children: [_jsxs("ul", { className: "space-y-1.5 text-left", "aria-label": "Restricted persons list", children: [_jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Persons below the legal gambling age of 21."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Any government official or employee directly involved in the operations of the government or its agencies."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Member of the Armed Forces of the Philippines, including the Army, Navy, Air Force and the Philippine National Police."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Individuals listed in PAGCOR's National Database of Restricted Persons (NDRP)"] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Holders of a valid Gaming Employment License (GEL)"] })] }), _jsxs(Checkbox.Root, { checked: checked, onCheckedChange: (e) => {
+    return (_jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('flex h-full scrollbar:h-2 scrollbar:w-2 w-full flex-col items-start gap-y-4 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent pt-3xl lg:mx-auto lg:h-auto lg:max-h-[85vh] lg:w-[500px] lg:rounded-xl', classNames.root), "aria-label": `${props.siteName} Player Disclaimer`, "aria-describedby": "disclaimer-description", children: [_jsx(Image, { src: props.logo, alt: `${props.siteName} logo`, width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "flex w-full items-center justify-center gap-3xl", children: [_jsx(Image, { src: props.pagcorLogo ?? pagcorLogo, alt: "PAGCOR logo", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false, unoptimized: true }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "Responsible Gaming logo", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false, unoptimized: true })] }), _jsx("div", { className: "px-3xl text-sm", children: "The following individuals are prohibited from registering or participating in this online gaming platform." }), _jsx("div", { className: "w-full grow px-3xl", children: _jsxs(Dialog.Description, { className: "space-y-2 text-sm", id: "disclaimer-description", children: [_jsxs("ul", { className: "space-y-1.5 text-left", "aria-label": "Restricted persons list", children: [_jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Persons below the legal gambling age of 21."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Any government official or employee directly involved in the operations of the government or its agencies."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Member of the Armed Forces of the Philippines, including the Army, Navy, Air Force and the Philippine National Police."] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Individuals listed in PAGCOR's National Database of Restricted Persons (NDRP)"] }), _jsxs("li", { className: "flex gap-4", children: [_jsx(Circle, {}), "Holders of a valid Gaming Employment License (GEL)"] })] }), _jsxs(Checkbox.Root, { checked: checked, onCheckedChange: (e) => {
                                                 if (e.checked === 'indeterminate')
                                                     return;
                                                 globalStore.termsOfUse.setAccepted(e.checked);
                                                 globalStore.responsibleGaming.setAccepted(e.checked);
-                                            }, className: 'pt-2.5 pb-2', children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I have read and agreed to ", props.siteName, ' ', _jsx("button", { type: "button", className: "text-brand-400 underline underline-offset-2", onClick: () => {
+                                            }, className: "pt-2.5 pb-2", children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I have read and agreed to", ' ', _jsx("button", { type: "button", className: "text-brand-400 underline underline-offset-2", onClick: () => {
                                                                 globalStore.termsOfUse.setOpen(true);
                                                                 globalStore.termsOfUse.setNext('DISCLAIMER');
                                                                 disclaimer.close();
@@ -61,7 +66,7 @@ export function DisclaimerV2(props) {
                                                                 globalStore.responsibleGaming.setOpen(true);
                                                                 globalStore.responsibleGaming.setNext('DISCLAIMER');
                                                                 disclaimer.close();
-                                                            }, children: "Responsible Gaming" })] }), _jsx(Checkbox.HiddenInput, {})] }), showWarning && (_jsxs("div", { className: twMerge('mt-2 flex max-w-full items-center gap-2 break-words rounded-md text-text-error-primary text-xs'), role: "alert", "aria-live": "assertive", children: [_jsx(AlertCircleIcon, { className: "size-5 text-text-error-primary" }), "Please agree to ", props.siteName, "'s Terms of Use and Responsible Gaming to proceed."] })), _jsx("div", { 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", { children: ["Self Exclusion Site:", _jsxs("a", { href: "https://osea.pagcor.ph/", target: "_blank", rel: "noopener noreferrer", className: "break-all text-brand-400", children: [' ', "osea.pagcor.ph"] })] }), _jsxs("div", { children: ["To know more about PAGCOR\u2019s Responsible Gaming Program:", _jsxs("a", { href: "https://www.pagcor.ph/regulatory/responsible-gaming.php", target: "_blank", rel: "noopener noreferrer", className: "break-all text-brand-400", children: [' ', "pagcor.ph/regulatory/responsible-gaming.php"] })] })] }) }), _jsxs("div", { className: "mt-4 flex w-full gap-3", children: [_jsx(Button, { type: "button", onClick: async () => {
+                                                            }, children: "Responsible Gaming" })] }), _jsx(Checkbox.HiddenInput, {})] }), showWarning && (_jsxs("div", { className: twMerge('mt-2 flex max-w-full items-center gap-2 break-words rounded-md text-text-error-primary text-xs'), role: "alert", "aria-live": "assertive", children: [_jsx(AlertCircleIcon, { className: "size-5 text-text-error-primary" }), "Please agree to ", props.siteName, "'s Terms of Use and Responsible Gaming to proceed."] })), _jsx("div", { 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", { children: [_jsxs("div", { className: "mx-auto mb-3 flex items-center justify-center gap-2 font-semibold text-[22px] text-brand-400", children: [_jsx(AlertTriangleFillIcon, { className: "size-6 shrink-0 text-brand-400", "aria-hidden": "true" }), _jsx("span", { children: "PLAY RESPONSIBLY" })] }), _jsxs("div", { className: twMerge('mb-5 flex w-full flex-col items-center rounded-xl bg-bg-secondary p-3', classNames.playResponsiblyDescriptionContainer), children: [_jsx("div", { className: "mb-4 text-center text-sm", children: "Gambling may be fun, but it's easy to fall into addiction if you don't limit yourself." }), _jsx("div", { className: "text-center text-sm", children: "Be a responsible player. Know your limits and recognize when to step back." })] })] }), _jsxs("div", { children: ["Self Exclusion Site:", _jsxs("a", { href: "https://osea.pagcor.ph/", target: "_blank", rel: "noopener noreferrer", className: "break-all text-brand-400", children: [' ', "osea.pagcor.ph"] })] }), _jsxs("div", { children: [_jsx("div", { children: "Visit PAGCOR\u2019s Responsible Gaming Program to know more:" }), _jsxs("a", { href: "https://www.pagcor.ph/regulatory/responsible-gaming.php", target: "_blank", rel: "noopener noreferrer", className: "break-all text-brand-400", children: [' ', "pagcor.ph/regulatory/responsible-gaming.php"] })] })] }) }), _jsxs("div", { className: twMerge('mt-2 flex w-full gap-3 border-bg-secondary border-t px-3xl py-3xl', classNames.buttonsContainer), children: [_jsx(Button, { type: "button", onClick: async () => {
                                             if (Capacitor.isNativePlatform()) {
                                                 const session = await getQueryClient().fetchQuery({
                                                     queryKey: getSessionQueryKey(),
@@ -90,6 +95,6 @@ export function DisclaimerV2(props) {
                                                 return;
                                             }
                                             disclaimer.close();
-                                        }, children: "Accept" })] })] }) })] }) }));
+                                        }, children: "I Accept" })] })] }) })] }) }));
 }
 const Circle = () => (_jsx("div", { children: _jsx("div", { className: "flex h-4.5 w-4.5 items-center justify-center rounded-full border border-brand-400", children: _jsx("div", { className: "h-3 w-3 rounded-full bg-brand-400" }) }) }));

package/dist/components/KYC/KYCVerificationStatus.lazy.js

@@ -19,15 +19,18 @@ export function KYCVerificationStatus() {
     const icons = status === 'PENDING' ? bellIcon : alertIcon;
     return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
             globalStore.kycVerificationStatus.setOpen(details.open);
-        }, 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' &&
+        }, 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' ||
+                                            (status === 'CREATED' && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
                                             `Your account verification is still under review. Please wait
 								until it's approved before you can continue playing or
 								depositing.`, status === 'REJECTED' &&
-                                            'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' &&
-                                            '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: () => {
+                                            'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' ||
+                                            (status === 'CREATED' &&
+                                                '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: () => {
                                         globalStore.kycVerificationStatus.setOpen(false);
                                         globalStore.kyc.setOpen(true);
-                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' && 'Verify Now'] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
+                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' ||
+                                            (status === 'CREATED' && 'Verify Now')] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
                                         globalStore.kycVerificationStatus.setOpen(false);
                                     }, children: "Close" })] }) }) })] }) }));
 }

package/dist/components/PortalProvider/AndroidOnlyComponents.d.ts

@@ -0,0 +1 @@
+export declare function AndroidOnlyComponents(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/PortalProvider/AndroidOnlyComponents.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Capacitor } from '@capacitor/core';
+import { AndroidRoutingHandler } from './AndroidRoutingHandler.js';
+import PushNotification from './PushNotifications.js';
+export function AndroidOnlyComponents() {
+    const platform = Capacitor.getPlatform();
+    const isNative = platform === 'android' || platform === 'ios';
+    if (!isNative)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(PushNotification, {}), _jsx(AndroidRoutingHandler, {})] }));
+}

package/dist/components/PortalProvider/CXDTokenObserver.js

@@ -1,30 +1,30 @@
 'use client';
 import { addHours } from 'date-fns';
 import { clamp } from 'lodash-es';
-import { useSearchParams } from 'next/navigation';
 import { useLocalStorage, useTimeout } from 'usehooks-ts';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 export function CXDTokenObserver() {
-    const searchParams = useSearchParams();
-    const cxdToken = searchParams.get('cxd');
-    const accountQuery = useAccountQuery();
-    const account = accountQuery.data;
-    const [cxd, setCxd, removeCxd] = useLocalStorage('WebPortalCellxpertCxd', null);
+    const { data: account } = useAccountQuery();
+    const accountCxd = {
+        cxd: account?.cellxpertDetails?.cxd,
+    };
+    const [cxd, setCxd, removeCxd] = useLocalStorage('cxd', null);
     const now = new Date();
-    const shouldTimeoutRun = cxdToken && account;
     const removeCxdUntilInMs = cxd?.timestamp
         ? clamp(cxd.timestamp - now.getTime(), 0, Infinity)
         : 0;
     useTimeout(() => {
-        const isSame = cxd?.cxd === cxdToken;
+        const isSame = cxd?.cxd === accountCxd.cxd;
         if (!isSame) {
             const extendedTimestamp = addHours(new Date(), 6).getTime();
             setCxd({
-                cxd: cxdToken,
+                cxd: accountCxd.cxd,
                 timestamp: extendedTimestamp,
             });
         }
-    }, shouldTimeoutRun ? 100 : null);
-    useTimeout(() => removeCxd(), shouldTimeoutRun ? removeCxdUntilInMs : null);
+    }, account ? 100 : null);
+    useTimeout(() => {
+        removeCxd();
+    }, account ? removeCxdUntilInMs : null);
     return null;
 }

package/dist/components/SignIn/utils.d.ts

@@ -0,0 +1,8 @@
+type Options = {
+    accountName?: string;
+    siteName?: string;
+    signInOptions?: 'MOBILE_NUMBER' | 'NAME_AND_PASSWORD';
+};
+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';
+export declare function getFriendlyErrorMessage(code: ErrorCode, options?: Options): string;
+export {};

package/dist/components/SignIn/utils.js

@@ -0,0 +1,26 @@
+export function getFriendlyErrorMessage(code, options) {
+    const accountName = options?.accountName ?? '';
+    const siteName = options?.siteName ?? '';
+    const signInOptions = options?.signInOptions ?? 'NAME_AND_PASSWORD';
+    switch (code) {
+        case 'MEMBER_ACCOUNT_BLACKLISTED':
+            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.`;
+        case 'MEMBER_ACCOUNT_SUSPENDED':
+            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.`;
+        case 'INVALID_RECAPTCHA_RESPONSE':
+            return 'Invalid reCAPTCHA response';
+        case 'MEMBER_NOT_FOUND':
+            return 'Account not found. Please check your username and try again.';
+        case 'RATE_LIMIT_REACH':
+            return 'Rate limit exceeded';
+        case 'NOT_READY_TO_SEND_VERIFICATION_ERROR':
+            return 'Your account is not ready to send verification requests. Please try again later.';
+        case 'Forbidden':
+            if (signInOptions === 'MOBILE_NUMBER') {
+                return 'Invalid verification code. Please check the code and try again.';
+            }
+            return 'Invalid username or password, please try again.';
+        default:
+            return 'Something went wrong. Please try again later.';
+    }
+}

package/dist/components/TransactionRecords/WithdrawalRecordsTable.js

@@ -99,7 +99,7 @@ export function WithdrawalRecordsTable(props) {
                                                     ? data.accountName
                                                     : '' }), _jsx(Table.Cell, { className: "!py-1 text-right", children: capitalize(data.type, {
                                                     delimiter: capitalize.delimiters.UNDERSCORE,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: data.recipientMobileNumber }), _jsx(Table.Cell, { className: "!py-1 text-right", children: formatNumber(data.amount, {
+                                                }).replaceAll('Ventaja ', '') }), _jsx(Table.Cell, { className: "!py-1", children: data.recipientMobileNumber }), _jsx(Table.Cell, { className: "!py-1 text-right", children: formatNumber(data.amount, {
                                                     currency: localeInfo.currency.code,
                                                     minDecimalPlaces: 2,
                                                 }) }), _jsx(Table.Cell, { className: "!py-1 text-right", children: formatNumber(data.netAmount, {

package/dist/constants/Branches.d.ts

@@ -0,0 +1,2 @@
+import type { Branch } from '../types';
+export declare const BRANCHES: Branch[];

package/dist/constants/Branches.js

@@ -0,0 +1,42 @@
+export const BRANCHES = [
+    {
+        code: 'BRCAL',
+        name: 'Bingo Republic 2nd floor Primark Center Deparo St., Caloocan City',
+    },
+    {
+        code: 'BRNAG',
+        name: 'Bingo Republic 3rd floor Robinsons Mall, Naga City, Camarines Sur',
+    },
+    {
+        code: 'BRANT',
+        name: 'Bingo Republic 2nd floor Robinsons Mall, San Vicente,Antique',
+    },
+    {
+        code: 'BRCLA',
+        name: 'Clark',
+    },
+    {
+        code: 'BRLAG',
+        name: 'Laguna',
+    },
+    {
+        code: 'BREAS',
+        name: 'Eastwood City, Quezon City',
+    },
+    {
+        code: 'BRMAR',
+        name: 'Bingo ng Bayan 4th floor Marikina Public Market, Marikina City',
+    },
+    {
+        code: 'BRILO',
+        name: 'Iloilo',
+    },
+    {
+        code: 'BRFIM',
+        name: 'Fisher Mall,Quezon City',
+    },
+    {
+        code: 'BRCAC',
+        name: 'Villa Caceres Hotel, Naga City,Camsur',
+    },
+];

package/dist/icons/AlertTriangleFillIcon.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare function AlertTriangleFillIcon(props: ComponentPropsWithRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/AlertTriangleFillIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function AlertTriangleFillIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 24 24", ...props, children: _jsx("path", { fill: "currentColor", d: "M12 1.67c.955 0 1.845.467 2.39 1.247l.105.16l8.114 13.548a2.914 2.914 0 0 1-2.307 4.363l-.195.008H3.882a2.914 2.914 0 0 1-2.582-4.2l.099-.185l8.11-13.538A2.91 2.91 0 0 1 12 1.67M12.01 15l-.127.007a1 1 0 0 0 0 1.986L12 17l.127-.007a1 1 0 0 0 0-1.986zM12 8a1 1 0 0 0-.993.883L11 9v4l.007.117a1 1 0 0 0 1.986 0L13 13V9l-.007-.117A1 1 0 0 0 12 8" }) }));
+}

package/dist/third-parties/FacebookPixel/FacebookPixel.d.ts

@@ -0,0 +1,4 @@
+export interface FacebookPixelProps {
+    fbId: string;
+}
+export declare function FacebookPixel(props: FacebookPixelProps): null;

package/dist/third-parties/FacebookPixel/FacebookPixel.js

@@ -0,0 +1,4 @@
+export function FacebookPixel(props) {
+    console.log(props);
+    return null;
+}

package/dist/third-parties/FacebookPixel/api.js

@@ -0,0 +1 @@
+"use strict";

package/dist/third-parties/FacebookPixel/index.d.ts

@@ -0,0 +1 @@
+export * from './FacebookPixel';

package/dist/third-parties/FacebookPixel/index.js

@@ -0,0 +1 @@
+export * from './FacebookPixel.js';

package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.d.ts

@@ -0,0 +1,4 @@
+export interface GoogleRecaptchaProps {
+    siteKey: string;
+}
+export declare function GoogleRecaptcha(props: GoogleRecaptchaProps): null;

package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.js

@@ -0,0 +1,4 @@
+export function GoogleRecaptcha(props) {
+    console.log(props);
+    return null;
+}

package/dist/third-parties/GoogleRecaptcha/api.js

@@ -0,0 +1 @@
+"use strict";

package/dist/third-parties/GoogleRecaptcha/index.d.ts

@@ -0,0 +1 @@
+export * from './GoogleRecaptcha';

package/dist/third-parties/GoogleRecaptcha/index.js

@@ -0,0 +1 @@
+export * from './GoogleRecaptcha.js';

package/dist/third-parties/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FacebookPixel';
+export * from './GoogleRecaptcha';

package/dist/third-parties/index.js

@@ -0,0 +1,2 @@
+export * from './FacebookPixel/index.js';
+export * from './GoogleRecaptcha/index.js';

package/dist/ui/Avatar/Avatar.d.ts

@@ -6,21 +6,21 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
+}, Record<"image" | "fallback" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"image" | "fallback" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"image" | "fallback" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Image: import("react").ComponentType<import("@ark-ui/react").Assign<Avatar.ImageProps & import("react").RefAttributes<HTMLImageElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -28,21 +28,21 @@ export declare const Image: import("react").ComponentType<import("@ark-ui/react"
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
+}, Record<"image" | "fallback" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"image" | "fallback" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"image" | "fallback" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Fallback: import("react").ComponentType<import("@ark-ui/react").Assign<Avatar.FallbackProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -50,19 +50,19 @@ export declare const Fallback: import("react").ComponentType<import("@ark-ui/rea
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
+}, Record<"image" | "fallback" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"image" | "fallback" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"image" | "fallback" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: Avatar.ContextProps) => import("react").ReactNode;

package/dist/ui/Avatar/avatar.recipe.d.ts

@@ -5,18 +5,18 @@ export declare const avatarRecipe: import("tailwind-variants").TVReturnType<{
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
+}, Record<"image" | "fallback" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"image" | "fallback" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
             fallback: string;
         };
     };
-}, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"image" | "fallback" | "root", string | string[]>, undefined, unknown, unknown, undefined>>;