@opexa/portal-components 0.0.223 → 0.0.225

package/dist/components/DigitainLauncher/DigitainLauncher.d.ts

@@ -1,4 +1,5 @@
-export interface DigitainBootstrapperParams {
+export interface DigitainLauncherParams {
     hostname: string;
+    signInUrl?: string | null;
 }
-export declare function DigitainLauncher(props: DigitainBootstrapperParams): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function DigitainLauncher(props: DigitainLauncherParams): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/DigitainLauncher/DigitainLauncher.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Script from 'next/script';
 import { getSession } from '../../server/services/getSession.js';
+import { Protected } from '../Protected/index.js';
 import { DigitainContainer } from './DigitianContainter.js';
+import { Fallback } from './Fallback.js';
 import { defaultDigitainParams, getDigitainLaunchToken } from './utils.js';
 export async function DigitainLauncher(props) {
     const session = await getSession();
@@ -9,5 +11,5 @@ export async function DigitainLauncher(props) {
     if (session.status === 'authenticated') {
         params.token = await getDigitainLaunchToken();
     }
-    return (_jsxs(_Fragment, { children: [_jsx(Script, { src: `//${props.hostname}/js/partner/bootstrapper.min.js` }), _jsx(DigitainContainer, { params: params })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Script, { src: `//${props.hostname}/js/partner/bootstrapper.min.js` }), _jsx(Protected, { fallback: _jsx(Fallback, { signInUrl: props.signInUrl }), children: _jsx(DigitainContainer, { params: params }) })] }));
 }

package/dist/components/DigitainLauncher/DigitianContainter.js

@@ -1,40 +1,47 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import isMobile from 'is-mobile';
+import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { useCreateDigitainGameSessionMutation } from '../../client/hooks/useCreateDigitainGameSessionMutatio.js';
+import { twJoin } from 'tailwind-merge';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
+import { toaster } from '../../client/utils/toaster.js';
+import { Loading } from './Loading.js';
 export function DigitainContainer(props) {
     const session = useSessionQuery();
-    const [loading, setLoading] = useState(false);
-    const [sportsBookLoaded, setSportsBookLoaded] = useState(false);
-    const digitainSession = useCreateDigitainGameSessionMutation();
+    const [isLoading, setLoading] = useState(false);
+    const router = useRouter();
+    useEffect(() => {
+        if (session.data?.status === 'authenticated') {
+            router.refresh();
+        }
+    }, [session.data?.status, router]);
     useEffect(() => {
-        console.log('did account change?', session.data?.status);
         setLoading(true);
         let attempts = 0;
         const maxAttempts = 5; // e.g. wait up to ~10 seconds
-        console.log('Waiting for Bootstrapper to load...');
         function checkAndBoot() {
             if (typeof window !== 'undefined' && window.Bootstrapper) {
-                const params = {
-                    ...props.params,
-                    token: digitainSession.data?.launchUrl,
-                };
-                window.Bootstrapper.boot(params, { name: 'AsianView' }).then(() => {
+                window.Bootstrapper.boot(props.params, {
+                    name: isMobile() ? 'AsianView' : 'AsianView',
+                }).then(() => {
                     console.log('Sportsbook booted!');
                 });
-                setLoading(false);
-                setSportsBookLoaded(true);
+                setTimeout(() => setLoading(false), 1000); // Give some time for the UI to update
                 clearInterval(intervalId);
             }
             else if (++attempts >= maxAttempts) {
                 setLoading(false);
+                toaster.error({
+                    title: 'Error',
+                    description: 'Sportsbook failed to load. Please try again later.',
+                });
                 console.warn('Bootstrapper did not load in time.');
                 clearInterval(intervalId);
             }
         }
         const intervalId = setInterval(checkAndBoot, 500);
         return () => clearInterval(intervalId);
-    }, [props.params, session.data?.status, digitainSession.data?.launchUrl]);
-    return _jsx("div", { id: "digitain-container" });
+    }, [props.params]);
+    return (_jsxs(_Fragment, { children: [' ', _jsxs("div", { className: twJoin(!isLoading && 'hidden'), children: [_jsx(Loading, {}), ' '] }), _jsx("div", { id: "digitain-container", className: twJoin(isLoading && 'hidden') }), ' '] }));
 }

package/dist/components/DigitainLauncher/Fallback.d.ts

@@ -0,0 +1,3 @@
+export declare function Fallback({ signInUrl }: {
+    signInUrl?: string | null;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/DigitainLauncher/Fallback.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useShallow } from 'zustand/shallow';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { User01Icon } from '../../icons/User01Icon.js';
+import { Button } from '../../ui/Button/index.js';
+export function Fallback({ signInUrl }) {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        signIn: ctx.signIn,
+    })));
+    return (_jsx("div", { className: "h-[calc(100vh-400px)] w-screen", children: _jsx("div", { className: "m-auto flex h-full max-w-[40rem] flex-col items-center justify-center px-4", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "mb-6 flex justify-center", children: _jsx("div", { className: "bg-gray-100 rounded-full p-4", children: _jsx(User01Icon, { className: "text-gray-400 size-12" }) }) }), _jsxs("div", { className: "mb-8 space-y-3", children: [_jsx("h2", { className: "text-gray-900 text-2xl font-bold", children: "Sign in required" }), _jsx("p", { className: "text-gray-600 leading-relaxed", children: "Access to Sports Book is restricted to authenticated users. Please sign in to view betting odds, place bets, and track your activity." })] }), _jsx(Button, { onClick: () => {
+                            if (signInUrl) {
+                                window.location.href = signInUrl;
+                            }
+                            else {
+                                globalStore.signIn.setOpen(true);
+                            }
+                        }, children: "Sign In" })] }) }) }));
+}

