@opexa/portal-components 0.0.601 → 0.0.603

package/dist/client/hooks/useAvailableQuestsQuery.js

@@ -14,7 +14,6 @@ export const useAvailableQuestsQuery = (config) => {
             ? false
             : sessionQuery.data?.status === 'authenticated',
         queryKey: getAvailableQuestsQueryKey(),
-        refetchInterval: 5000,
         queryFn: async ({ signal }) => {
             const session = await queryClient.fetchQuery({
                 queryKey: getSessionQueryKey(),

package/dist/client/hooks/useGlobalStore.d.ts

@@ -87,6 +87,7 @@ export interface GlobalStore {
     onboarding: OnboardingStore;
     responsibleGamingReminder: ResponsibleGamingReminderStore;
     pendingBonus: HasPendingBonusStore;
+    kycVerificationStatus: PopupStore;
 }
 export declare const useGlobalStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<GlobalStore>, "setState" | "devtools"> & {
     setState(partial: GlobalStore | Partial<GlobalStore> | ((state: GlobalStore) => GlobalStore | Partial<GlobalStore>), replace?: false | undefined, action?: (string | {

package/dist/client/hooks/useGlobalStore.js

@@ -27,6 +27,19 @@ export const useGlobalStore = create()(devtools(subscribeWithSelector((set) => (
         },
         '~touched': false,
     },
+    kycVerificationStatus: {
+        open: false,
+        setOpen(open) {
+            set((prev) => ({
+                kycVerificationStatus: {
+                    ...prev.kycVerificationStatus,
+                    open,
+                    '~touched': true,
+                },
+            }));
+        },
+        '~touched': false,
+    },
     disclaimer: {
         open: false,
         setOpen(open) {

package/dist/client/hooks/useJackpotPayoutsQuery.js

@@ -6,7 +6,6 @@ export const useJackpotPayoutsQuery = (input, config) => {
         refetchOnMount: false,
         refetchOnReconnect: false,
         refetchOnWindowFocus: false,
-        refetchInterval: 10000, // 10 seconds
         ...config,
         queryKey: getJackpotPayoutsQueryKey(input),
         queryFn: ({ pageParam, signal }) => {

package/dist/client/hooks/useJackpotsQuery.js

@@ -6,7 +6,6 @@ export const useJackpotsQuery = (input, config) => {
         refetchOnMount: false,
         refetchOnReconnect: false,
         refetchOnWindowFocus: false,
-        refetchInterval: 10000, // 10 seconds
         ...config,
         queryKey: getJackpotsQueryKey(input),
         queryFn: ({ pageParam, signal }) => {

package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js

@@ -11,7 +11,9 @@ import { useCreateGCashDepositMutation } from '../../../../client/hooks/useCreat
 import { useDepositQuery } from '../../../../client/hooks/useDepositQuery.js';
 import { useDepositsCountQuery } from '../../../../client/hooks/useDepositsCountQuery.js';
 import { useDisclosure } from '../../../../client/hooks/useDisclosure.js';
+import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
+import { useMemberVerificationQuery } from '../../../../client/hooks/useMemberVerificationQuery.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
 import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
@@ -28,11 +30,15 @@ import { AmountChoices } from '../../AmountChoices.js';
 import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function GCashDeposit() {
+    const { enabled } = useFeatureFlag();
     const depositWithdrawalProps = useDepositWithdrawalPropsContext();
     const disclosure = useDisclosure();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
+        kycVerificationStatus: ctx.kycVerificationStatus,
     })));
+    const verificationQuery = useMemberVerificationQuery();
+    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateGCashDepositMutation({
         onMutate() {
@@ -145,11 +151,21 @@ export function GCashDeposit() {
         }
     }, [form, minimumAmount]);
     return (_jsxs("form", { onSubmit: form.handleSubmit(async (data) => {
-            createDepositMutation.reset();
-            createDepositMutation.mutate({
-                amount: data.amount.toString(),
-                promo: data.promo ?? undefined,
-            });
+            //handle new kyc process
+            if (enabled &&
+                (verificationStatus === 'PENDING' ||
+                    verificationStatus === 'UNVERIFIED' ||
+                    verificationStatus === 'REJECTED')) {
+                globalStore.kycVerificationStatus.setOpen(true);
+                return;
+            }
+            else {
+                createDepositMutation.reset();
+                createDepositMutation.mutate({
+                    amount: data.amount.toString(),
+                    promo: data.promo ?? undefined,
+                });
+            }
         }), noValidate: true, children: [_jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
                                 o.field.onChange(details.value);
                             }, formatOptions: {

package/dist/components/DepositWithdrawal/Deposit/LibanganDeposit/LibanganDeposit.js

@@ -11,7 +11,9 @@ import { useCreateLibanganDepositMutation } from '../../../../client/hooks/useCr
 import { useDepositQuery } from '../../../../client/hooks/useDepositQuery.js';
 import { useDepositsCountQuery } from '../../../../client/hooks/useDepositsCountQuery.js';
 import { useDisclosure } from '../../../../client/hooks/useDisclosure.js';
+import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
+import { useMemberVerificationQuery } from '../../../../client/hooks/useMemberVerificationQuery.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
 import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
@@ -28,11 +30,15 @@ import { AmountChoices } from '../../AmountChoices.js';
 import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function LibanganDeposit() {
+    const { enabled } = useFeatureFlag();
     const depositWithdrawalProps = useDepositWithdrawalPropsContext();
     const disclosure = useDisclosure();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
+        kycVerificationStatus: ctx.kycVerificationStatus,
     })));
+    const verificationQuery = useMemberVerificationQuery();
+    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateLibanganDepositMutation({
         onMutate() {
@@ -145,12 +151,22 @@ export function LibanganDeposit() {
         }
     }, [form, minimumAmount]);
     return (_jsxs("form", { onSubmit: form.handleSubmit(async (data) => {
-            createDepositMutation.reset();
-            createDepositMutation.mutate({
-                amount: data.amount.toString(),
-                promo: data.promo ?? undefined,
-                redirectUrl: depositWithdrawalProps.libanganRedirectionUrl,
-            });
+            //handle new kyc process
+            if (enabled &&
+                (verificationStatus === 'PENDING' ||
+                    verificationStatus === 'UNVERIFIED' ||
+                    verificationStatus === 'REJECTED')) {
+                globalStore.kycVerificationStatus.setOpen(true);
+                return;
+            }
+            else {
+                createDepositMutation.reset();
+                createDepositMutation.mutate({
+                    amount: data.amount.toString(),
+                    promo: data.promo ?? undefined,
+                    redirectUrl: depositWithdrawalProps.libanganRedirectionUrl,
+                });
+            }
         }), noValidate: true, children: [_jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
                                 o.field.onChange(details.value);
                             }, formatOptions: {

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.js

@@ -8,7 +8,9 @@ import { useShallow } from 'zustand/shallow';
 import { useAvailablePromosQuery } from '../../../../client/hooks/useAvailablePromosQuery.js';
 import { useCreateMayaAppDepositMutation } from '../../../../client/hooks/useCreateMayaAppDepositMutation.js';
 import { useDepositsCountQuery } from '../../../../client/hooks/useDepositsCountQuery.js';
+import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
+import { useMemberVerificationQuery } from '../../../../client/hooks/useMemberVerificationQuery.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
 import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
@@ -25,10 +27,14 @@ import { AmountChoices } from '../../AmountChoices.js';
 import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function MayaAppDeposit() {
+    const { enabled } = useFeatureFlag();
     const depositWithdrawalProps = useDepositWithdrawalPropsContext();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
+        kycVerificationStatus: ctx.kycVerificationStatus,
     })));
+    const verificationQuery = useMemberVerificationQuery();
+    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateMayaAppDepositMutation({
         onMutate() {
@@ -115,10 +121,20 @@ export function MayaAppDeposit() {
         }
     }, [form, minimumAmount]);
     const handleSubmit = form.handleSubmit(async (data) => {
-        createDepositMutation.mutate({
-            amount: data.amount.toString(),
-            promo: data.promo ?? undefined,
-        });
+        //handle new kyc process
+        if (enabled &&
+            (verificationStatus === 'PENDING' ||
+                verificationStatus === 'UNVERIFIED' ||
+                verificationStatus === 'REJECTED')) {
+            globalStore.kycVerificationStatus.setOpen(true);
+            return;
+        }
+        else {
+            createDepositMutation.mutate({
+                amount: data.amount.toString(),
+                promo: data.promo ?? undefined,
+            });
+        }
     });
     return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, children: [_jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
                                 o.field.onChange(details.value);

package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.js

@@ -11,7 +11,9 @@ import { useCreateMayaDepositMutation } from '../../../../client/hooks/useCreate
 import { useDepositQuery } from '../../../../client/hooks/useDepositQuery.js';
 import { useDepositsCountQuery } from '../../../../client/hooks/useDepositsCountQuery.js';
 import { useDisclosure } from '../../../../client/hooks/useDisclosure.js';
+import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
+import { useMemberVerificationQuery } from '../../../../client/hooks/useMemberVerificationQuery.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
 import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
@@ -28,11 +30,15 @@ import { AmountChoices } from '../../AmountChoices.js';
 import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function MayaDeposit() {
+    const { enabled } = useFeatureFlag();
     const depositWithdrawalProps = useDepositWithdrawalPropsContext();
     const disclosure = useDisclosure();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
+        kycVerificationStatus: ctx.kycVerificationStatus,
     })));
+    const verificationQuery = useMemberVerificationQuery();
+    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateMayaDepositMutation({
         onMutate() {
@@ -145,11 +151,21 @@ export function MayaDeposit() {
         }
     }, [form, minimumAmount]);
     return (_jsxs("form", { onSubmit: form.handleSubmit(async (data) => {
-            createDepositMutation.reset();
-            createDepositMutation.mutate({
-                amount: data.amount.toString(),
-                promo: data.promo ?? undefined,
-            });
+            //handle new kyc process
+            if (enabled &&
+                (verificationStatus === 'PENDING' ||
+                    verificationStatus === 'UNVERIFIED' ||
+                    verificationStatus === 'REJECTED')) {
+                globalStore.kycVerificationStatus.setOpen(true);
+                return;
+            }
+            else {
+                createDepositMutation.reset();
+                createDepositMutation.mutate({
+                    amount: data.amount.toString(),
+                    promo: data.promo ?? undefined,
+                });
+            }
         }), noValidate: true, children: [_jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
                                 o.field.onChange(details.value);
                             }, formatOptions: {

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.js

@@ -1,8 +1,18 @@
 import { useEffect, useState } from 'react';
 import invariant from 'tiny-invariant';
+import { useShallow } from 'zustand/shallow';
 import { useCreateOnlineBankDepositMutation } from '../../../../client/hooks/useCreateOnlineBankDepositMutation.js';
 import { useDepositQuery } from '../../../../client/hooks/useDepositQuery.js';
+import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
+import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
+import { useMemberVerificationQuery } from '../../../../client/hooks/useMemberVerificationQuery.js';
 export function useOnlineBankDeposit() {
+    const { enabled } = useFeatureFlag();
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        kycVerificationStatus: ctx.kycVerificationStatus,
+    })));
+    const verificationQuery = useMemberVerificationQuery();
+    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [deposit, setDeposit] = useState(null);
     const [status, setStatus] = useState('waiting');
     const view = status === 'verification-failed' ||
@@ -24,10 +34,22 @@ export function useOnlineBankDeposit() {
             setStatus('failed');
         },
     });
-    const generateVCA = (input) => mutation.mutate({
-        amount: input.amount,
-        promo: input.promo ?? undefined,
-    });
+    const generateVCA = (input) => {
+        //handle new kyc process
+        if (enabled &&
+            (verificationStatus === 'PENDING' ||
+                verificationStatus === 'UNVERIFIED' ||
+                verificationStatus === 'REJECTED')) {
+            globalStore.kycVerificationStatus.setOpen(true);
+            return;
+        }
+        else {
+            mutation.mutate({
+                amount: input.amount,
+                promo: input.promo ?? undefined,
+            });
+        }
+    };
     const query = useDepositQuery(deposit?.id, {
         enabled: !!deposit,
         refetchInterval: 5000,

package/dist/components/DepositWithdrawal/Deposit/PisoPayDeposit/PisoPayDeposit.js

@@ -12,7 +12,9 @@ import { useCreatePisoPayDepositMutation } from '../../../../client/hooks/useCre
 import { useDepositQuery } from '../../../../client/hooks/useDepositQuery.js';
 import { useDepositsCountQuery } from '../../../../client/hooks/useDepositsCountQuery.js';
 import { useDisclosure } from '../../../../client/hooks/useDisclosure.js';
+import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
+import { useMemberVerificationQuery } from '../../../../client/hooks/useMemberVerificationQuery.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
 import { SpinnerIcon } from '../../../../icons/SpinnerIcon.js';
@@ -27,11 +29,15 @@ import { AmountChoices } from '../../AmountChoices.js';
 import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext.js';
 import { AvailablePromos } from '../AvailablePromos.js';
 export function PisoPayDeposit() {
+    const { enabled } = useFeatureFlag();
     const depositWithdrawalProps = useDepositWithdrawalPropsContext();
     const disclosure = useDisclosure();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
+        kycVerificationStatus: ctx.kycVerificationStatus,
     })));
+    const verificationQuery = useMemberVerificationQuery();
+    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreatePisoPayDepositMutation({
         onMutate() {
@@ -151,19 +157,29 @@ export function PisoPayDeposit() {
         }
     }, [form, minimumAmount]);
     return (_jsxs("form", { onSubmit: form.handleSubmit(async (data) => {
-            const id = ObjectId.generate(ObjectType.Deposit).toString();
-            const domain = window.location.hostname === 'localhost'
-                ? 'https://opexa.io'
-                : window.location.origin;
-            createDepositMutation.reset();
-            createDepositMutation.mutate({
-                id,
-                amount: data.amount.toString(),
-                redirectionUrl: `${domain}`,
-                ...(data.promo && {
-                    promo: data.promo,
-                }),
-            });
+            //handle new kyc process
+            if (enabled &&
+                (verificationStatus === 'PENDING' ||
+                    verificationStatus === 'UNVERIFIED' ||
+                    verificationStatus === 'REJECTED')) {
+                globalStore.kycVerificationStatus.setOpen(true);
+                return;
+            }
+            else {
+                const id = ObjectId.generate(ObjectType.Deposit).toString();
+                const domain = window.location.hostname === 'localhost'
+                    ? 'https://opexa.io'
+                    : window.location.origin;
+                createDepositMutation.reset();
+                createDepositMutation.mutate({
+                    id,
+                    amount: data.amount.toString(),
+                    redirectionUrl: `${domain}`,
+                    ...(data.promo && {
+                        promo: data.promo,
+                    }),
+                });
+            }
         }), noValidate: true, children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter the amount you want to deposit" }), _jsx(Field.Input, { type: "number", ...form.register('amount') }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount').trim().replace(/,/g, ''), 0), onChange: (value) => {
                     form.setValue('amount', value.toString(), {
                         shouldTouch: true,

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.js

@@ -1,9 +1,19 @@
 import { useEffect, useState } from 'react';
 import invariant from 'tiny-invariant';
+import { useShallow } from 'zustand/shallow';
 import { useCreateQRPHDepositMutation } from '../../../../client/hooks/useCreateQRPHDepositMutation.js';
 import { useDepositQuery } from '../../../../client/hooks/useDepositQuery.js';
+import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
+import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
+import { useMemberVerificationQuery } from '../../../../client/hooks/useMemberVerificationQuery.js';
 export function useQRPHDeposit() {
+    const { enabled } = useFeatureFlag();
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        kycVerificationStatus: ctx.kycVerificationStatus,
+    })));
     const [deposit, setDeposit] = useState(null);
+    const verificationQuery = useMemberVerificationQuery();
+    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const [status, setStatus] = useState('waiting');
     const view = status === 'verification-failed' ||
         status === 'verification-waiting' ||
@@ -24,10 +34,22 @@ export function useQRPHDeposit() {
             setStatus('failed');
         },
     });
-    const generateQRCode = (input) => mutation.mutate({
-        amount: input.amount,
-        promo: input.promo ?? undefined,
-    });
+    const generateQRCode = (input) => {
+        //handle new kyc process
+        if (enabled &&
+            (verificationStatus === 'PENDING' ||
+                verificationStatus === 'UNVERIFIED' ||
+                verificationStatus === 'REJECTED')) {
+            globalStore.kycVerificationStatus.setOpen(true);
+            return;
+        }
+        else {
+            mutation.mutate({
+                amount: input.amount,
+                promo: input.promo ?? undefined,
+            });
+        }
+    };
     const query = useDepositQuery(deposit?.id, {
         enabled: !!deposit,
         refetchInterval: 5000,

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-full 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/ResponsibleGaming.d.ts

@@ -0,0 +1,10 @@
+import { type ImageProps } from 'next/image';
+import type { ReactNode } from 'react';
+export interface ResponsibleGamingProps {
+    responsibleGamingContent: string | ReactNode;
+    logo: ImageProps['src'];
+    open: boolean;
+    onCloseAction: () => void;
+    responsibleGamingLogo?: ImageProps['src'];
+}
+export declare function ResponsibleGaming({ logo, open, responsibleGamingContent, onCloseAction, ...props }: ResponsibleGamingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/ResponsibleGaming.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image, {} from 'next/image';
+import pagcorLogo from '../../images/pagcor.png';
+import responsibleGamingLogo from '../../images/responsible-gaming.png';
+import { Button } from '../../ui/Button/index.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function ResponsibleGaming({ logo, open, responsibleGamingContent, onCloseAction, ...props }) {
+    return (_jsx(Dialog.Root, { open: open, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start overflow-y-auto p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsx(Dialog.Title, { className: "text-brand-400 mt-3xl text-center text-lg font-semibold", children: "Responsible Gaming" }), _jsx(Dialog.Description, { className: "leading-2xl mt-xs text-sm", children: responsibleGamingContent }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[88px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx("div", { className: "w-full", children: _jsx(Button, { type: "button", className: "mt-3", onClick: () => {
+                                        onCloseAction();
+                                    }, children: "I Agree" }) })] }) })] }) }));
+}

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

@@ -0,0 +1,11 @@
+import { type ImageProps } from 'next/image';
+import type { ReactNode } from 'react';
+export interface TermsOfUseProps {
+    logo: ImageProps['src'];
+    open: boolean;
+    onCloseAction: () => void;
+    termsOfUseContent: string | ReactNode;
+    siteName: string;
+    responsibleGamingLogo?: ImageProps['src'];
+}
+export declare function TermsOfUse({ logo, open, onCloseAction, siteName, termsOfUseContent, ...props }: TermsOfUseProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/TermsOfUse.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image, {} from 'next/image';
+import pagcorLogo from '../../images/pagcor.png';
+import responsibleGamingLogo from '../../images/responsible-gaming.png';
+import { Button } from '../../ui/Button/index.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function TermsOfUse({ logo, open, onCloseAction, siteName, termsOfUseContent, ...props }) {
+    return (_jsx(Dialog.Root, { open: open, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start overflow-y-auto p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsxs(Dialog.Title, { className: "text-brand-400 mt-3xl text-center text-lg font-semibold", children: [siteName, " Terms of Use"] }), _jsx(Dialog.Description, { className: "leading-2xl mt-xs text-sm", children: termsOfUseContent }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[88px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx("div", { className: "w-full", children: _jsx(Button, { type: "button", className: "mt-3", onClick: () => {
+                                        onCloseAction();
+                                    }, children: "I Agree" }) })] }) })] }) }));
+}

package/dist/components/FeatureFlag/FeatureFlag.d.ts

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

package/dist/components/FeatureFlag/FeatureFlag.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from 'next/navigation';
+import { useEffect } from 'react';
+import { FEATURE_FLAG_KEY, useFeatureFlag, } from '../../client/hooks/useFeatureFlag.js';
+export function FeatureFlag() {
+    const { featureFlagEnabled, setFeatureFlagEnabled } = useFeatureFlag();
+    const searchParams = useSearchParams();
+    const router = useRouter();
+    useEffect(() => {
+        const futureFlagParam = searchParams.get('future');
+        if (futureFlagParam !== null) {
+            const isEnabled = futureFlagParam === 'true';
+            setFeatureFlagEnabled(isEnabled);
+            localStorage.setItem(FEATURE_FLAG_KEY, isEnabled.toString());
+        }
+    }, [searchParams, setFeatureFlagEnabled]);
+    function disableFeatureFlag() {
+        setFeatureFlagEnabled(false);
+        localStorage.removeItem(FEATURE_FLAG_KEY);
+        const params = new URLSearchParams(searchParams.toString());
+        params.delete('future');
+        router.replace(`?${params.toString()}`, { scroll: false });
+    }
+    if (!featureFlagEnabled) {
+        return null;
+    }
+    return (_jsx("div", { className: "fixed bottom-3 flex w-full flex-col items-center justify-center", children: _jsxs("div", { className: "bg-black/70 p-1", children: ["Experimental features are enabled.", ' ', _jsxs("button", { onClick: () => disableFeatureFlag(), className: "cursor-pointer underline", children: [' ', "Disable"] })] }) }));
+}

package/dist/components/FeatureFlag/index.d.ts

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

package/dist/components/FeatureFlag/index.js

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

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -2,35 +2,34 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
-import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useCreateGameSessionMutation } from '../../client/hooks/useCreateGameSessionMutation.js';
 import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { toaster } from '../../client/utils/toaster.js';
 export function GameLaunchTrigger(props) {
     const featureFlag = useFeatureFlag();
     const sessionQuery = useSessionQuery();
-    const accountQuery = useAccountQuery();
+    const verificationQuery = useMemberVerificationQuery();
     const createGameSessionMutation = useCreateGameSessionMutation();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         signIn: ctx.signIn,
         gameLaunch: ctx.gameLaunch,
+        kycVerificationStatus: ctx.kycVerificationStatus,
     })));
+    const verificationStatus = verificationQuery.data?.status ?? 'UNVERIFIED';
     const currentHour = new Date().getHours();
     const between3amAnd3pm = currentHour >= 15 || currentHour < 3;
     const unavailable = !between3amAnd3pm &&
         ['Hwd1wEWHU6Gvfwecuh', 'HwdcKd7wDpwSPHGksq'].includes('reference' in props.game ? props.game.reference : props.game.id);
-    const locked = featureFlag.enabled && accountQuery.data?.status === 'VERIFICATION_LOCKED';
     const disabled = sessionQuery.data?.status === 'unauthenticated'
         ? false
-        : locked
+        : unavailable
             ? true
-            : unavailable
+            : globalStore.gameLaunch.details.status !== 'WAITING'
                 ? true
-                : globalStore.gameLaunch.details.status !== 'WAITING'
-                    ? true
-                    : props.disabled;
+                : props.disabled;
     return (_jsx(ark.button, { type: "button", "aria-label": `Play ${props.game.name}`, "data-state": sessionQuery.data?.status === 'unauthenticated'
             ? globalStore.signIn.open
                 ? 'open'
@@ -43,6 +42,14 @@ export function GameLaunchTrigger(props) {
                 globalStore.signIn.setOpen(true);
                 return;
             }
+            //handle new kyc process to play only on verified members only
+            if (featureFlag.enabled &&
+                (verificationStatus === 'PENDING' ||
+                    verificationStatus === 'REJECTED' ||
+                    verificationStatus === 'UNVERIFIED')) {
+                globalStore.kycVerificationStatus.setOpen(true);
+                return;
+            }
             globalStore.gameLaunch.setDetails({
                 game: props.game,
                 status: 'LOADING',