package/dist/components/DigitainLauncher/Loading.d.ts

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

package/dist/components/DigitainLauncher/Loading.js

@@ -0,0 +1,5 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Loading() {
+    return (_jsx("div", { className: "flex h-[calc(100vh-400px)] w-screen items-center justify-center px-4", children: _jsxs("div", { className: "flex flex-col items-center space-y-4", children: [_jsx("div", { className: "border-blue-500 h-10 w-10 animate-spin rounded-full border-4 border-t-transparent" }), _jsx("p", { className: "text-gray-700 text-lg font-medium", children: "Loading Sports Book\u2026" })] }) }));
+}

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

@@ -8,6 +8,7 @@ type DisclaimerProps = DisclaimerV1Props | {
     responsibleGamingContent: string | ReactNode;
     termsOfUseContent: string | ReactNode;
     responsibleGamingLogo?: ImageProps['src'];
+    redirectUrlOnNoConsent: string;
 };
 export declare function Disclaimer(props: DisclaimerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Disclaimer/Disclaimer.js

@@ -4,7 +4,7 @@ import { DisclaimerV1 } from './DisclaimerV1.js';
 import { DisclaimerV2 } from './DisclaimerV2.js';
 export function Disclaimer(props) {
     if (props.version === 'v2') {
-        return (_jsx(DisclaimerV2, { logo: props.logo, siteName: props.siteName, responsibleGamingContent: props.responsibleGamingContent, termsOfUseContent: props.termsOfUseContent, responsibleGamingLogo: props.responsibleGamingLogo }));
+        return (_jsx(DisclaimerV2, { logo: props.logo, siteName: props.siteName, responsibleGamingContent: props.responsibleGamingContent, termsOfUseContent: props.termsOfUseContent, responsibleGamingLogo: props.responsibleGamingLogo, redirectUrlOnNoConsent: props.redirectUrlOnNoConsent }));
     }
     return _jsx(DisclaimerV1, { ...props });
 }

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

@@ -6,5 +6,6 @@ export interface DisclaimerProps {
     responsibleGamingContent: ReactNode;
     termsOfUseContent: ReactNode;
     responsibleGamingLogo?: ImageProps['src'];
+    redirectUrlOnNoConsent: string;
 }
 export declare function DisclaimerV2(props: DisclaimerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/DisclaimerV2.js

@@ -17,10 +17,27 @@ export function DisclaimerV2(props) {
     const acceptTriggerRef = useRef(null);
     const [isResponsibleGamingOpen, setResponsibleGamingOpen] = useState(false);
     const [isTermsOfUseOpen, setTermsOfUseOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(ResponsibleGaming, { responsibleGamingContent: props.responsibleGamingContent, logo: props.logo, open: isResponsibleGamingOpen, onCloseAction: () => setResponsibleGamingOpen(false) }), _jsx(TermsOfUse, { termsOfUseContent: props.termsOfUseContent, siteName: props.siteName, logo: props.logo, open: isTermsOfUseOpen, onCloseAction: () => setTermsOfUseOpen(false) }), _jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, initialFocusEl: () => acceptTriggerRef.current, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-sticky" }), _jsx(Dialog.Positioner, { className: "z-sticky", children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start gap-y-4 p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: props.logo, alt: "", 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: pagcorLogo, alt: "", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false })] }), _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-4 text-sm", children: [_jsxs("ul", { className: "space-y-1.5 text-left", 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, { 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: () => {
+    const [isChecked, setIsChecked] = useState(true);
+    return (_jsxs(_Fragment, { children: [_jsx(ResponsibleGaming, { responsibleGamingContent: props.responsibleGamingContent, logo: props.logo, open: isResponsibleGamingOpen, onCloseAction: () => setResponsibleGamingOpen(false) }), _jsx(TermsOfUse, { termsOfUseContent: props.termsOfUseContent, siteName: props.siteName, logo: props.logo, open: isTermsOfUseOpen, onCloseAction: () => setTermsOfUseOpen(false) }), _jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, initialFocusEl: () => acceptTriggerRef.current, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-sticky" }), _jsx(Dialog.Positioner, { className: "z-sticky", children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start gap-y-4 p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: props.logo, alt: "", 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: pagcorLogo, alt: "", height: 43, width: 88, className: "h-[43px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 50, width: 186, className: "h-[50px] w-auto shrink-0", draggable: false })] }), _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-4 text-sm", children: [_jsxs("ul", { className: "space-y-1.5 text-left", 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: isChecked, onCheckedChange: (e) => {
+                                                        setIsChecked(!!e.checked);
+                                                    }, 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: () => {
                                                                         setTermsOfUseOpen(true);
                                                                     }, children: "Terms of Use" }), ' ', "and", ' ', _jsx("button", { type: "button", className: "text-brand-400 underline underline-offset-2", onClick: () => {
                                                                         setResponsibleGamingOpen(true);
-                                                                    }, children: "Responsible Gaming" })] }), _jsx(Checkbox.HiddenInput, {})] }), _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", { className: "mt-4 flex w-full gap-3", children: [_jsx(Button, { type: "button", onClick: disclaimer.close, variant: "outline", children: "Exit" }), _jsx(Button, { ref: acceptTriggerRef, type: "button", onClick: disclaimer.close, children: "Accept" })] })] }) })] }) })] }));
+                                                                    }, children: "Responsible Gaming" })] }), _jsx(Checkbox.HiddenInput, {})] }), _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", { className: "mt-4 flex w-full gap-3", children: [_jsx(Button, { type: "button", onClick: () => {
+                                                    if (isChecked) {
+                                                        disclaimer.close();
+                                                    }
+                                                    else {
+                                                        window.location.href = props.redirectUrlOnNoConsent;
+                                                    }
+                                                }, variant: "outline", children: "Exit" }), _jsx(Button, { ref: acceptTriggerRef, type: "button", onClick: () => {
+                                                    if (isChecked) {
+                                                        disclaimer.close();
+                                                    }
+                                                    else {
+                                                        window.location.href = props.redirectUrlOnNoConsent;
+                                                    }
+                                                }, children: "Accept" })] })] }) })] }) })] }));
 }
 const Circle = () => (_jsx("div", { children: _jsx("div", { className: "border-brand-400 flex h-4.5 w-4.5 items-center justify-center rounded-full border", children: _jsx("div", { className: "bg-brand-400 h-3 w-3 rounded-full" }) }) }));

package/dist/components/Empty.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps, ComponentType } from 'react';
-export interface EmptyProps {
+interface EmptyProps {
     icon: ComponentType<ComponentProps<'svg'>>;
     title: string;
     message: string;
@@ -7,3 +7,4 @@ export interface EmptyProps {
     className?: string;
 }
 export declare function Empty(props: EmptyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/KYC/Header.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
-import { XIcon } from '../../icons/XIcon.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { IconButton } from '../../ui/IconButton/index.js';
+import { ChevronLeftIcon, XIcon } from '../../icons/index.js';
+import { Dialog, IconButton } from '../../ui/index.js';
 export function Header() {
     return (_jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "bg-bg-primary-alt relative flex items-center gap-xl px-xl py-md lg:justify-center lg:bg-transparent lg:p-0", children: [_jsx(IconButton, { size: "2xs", variant: "outline", colorScheme: "gray", className: "lg:hidden", onClick: () => api.setOpen(false), children: _jsx(ChevronLeftIcon, {}) }), _jsx(Dialog.Title, { className: "text-lg font-semibold", children: "Personal Verification" }), _jsx("button", { type: "button", className: "text-text-quinary absolute right-0 top-1/2 hidden -translate-y-1/2 lg:block", onClick: () => api.setOpen(false), children: _jsx(XIcon, { className: "size-6" }) })] })) }));
 }

package/dist/components/KYC/Step1.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
-import { CheckIcon } from '../../icons/CheckIcon.js';
-import { XIcon } from '../../icons/XIcon.js';
+import { CheckIcon, XIcon } from '../../icons/index.js';
 import uploadId from '../../images/capture-id-banner.png';
-import { Button } from '../../ui/Button/index.js';
+import { Button } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext.js';
 export function Step1() {
     const context = useKYCContext();

package/dist/components/KYC/Step2.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
-import { CheckIcon } from '../../icons/CheckIcon.js';
-import { XIcon } from '../../icons/XIcon.js';
+import { CheckIcon, XIcon } from '../../icons/index.js';
 import selfie from '../../images/capture-selfie-banner.png';
-import { Button } from '../../ui/Button/index.js';
+import { Button } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext.js';
 export function Step2() {
     const context = useKYCContext();

package/dist/components/KYC/Step3.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon } from '../../icons/CheckIcon.js';
-import { Button } from '../../ui/Button/index.js';
-import { Checkbox } from '../../ui/Checkbox/index.js';
-import { Field } from '../../ui/Field/index.js';
+import { CheckIcon } from '../../icons/index.js';
+import { Button, Checkbox, Field } from '../../ui/index.js';
 import { useKYCContext } from './KYCContext.js';
 export function Step3() {
     const context = useKYCContext();

package/dist/components/KYC/Step4.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircleIcon } from '../../icons/CheckCircleIcon.js';
-import { Button } from '../../ui/Button/index.js';
-import { Dialog } from '../../ui/Dialog/index.js';
+import { CheckCircleIcon } from '../../icons/index.js';
+import { Button, Dialog } from '../../ui/index.js';
 export function Step4() {
     return (_jsxs("div", { children: [_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(CheckCircleIcon, {}) }), _jsx("h2", { className: "mt-3 text-center", children: "Submission Successful" }), _jsx("p", { className: "text-text-tertiary-600 text-center", children: "Your documents have been submitted successfully. They\u2019re now under review, and you\u2019ll receive a notification as soon as your account is verified." }), _jsx(Dialog.Context, { children: (api) => (_jsx(Button, { className: "mt-3xl", onClick: () => api.setOpen(false), children: "Ok" })) })] }));
 }

package/dist/components/KYC/backup/KYCContext.d.ts

@@ -1,6 +1,2 @@
 import type { UseKYCReturn } from './useKYC';
-export declare const KYCContext: (props: {
-    value: UseKYCReturn;
-} & {
-    children?: import("react").ReactNode | undefined;
-}) => React.ReactNode, useKYCContext: () => UseKYCReturn;
+export declare const KYCContext: import("react").Context<UseKYCReturn>, useKYCContext: () => UseKYCReturn;

package/dist/components/Messages/Message.js

@@ -7,7 +7,7 @@ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { useMarkMessageAsReadMutation } from '../../client/hooks/useMarkMessageAsReadMutation.js';
 import { useMessageContext } from './MessageContext.js';
-import { MessageIcon } from './MessageIcon.js';
+import { getMessageIcon } from './utils.js';
 export function Message() {
     const message = useMessageContext();
     const localeInfo = useLocaleInfo();
@@ -16,6 +16,7 @@ export function Message() {
         messages: ctx.messages,
     })));
     const markMessageAsReadMutation = useMarkMessageAsReadMutation();
+    const Icon = getMessageIcon(message.icon);
     const handleViewMessage = async () => {
         globalStore.message.setData(message);
         globalStore.message.setOpen(true);
@@ -30,5 +31,5 @@ export function Message() {
     };
     return (_jsxs("div", { role: "button", tabIndex: 0, className: "border-border-secondary rounded-xs bg-bg-secondary flex h-auto flex-shrink-0 cursor-pointer flex-col border px-3.5 py-2.5", onClick: handleViewMessage, "aria-pressed": "false", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("p", { className: "text-text-tertiary-600 text-xs font-normal", children: format(new Date(message.dateTimeCreated), 'M/d/yyyy - h:mma', {
                             in: tz(localeInfo.timezone),
-                        }) }), !message.markedAsRead && (_jsx("div", { className: "bg-utility-success-500 h-2.5 w-2.5 rounded-full" }))] }), _jsxs("div", { className: "mb-2 flex items-center space-x-2", children: [_jsx(MessageIcon, { type: message.icon, className: "text-brand-400 size-5" }), _jsx("p", { className: "text-text-primary-brand text-sm font-semibold", children: message.title })] }), _jsx("p", { className: "line-clamp-3 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: message.content } }), message.actions.length > 0 && (_jsx("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: message.actions.map((action, index) => (_jsx(Link, { className: "border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm", href: action.url, onClick: handleActionClick, children: action.name }, index))) }))] }));
+                        }) }), !message.markedAsRead && (_jsx("div", { className: "bg-utility-success-500 h-2.5 w-2.5 rounded-full" }))] }), _jsxs("div", { className: "mb-2 flex items-center space-x-2", children: [_jsx(Icon, { className: "text-brand-400" }), _jsx("p", { className: "text-text-primary-brand text-sm font-semibold", children: message.title })] }), _jsx("p", { className: "line-clamp-3 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: message.content } }), message.actions.length > 0 && (_jsx("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: message.actions.map((action, index) => (_jsx(Link, { className: "border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm", href: action.url, onClick: handleActionClick, children: action.name }, index))) }))] }));
 }

package/dist/components/Messages/MessageContext.d.ts

@@ -1,6 +1,2 @@
 import type { Message } from '../../types';
-export declare const MessageContext: (props: {
-    value: Message;
-} & {
-    children?: import("react").ReactNode | undefined;
-}) => React.ReactNode, useMessageContext: () => Message;
+export declare const MessageContext: import("react").Context<Message>, useMessageContext: () => Message;

package/dist/components/Messages/MessagePopup.js

@@ -6,12 +6,13 @@ import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
-import { MessageIcon } from './MessageIcon.js';
+import { getMessageIcon } from './utils.js';
 export const MessagePopup = () => {
     const globalStore = useGlobalStore(useShallow((ctx) => ({ message: ctx.message })));
+    const Icon = getMessageIcon(globalStore.message.data?.icon ?? 'MESSAGE');
     return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: globalStore.message.open, onOpenChange: ({ open }) => {
             globalStore.message.setOpen(open);
-        }, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl px-xl pb-0 pt-5 shadow-xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "pb-6", children: [_jsx("div", { className: "bg-bg-brand-secondary mx-auto w-fit rounded-full p-3", children: _jsx(MessageIcon, { type: globalStore.message.data?.icon ?? 'INFO', className: "text-text-brand size-6" }) }), _jsx("p", { className: "text-text-primary-brand mt-lg text-center text-lg font-semibold leading-tight", children: globalStore.message.data?.title }), _jsx("div", { className: "text-shadow-text-secondary-700 mt-xs text-center text-sm font-normal leading-tight", dangerouslySetInnerHTML: {
+        }, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl px-xl pb-0 pt-5 shadow-xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "pb-6", children: [_jsx("div", { className: "bg-bg-brand-secondary mx-auto w-fit rounded-full p-3", children: _jsx(Icon, { className: "text-text-brand", height: "24", width: "24" }) }), _jsx("p", { className: "text-text-primary-brand mt-lg text-center text-lg font-semibold leading-tight", children: globalStore.message.data?.title }), _jsx("div", { className: "text-shadow-text-secondary-700 mt-xs text-center text-sm font-normal leading-tight", dangerouslySetInnerHTML: {
                                             __html: globalStore.message.data?.content ?? '',
                                         } })] }), globalStore.message.data?.actions.length ? (_jsx("div", { className: "flex flex-col space-y-2 px-4 pb-8 pt-6 text-center", children: globalStore.message.data.actions.map((action, index) => (_jsx(Link, { className: "bg-button-primary-bg rounded-xs text-button-primary-fg w-full px-4 py-2.5 text-base font-semibold", href: action.url, onClick: () => {
                                         globalStore.message.setOpen(false);

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.d.ts

@@ -1,4 +1,4 @@
-import type { Quest } from '../../../types';
+import type { Quest } from '@opexa/portal-sdk-core';
 export declare function DailyCheckInQuest({ quest }: {
     quest: Quest;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.js

@@ -3,16 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { addDays, isEqual, startOfDay } from 'date-fns';
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { useCheckInDailyCheckInQuestMutation } from '../../../client/hooks/useCheckInDailyCheckInQuestMutation.js';
-import { toaster } from '../../../client/utils/toaster.js';
-import { CalendarIcon } from '../../../icons/CalendarIcon.js';
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { ClockStopWatchIcon } from '../../../icons/ClockStopWatchIcon.js';
-import { InfoCircleIcon } from '../../../icons/InfoCircleIcon.js';
-import { Badge } from '../../../ui/Badge/index.js';
-import { Button } from '../../../ui/Button/index.js';
-import { getQueryClient } from '../../../utils/getQueryClient.js';
-import { getAvailableQuestsQueryKey } from '../../../utils/queryKeys.js';
+import { useCheckInDailyCheckInQuestMutation } from '../../../client/hooks/index.js';
+import { toaster } from '../../../client/utils/index.js';
+import { CalendarIcon, CheckIcon, ClockStopWatchIcon, InfoCircleIcon, } from '../../../icons/index.js';
+import { Badge, Button } from '../../../ui/index.js';
+import { getAvailableQuestsQueryKey, getQueryClient } from '../../../utils/index.js';
 import CountdownTimer from '../CountdownTimer.js';
 import { DailyCheckInQuestModal } from './DailyCheckInQuestModal.js';
 export function DailyCheckInQuest({ quest }) {

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.js

@@ -1,9 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from '../../../icons/XIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
+import { Portal } from '@ark-ui/react';
+import { XIcon } from '../../../icons/index.js';
+import { Button, Dialog } from '../../../ui/index.js';
 export function DailyCheckInQuestModal(props) {
     return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: props.modalState.isOpen, onOpenChange: ({ open }) => props.modalState.setIsOpen(open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col space-y-5", children: [_jsx("p", { className: "text-text-primary-900 text-lg font-semibold", children: "Daily Check-In Rules" }), _jsxs("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [_jsx("li", { children: "Earn rewards just for checking in each day!" }), _jsx("li", { children: "Stay consistent to unlock special rewards on the 3rd, 5th, and 7th day." }), _jsx("li", { children: "Missing a day will reset your streak, starting again from Day 1." }), _jsx("li", { children: "Each check-in unlocks the next one on the following day." }), _jsx("li", { children: "Successfully check in for 7 consecutive days to complete the quest and reset the cycle." })] })] }), _jsx("div", { className: "pb-4 pt-6", children: _jsx(Button, { onClick: () => props.modalState.setIsOpen(false), children: "Ok" }) })] }) })] }) }));
 }

package/dist/components/Quests/OnboardingQuest/OnboardingQuest.d.ts

@@ -1,4 +1,4 @@
-import type { Quest } from '../../../types';
+import type { Quest } from '@opexa/portal-sdk-core';
 export declare function OnboardingQuest(props: {
     quest: Quest;
 }): null;

package/dist/components/Quests/WageringQuest/WageringQuest.d.ts

@@ -1,4 +1,4 @@
-import type { Quest } from '../../../types';
+import type { Quest } from '@opexa/portal-sdk-core';
 export declare function WageringQuest({ quest }: {
     quest: Quest;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Quests/WageringQuest/WageringQuest.js

@@ -2,9 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { ClockStopWatchIcon } from '../../../icons/ClockStopWatchIcon.js';
-import { InfoCircleIcon } from '../../../icons/InfoCircleIcon.js';
-import { Badge } from '../../../ui/Badge/index.js';
+import { ClockStopWatchIcon, InfoCircleIcon } from '../../../icons/index.js';
+import { Badge } from '../../../ui/index.js';
 import CountdownTimer from '../CountdownTimer.js';
 import { WageringQuestModal } from './WageringQuestModal.js';
 export function WageringQuest({ quest }) {

package/dist/components/Quests/WageringQuest/WageringQuestModal.js

@@ -1,9 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from '../../../icons/XIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
+import { Portal } from '@ark-ui/react';
+import { XIcon } from '../../../icons/index.js';
+import { Button, Dialog } from '../../../ui/index.js';
 export function WageringQuestModal(props) {
     return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: props.modalState.isOpen, onOpenChange: ({ open }) => props.modalState.setIsOpen(open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col space-y-5", children: [_jsx("p", { className: "text-text-primary-900 text-lg font-semibold", children: props.questName }), _jsxs("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [_jsx("li", { children: "Earn extra rewards just by playing Slots, every bet counts, win or lose!" }), _jsx("li", { children: "Reach the wagering requirement in bets to complete the quest and claim your reward." })] })] }), _jsx("div", { className: "pb-4 pt-6", children: _jsx(Button, { onClick: () => props.modalState.setIsOpen(false), children: "Ok" }) })] }) })] }) }));
 }

package/dist/components/SignUp/SignUpForm.js

@@ -46,9 +46,6 @@ export function SignUpForm() {
         itemToValue: (item) => item.code,
         itemToString: (item) => `${item.code} - ${item.name}`,
     });
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kyc: ctx.kyc,
-    })));
     const [step, setStep] = useState(1);
     const dialog = useDialogContext();
     const search = useSearchParams();
@@ -195,7 +192,6 @@ export function SignUpForm() {
                                     mobileNumber: mobileNumberParser.format(mobileNumber),
                                     verificationCode: verificationCode.join(''),
                                     referralCode: search.get('referralCode') ?? undefined,
-                                    domain: search.get('domain') ?? undefined,
                                     btag: search.get('btag') ?? undefined,
                                 });
                                 const name = mobileNumberParser.format(mobileNumber);
@@ -242,7 +238,6 @@ export function SignUpForm() {
                                 dialog.setOpen(false);
                                 step1Form.reset();
                                 step2Form.reset();
-                                globalStore.kyc.setOpen(true);
                                 setStep(1);
                             }
                             catch (error) {
@@ -256,7 +251,7 @@ export function SignUpForm() {
                                                 o.field.onChange(details.value);
                                             }, onValueComplete: () => {
                                                 form2Ref.current?.requestSubmit();
-                                            }, children: [_jsxs(PinInput.Control, { className: "grid-cols-[1fr_1fr_1fr_auto_1fr_1fr_1fr] items-center gap-md", children: [_jsx(PinInput.Input, { index: 0 }), _jsx(PinInput.Input, { index: 1 }), _jsx(PinInput.Input, { index: 2 }), _jsx("span", { className: "text-text-placeholder-subtle text-2xl font-medium", children: "\u2013" }), _jsx(PinInput.Input, { index: 3 }), _jsx(PinInput.Input, { index: 4 }), _jsx(PinInput.Input, { index: 5 })] }), _jsx(PinInput.HiddenInput, {})] }), _jsx(Field.ErrorText, { children: o.formState.errors.verificationCode?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-4xl", disabled: step2Form.formState.isSubmitting, children: "Verify" }), _jsxs("div", { className: "mt-3 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-secondary-700", children: "Didn't recieve the code?" }), _jsx("button", { type: "button", className: "text-button-secondary-fg font-semibold disabled:cursor-not-allowed disabled:opacity-75", disabled: cooldown.cooling, onClick: async () => {
+                                            }, blurOnComplete: true, readOnly: step2Form.formState.isSubmitting, type: "numeric", children: [_jsxs(PinInput.Control, { className: "grid-cols-[1fr_1fr_1fr_auto_1fr_1fr_1fr] items-center gap-md", children: [_jsx(PinInput.Input, { index: 0 }), _jsx(PinInput.Input, { index: 1 }), _jsx(PinInput.Input, { index: 2 }), _jsx("span", { className: "text-text-placeholder-subtle text-2xl font-medium", children: "\u2013" }), _jsx(PinInput.Input, { index: 3 }), _jsx(PinInput.Input, { index: 4 }), _jsx(PinInput.Input, { index: 5 })] }), _jsx(PinInput.HiddenInput, {})] }), _jsx(Field.ErrorText, { children: o.formState.errors.verificationCode?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-4xl", disabled: step2Form.formState.isSubmitting, children: "Verify" }), _jsxs("div", { className: "mt-3 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-secondary-700", children: "Didn't recieve the code?" }), _jsx("button", { type: "button", className: "text-button-secondary-fg font-semibold disabled:cursor-not-allowed disabled:opacity-75", disabled: cooldown.cooling, onClick: async () => {
                                             await sendVerificationCodeMutation.mutateAsync({
                                                 channel: 'SMS',
                                                 recipient: mobileNumberParser.format(step1Form.getValues('mobileNumber')),

package/dist/constants/gameProviders.d.ts

@@ -1,4 +1,5 @@
-import type { GameProvider, GameProviderData } from '../types';
+import type { GameProvider } from '@opexa/portal-sdk-core';
+import type { GameProviderData } from '../types';
 export declare const GAME_PROVIDER_DATA: Record<GameProvider, GameProviderData>;
 export declare const GAME_PROVIDERS: ["ALIZE", "BGAMING", "BOOONGO", "EVOPLAY", "BTI", "CQ9", "DARWIN", "DG", "DRBINGO", "E2E", "ETENGJUE", "EVOLUTION", "EVOLUTION_REDTIGER", "EZUGI", "FACHAI", "HABANERO", "HACKSAW", "HOLLYWOODTV", "JDB", "JILI", "JDBGTF", "JOKER", "JDBSPRIBE", "JILI_BINGO", "KINGMAKER", "KINGMIDAS", "MEGA2SPIN", "MICROGAMING", "MEGABALL", "ONEAPI_EVOLUTION", "PGSOFT", "PLAYTECH", "PRAGMATICPLAY", "RELAXGAMING", "RTG", "SABA", "SPINIX", "SPRIBE", "YELLOWBAT", "EVOLUTIONNETENT", "EVOLUTION_NETENT"];
 export declare const LEGACY_GAME_PROVIDERS: ["JILI", "PGSOFT", "FACHAI", "BTI", "DG", "PLAYTECH", "E2E", "ONEAPI_EVOLUTION", "CQ9", "JDB", "HABANERO", "SPINIX", "JOKER", "HACKSAW", "EVOLUTIONNETENT", "JDBGTF", "JDBSPRIBE", "MICROGAMING", "RELAXGAMING", "EVOPLAY", "BOOONGO", "BGAMING", "KINGMAKER", "KINGMIDAS", "YELLOWBAT", "ETENGJUE", "SABA", "PRAGMATICPLAY", "SPRIBE", "EZUGI", "ALIZE"];

package/dist/constants/gameProviders.js

@@ -283,12 +283,6 @@ export const GAME_PROVIDER_DATA = {
         slug: 'evolution-netent',
         logo: evolutionNetent,
     },
-    DIGITAIN: {
-        id: 'DIGITAIN',
-        name: 'Digitain',
-        slug: 'digitain',
-        logo: '',
-    },
 };
 export const GAME_PROVIDERS = [
     'ALIZE',

package/dist/constants/gameTypes.d.ts

@@ -1,3 +1,4 @@
-import type { GameType, GameTypeData } from '../types';
+import type { GameType } from '@opexa/portal-sdk-core';
+import type { GameTypeData } from '../types';
 export declare const GAME_TYPE_DATA: Record<GameType, GameTypeData>;
 export declare const GAME_TYPES: ["ARCADE", "BINGO", "FISHING", "GAMES", "LIVE", "NUMERICAL", "SLOTS", "SPECIALTY", "SPORTS", "TABLE"];

package/dist/constants/headerKeys.d.ts

@@ -1,2 +1 @@
 export declare const RECAPTCHA_HEADER_KEY: string;
-export declare const TEST_PASS_HEADER_KEY: string;

package/dist/constants/headerKeys.js

@@ -1,2 +1 @@
 export const RECAPTCHA_HEADER_KEY = 'Google-Recaptcha-Response';
-export const TEST_PASS_HEADER_KEY = 'Test-Pass';

package/dist/constants/secretQuestions.d.ts

@@ -1,3 +1,3 @@
-import type { SecretQuestion } from '../types';
+import type { SecretQuestion } from '@opexa/portal-sdk-core';
 export declare const SECRET_QUESTIONS: ["BEST_CHILDHOOD_FRIEND", "BIRTH_PLACE", "FAVORITE_BOOK", "FAVORITE_MOVIE", "FAVORITE_TEACHER", "FIRST_CAR", "FIRST_PET", "FIRST_SCHOOL", "MOTHERS_MAIDEN_NAME", "PARENTS_MET_CITY"];
 export declare const SECRET_QUESTIONS_MAP: Record<SecretQuestion, string>;