@opexa/portal-components 0.0.957 → 0.0.958

package/dist/lib/components/DepositWithdrawal/Withdrawal/Withdrawal.js

@@ -0,0 +1,181 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { lazy, Suspense, useEffect, useState } from 'react';
+import { useShallow } from 'zustand/shallow';
+import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
+import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
+import { useIsMayaSessionValidQuery } from '../../../client/hooks/useIsMayaSessionValidQuery.js';
+import { useMayaAuth } from '../../../client/hooks/useMayaAuth.js';
+import { useMemberVerificationQuery } from '../../../client/hooks/useMemberVerificationQuery.js';
+import { usePaymentSettingsQuery } from '../../../client/hooks/usePaymentSettingsQuery.js';
+import { useWalletQuery } from '../../../client/hooks/useWalletQuery.js';
+import { AlertCircleIcon } from '../../../icons/AlertCircleIcon.js';
+import { SpinnerIcon } from '../../../icons/SpinnerIcon.js';
+import { Button } from '../../../ui/Button/index.js';
+import { onMobileDevice } from '../../../utils/onMobileDevice.js';
+import { parseDecimal } from '../../../utils/parseDecimal.js';
+import { useDepositWithdrawalPropsContext } from '../DepositWithdrawalContext.js';
+import { PaymentMethods } from '../PaymentMethods.js';
+const GCashStandardCashInWithdrawal = lazy(() => import('./GCashStandardCashInWithdrawal/GCashStandardCashInWithdrawal.js').then((m) => ({
+    default: m.GCashStandardCashInWithdrawal,
+})));
+const GCashWithdrawal = lazy(() => import('./GCashWithdrawal/GCashWithdrawal.js').then((m) => ({
+    default: m.GCashWithdrawal,
+})));
+const InstapayGCashWithdrawal = lazy(() => import('./InstapayGCashWithdrawal/InstapayGcashWithdrawal.js').then((m) => ({
+    default: m.InstapayGCashWithdrawal,
+})));
+const InstapayPaymayaWithdrawal = lazy(() => import('./InstapayPaymayaWithdrawal/InstapayPaymayaWithdrawal.js').then((m) => ({
+    default: m.InstapayPaymayaWithdrawal,
+})));
+const InstapayWithdrawal = lazy(() => import('./InstapayWithdrawal/InstapayWithdrawal.js').then((m) => ({
+    default: m.InstapayWithdrawal,
+})));
+const MayaAppWithdrawal = lazy(() => import('./MayaAppWithdrawal/MayaAppWithdrawal.js').then((m) => ({
+    default: m.MayaAppWithdrawal,
+})));
+const MayaWithdrawal = lazy(() => import('./MayaWithdrawal/MayaWithdrawal.js').then((m) => ({
+    default: m.MayaWithdrawal,
+})));
+const PisoPayWithdrawal = lazy(() => import('./PisoPayWithdrawal/PisoPayWithdrawal.js').then((m) => ({
+    default: m.PisoPayWithdrawal,
+})));
+const VentajaWithdrawal = lazy(() => import('./VentajaWithdrawal/VentajaWithdrawal.js').then((m) => ({
+    default: m.VentajaWithdrawal,
+})));
+export function Withdrawal() {
+    const { onMaya } = useMayaAuth();
+    const { allowUnverifiedAccounts, enabledWithdrawalProviders } = useDepositWithdrawalPropsContext();
+    const walletQuery = useWalletQuery();
+    const featureFlag = useFeatureFlag();
+    const wallet = walletQuery.data;
+    const paymentSettingsQuery = usePaymentSettingsQuery();
+    const paymentSettings = paymentSettingsQuery.data;
+    const isMayaSessionValidQuery = useIsMayaSessionValidQuery();
+    const isMayaSessionValid = isMayaSessionValidQuery.data ?? true;
+    const memberVerificationQuery = useMemberVerificationQuery();
+    const memberVerification = memberVerificationQuery.data;
+    const enabledPaymentMethods = (() => {
+        const l = [];
+        if (onMaya) {
+            l.push('MAYA_APP');
+            return l;
+        }
+        const isMobile = onMobileDevice();
+        const enabledKey = isMobile ? 'mobileWebEnabled' : 'webEnabled';
+        const paymentMethods = [
+            {
+                method: 'GCASH',
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'GCASH'))
+                    : paymentSettings?.gcashWithdrawalGatewaySettings?.[enabledKey] ||
+                        false,
+            },
+            {
+                method: 'INSTAPAY_GCASH',
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'INSTAPAY_GCASH'))
+                    : paymentSettings?.instapayWithdrawalGatewaySettings?.[enabledKey] || false,
+            },
+            {
+                method: 'INSTAPAY_PAYMAYA',
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'INSTAPAY_PAYMAYA'))
+                    : paymentSettings?.instapayWithdrawalGatewaySettings?.[enabledKey] || false,
+            },
+            {
+                method: 'MAYA',
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'MAYA'))
+                    : paymentSettings?.mayaWithdrawalGatewaySettings?.[enabledKey] ||
+                        false,
+            },
+            {
+                method: 'INSTAPAY',
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'INSTAPAY'))
+                    : paymentSettings?.instapayWithdrawalGatewaySettings?.[enabledKey] || false,
+            },
+            {
+                method: 'VENTAJA_DISBURSEMENT',
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'VENTAJA_DISBURSEMENT'))
+                    : paymentSettings?.ventajaWithdrawalGatewaySettings?.[enabledKey] ||
+                        false,
+            },
+            {
+                method: 'PISO_PAY',
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'PISO_PAY'))
+                    : paymentSettings?.pisoPayWithdrawalGatewaySettings?.[enabledKey] ||
+                        false,
+            },
+            {
+                method: 'GCASH_STANDARD_CASH_IN',
+                condition: () => !featureFlag.enabled
+                    ? false
+                    : paymentSettings?.gcashStandardCashInWithdrawalGatewaySettings?.[enabledKey] || false,
+            },
+        ];
+        paymentMethods.forEach(({ method, condition }) => {
+            if (condition()) {
+                l.push(method);
+            }
+        });
+        return l;
+    })();
+    const [paymentMethod, setPaymentMethod] = useState();
+    useEffect(() => {
+        if (enabledPaymentMethods.length > 0 && !paymentMethod) {
+            setPaymentMethod(enabledPaymentMethods[0]);
+        }
+    }, [enabledPaymentMethods, paymentMethod]);
+    if (walletQuery.isLoading ||
+        paymentSettingsQuery.isLoading ||
+        isMayaSessionValidQuery.isLoading ||
+        memberVerificationQuery.isLoading) {
+        return _jsx(SpinnerIcon, { className: "mx-auto size-6" });
+    }
+    if (!isMayaSessionValid) {
+        return _jsx(MayaSessionSessionExpired, {});
+    }
+    if (parseDecimal(wallet?.balance, 0) < 1) {
+        return _jsx(InsufficientBalance, {});
+    }
+    if (!memberVerification ||
+        (memberVerification.status !== 'APPROVED' &&
+            memberVerification.status !== 'VERIFIED' &&
+            memberVerification.status !== 'PENDING') ||
+        allowUnverifiedAccounts) {
+        return _jsx(AccountVerificationRequired, {});
+    }
+    if (memberVerification.status === 'PENDING') {
+        return _jsx(AccountVerificationPending, {});
+    }
+    if (enabledPaymentMethods.length <= 0) {
+        return _jsx(NoAvailablePaymentMethods, {});
+    }
+    return (_jsxs(_Fragment, { children: [enabledPaymentMethods.length > 1 && (_jsx(PaymentMethods, { value: paymentMethod, onChange: setPaymentMethod, options: enabledPaymentMethods })), _jsxs(Suspense, { fallback: _jsx(SpinnerIcon, { className: "mx-auto size-6" }), children: [paymentMethod === 'GCASH' && _jsx(GCashWithdrawal, {}), paymentMethod === 'MAYA' && _jsx(MayaWithdrawal, {}), paymentMethod === 'MAYA_APP' && _jsx(MayaAppWithdrawal, {}), paymentMethod === 'INSTAPAY' && _jsx(InstapayWithdrawal, {}), paymentMethod === 'INSTAPAY_GCASH' && _jsx(InstapayGCashWithdrawal, {}), paymentMethod === 'INSTAPAY_PAYMAYA' && _jsx(InstapayPaymayaWithdrawal, {}), paymentMethod === 'VENTAJA_DISBURSEMENT' && _jsx(VentajaWithdrawal, {}), paymentMethod === 'PISO_PAY' && _jsx(PisoPayWithdrawal, {}), paymentMethod === 'GCASH_STANDARD_CASH_IN' && (_jsx(GCashStandardCashInWithdrawal, {}))] })] }));
+}
+function AccountVerificationRequired() {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        kyc: ctx.kyc,
+        depositWithdrawal: ctx.depositWithdrawal,
+    })));
+    return (_jsxs("div", { className: "pt-xl", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-warning-secondary", children: _jsx(AlertCircleIcon, { className: "size-6 text-text-featured-icon-light-warning" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg", children: "Personal Verification" }), _jsx("p", { className: "mx-auto mt-xs max-w-[25rem] text-center text-sm text-text-tertiary-600", children: "To withdraw funds, you must first verify your identity. Complete personal verification to ensure your account\u2019s security." }), _jsx(Button, { className: "mt-3xl", onClick: () => {
+                    globalStore.kyc.setOpen(true);
+                    globalStore.depositWithdrawal.setOpen(false);
+                }, children: "Verify Now" })] }));
+}
+function AccountVerificationPending() {
+    return (_jsxs("div", { className: "pt-xl", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-warning-secondary", children: _jsx(AlertCircleIcon, { className: "size-6 text-text-featured-icon-light-warning" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg", children: "Verification Pending" }), _jsx("p", { className: "mx-auto mt-xs max-w-[25rem] text-center text-sm text-text-tertiary-600", children: "Your personal verification is currently under review. You will be able to withdraw funds once your account is approved." })] }));
+}
+function InsufficientBalance() {
+    const setTab = useGlobalStore(useShallow((ctx) => ctx.depositWithdrawal.setTab));
+    return (_jsxs("div", { className: "pt-xl", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-warning-secondary", children: _jsx(AlertCircleIcon, { className: "size-6 text-text-featured-icon-light-warning" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg", children: "Balance is very low" }), _jsx("p", { className: "mx-auto mt-xs max-w-[25rem] text-center text-sm text-text-tertiary-600", children: "No funds available for withdrawal. Please make a deposit." }), _jsx(Button, { className: "mt-3xl", onClick: () => setTab('DEPOSIT'), children: "Deposit" })] }));
+}
+function NoAvailablePaymentMethods() {
+    return (_jsxs("div", { className: "py-xl", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-warning-secondary", children: _jsx(AlertCircleIcon, { className: "size-6 text-text-featured-icon-light-warning" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg", children: "Not Available" }), _jsx("p", { className: "mx-auto mt-xs max-w-[25rem] text-center text-sm text-text-tertiary-600", children: "Withdrawal is not available at this time. Please try again later or contact support for assistance." })] }));
+}
+function MayaSessionSessionExpired() {
+    return (_jsxs("div", { className: "py-xl", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-warning-secondary", children: _jsx(AlertCircleIcon, { className: "size-6 text-text-featured-icon-light-warning" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg", children: "Session Expired" }), _jsx("p", { className: "mx-auto mt-xs max-w-[25rem] text-center text-sm text-text-tertiary-600", children: "Your session has timed out. To continue with deposits or withdrawals, Please try reloading the app." })] }));
+}

package/dist/lib/components/DepositWithdrawal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DepositWithdrawal';
+export * from './DepositWithdrawalTrigger';

package/dist/lib/components/DepositWithdrawal/index.js

@@ -0,0 +1,2 @@
+export * from './DepositWithdrawal.js';
+export * from './DepositWithdrawalTrigger.js';

package/dist/lib/components/DepositWithdrawal/utils.d.ts

@@ -0,0 +1,8 @@
+import { z } from 'zod';
+import type { KnownDepositError, KnownWithdrawalError, WithdrawalError } from '../../types';
+export declare const PaymentMethodDefinition: z.ZodEnum<["GCASH", "GCASH_STANDARD_CASH_IN", "MAYA_APP", "MAYA", "ONLINE_BANK", "QRPH", "INSTAPAY", "LIBANGAN_PAY_IN", "VENTAJA_DISBURSEMENT", "PISO_PAY", "AIO_GCASH", "AIO_PAY_MAYA", "AIO_GRAB_PAY", "AIO_PALAWAN_PAY", "GCASH_WEBPAY", "MAYA_WEBPAY", "INSTAPAY_GCASH", "INSTAPAY_PAYMAYA", "AURIX_PAY_GCASH", "AURIX_PAY_PAYMAYA", "AURIX_PAY_GRAB_PAY", "AURIX_PAY_QRPH", "VOUCHER"]>;
+export type PaymentMethod = z.infer<typeof PaymentMethodDefinition>;
+export declare const PaymentMethodDefinitionCrazywin: z.ZodEnum<["GCASH", "MAYA_APP", "MAYA", "ONLINE_BANK", "QRPH", "INSTAPAY", "LIBANGAN_PAY_IN", "VENTAJA_DISBURSEMENT", "PISO_PAY"]>;
+export type PaymentMethodCrazywin = z.infer<typeof PaymentMethodDefinitionCrazywin>;
+export type DepositWithdrawalErrors = KnownDepositError | KnownWithdrawalError | WithdrawalError | string;
+export declare function explainError(error?: DepositWithdrawalErrors): string;

package/dist/lib/components/DepositWithdrawal/utils.js

@@ -0,0 +1,71 @@
+import { z } from 'zod';
+export const PaymentMethodDefinition = z.enum([
+    'GCASH',
+    'GCASH_STANDARD_CASH_IN',
+    'MAYA_APP',
+    'MAYA',
+    'ONLINE_BANK',
+    'QRPH',
+    'INSTAPAY',
+    'LIBANGAN_PAY_IN',
+    'VENTAJA_DISBURSEMENT',
+    'PISO_PAY',
+    'AIO_GCASH',
+    'AIO_PAY_MAYA',
+    'AIO_GRAB_PAY',
+    'AIO_PALAWAN_PAY',
+    'GCASH_WEBPAY',
+    'MAYA_WEBPAY',
+    'INSTAPAY_GCASH',
+    'INSTAPAY_PAYMAYA',
+    'AURIX_PAY_GCASH',
+    'AURIX_PAY_PAYMAYA',
+    'AURIX_PAY_GRAB_PAY',
+    'AURIX_PAY_QRPH',
+    'VOUCHER',
+]);
+export const PaymentMethodDefinitionCrazywin = z.enum([
+    'GCASH',
+    'MAYA_APP',
+    'MAYA',
+    'ONLINE_BANK',
+    'QRPH',
+    'INSTAPAY',
+    'LIBANGAN_PAY_IN',
+    'VENTAJA_DISBURSEMENT',
+    'PISO_PAY',
+]);
+const errorMap = {
+    DAILY_PURCHASE_OR_DEPOSIT_LIMIT_EXCEEDED: 'You have exceeded your daily purchase or deposit limit. Please try again tomorrow.',
+    INSUFFICIENT_BALANCE: 'You have insufficient balance for this transaction.',
+    DEPOSIT_CREATION_REQUEST_FAILED: 'Failed to create deposit request. Please try again later.',
+    DEPOSIT_EXECUTION_REQUEST_FAILED: 'Failed to execute deposit request. Please try again later.',
+    FAILED_TO_PROCESS_PAYMENT: 'Failed to process payment. Please try again later.',
+    MINIMUM_DEPOSIT_AMOUNT_NOT_MET: 'The minimum deposit amount is not met. Please enter a valid amount.',
+    REQUEST_SESSION_EXPIRED: 'Your session has expired. Please refresh the page and try again.',
+    REQUEST_TIMEOUT: 'The request timed out. Please try again later.',
+    SYSTEM_CANCELLATION: 'The transaction was cancelled by the system. Please try again later.',
+    UNEXPECTED_ERROR: 'An unexpected error occurred. Please try again later.',
+    UNTOUCHED: 'The transaction has not been touched yet. Please try again later.',
+    WITHDRAWAL_ACCOUNT_EMPTY: 'Your withdrawal account is empty. Please add a withdrawal account before proceeding.',
+    WITHDRAWAL_CREATION_REQUEST_FAILED: 'Failed to create withdrawal request. Please try again later.',
+    WITHDRAWAL_EXECUTION_REQUEST_FAILED: 'Failed to execute withdrawal request. Please try again later.',
+    AccountNotVerifiedError: 'Account not verified. Please complete the verification process.',
+    TransactionPasswordNotSetError: 'Transaction password not set. Please set your transaction password before proceeding.',
+    InvalidTransactionPasswordError: 'Invalid transaction password. Please try again.',
+    InvalidWithdrawalAmountError: 'Invalid withdrawal amount. Please enter a valid amount.',
+    MobileNumberNotVerifiedError: 'Mobile number not verified. Please verify your mobile number before proceeding.',
+    NotEnoughBalanceError: 'Not enough balance to complete the transaction. Please add funds to your account.',
+    ReCAPTCHAVerificationFailedError: 'reCAPTCHA verification failed. Please try again.',
+    WalletDoesNotExistError: 'Wallet does not exist. Please check your wallet settings or contact support.',
+    WithdrawalDailyLimitExceededError: 'You have exceeded your daily withdrawal limit. Please try again tomorrow.',
+    MinimumFirstDepositAmountNotMetError: 'The minimum first deposit amount is not met. Please enter a valid amount.',
+    FirstDepositRequiredError: 'First deposit is required before making a withdrawal.',
+    SYSTEM_ERROR: 'A system error occurred. Please try again.',
+};
+export function explainError(error) {
+    if (error && errorMap[error]) {
+        return errorMap[error];
+    }
+    return 'An unexpected error occurred. Please try again later.';
+}

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

@@ -0,0 +1,7 @@
+import type { ImageProps } from 'next/image';
+export interface DigitainLauncherParams {
+    hostname: string;
+    signInUrl?: string | null;
+    fallbackBackgroundImage?: ImageProps['src'];
+}
+export declare function DigitainLauncher(props: DigitainLauncherParams): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/lib/components/DigitainLauncher/DigitainLauncher.js

@@ -0,0 +1,19 @@
+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();
+    const params = defaultDigitainParams;
+    if (session.status === 'authenticated') {
+        params.token = await getDigitainLaunchToken();
+    }
+    if (props.hostname) {
+        params.server = props.hostname;
+    }
+    const finalizedParams = { ...params };
+    return (_jsxs(_Fragment, { children: [_jsx(Script, { src: `//${props.hostname}/js/partner/bootstrapper.min.js` }), _jsx(Protected, { fallback: _jsx(Fallback, { type: "fallback", signInUrl: props.signInUrl, fallbackBackgroundImage: props.fallbackBackgroundImage }), children: _jsx(DigitainContainer, { params: finalizedParams, fallbackBackgroundImage: props.fallbackBackgroundImage }) })] }));
+}

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

@@ -0,0 +1,7 @@
+import type { ImageProps } from 'next/image';
+import type { DigitainBootstrapperParams } from './types';
+export interface DigitainContainerProps {
+    params: DigitainBootstrapperParams;
+    fallbackBackgroundImage?: ImageProps['src'] | null;
+}
+export declare function DigitainContainer(props: DigitainContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/DigitainLauncher/DigitianContainter.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import isMobile from 'is-mobile';
+import { useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { twJoin } from 'tailwind-merge';
+import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
+import { toaster } from '../../client/utils/toaster.js';
+import { Fallback } from './Fallback.js';
+export function DigitainContainer(props) {
+    const session = useSessionQuery();
+    const [isLoading, setLoading] = useState(false);
+    const router = useRouter();
+    useEffect(() => {
+        if (session.data?.status === 'authenticated') {
+            router.refresh();
+        }
+    }, [session.data?.status, router]);
+    useEffect(() => {
+        setLoading(true);
+        let attempts = 0;
+        const maxAttempts = 5; // e.g. wait up to ~10 seconds
+        function checkAndBoot() {
+            if (typeof window !== 'undefined' && window.Bootstrapper) {
+                console.log('Bootstrapper found, booting with params:', props.params);
+                window.Bootstrapper.boot(props.params, {
+                    name: isMobile() ? 'Mobile' : 'AsianView',
+                }).then(() => {
+                    console.log('Sportsbook booted!');
+                });
+                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]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: twJoin(!isLoading && 'hidden'), children: _jsx(Fallback, { type: "loading", fallbackBackgroundImage: props.fallbackBackgroundImage }) }), _jsx("div", { id: "digitain-container", className: twJoin(isLoading && 'hidden') })] }));
+}

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

@@ -0,0 +1,6 @@
+import type { ImageProps } from 'next/image';
+export declare function Fallback({ type, signInUrl, fallbackBackgroundImage, }: {
+    type: 'fallback' | 'loading';
+    signInUrl?: string | null;
+    fallbackBackgroundImage?: ImageProps['src'] | null;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/DigitainLauncher/Fallback.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { useShallow } from 'zustand/shallow';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { Button } from '../../ui/Button/index.js';
+export function Fallback({ type, signInUrl, fallbackBackgroundImage, }) {
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        signIn: ctx.signIn,
+    })));
+    return (_jsxs("div", { className: "relative h-[459px] w-full lg:h-[829px]", children: [fallbackBackgroundImage && (_jsx(Image, { src: fallbackBackgroundImage, alt: "Background", fill: true, className: "rounded-xl object-cover" })), _jsx("div", { className: "absolute right-0 bottom-safe-area-inset-bottom left-0 h-1/2 rounded-xl bg-gradient-to-b from-[#00000000] to-bg-primary-alt" }), _jsx("div", { className: "absolute right-0 bottom-5 left-0 z-10 m-auto flex max-w-[42.5rem] flex-col items-center justify-center px-4 lg:bottom-15", children: type === 'loading' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "mb-4 h-10 w-10 animate-spin rounded-full border-4 border-bg-tertiary border-t-button-tertiary-fg" }), _jsx("p", { className: "font-medium text-gray-700 text-lg", children: "Please wait while we load the Sports Book..." })] })) : (_jsx(_Fragment, { children: _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "mb-8 space-y-3", children: [_jsx("h2", { className: "font-bold text-gray-900 text-xl uppercase lg:text-[40px]", children: "Sports Book Login Required" }), _jsx("p", { className: "text-gray-600 text-xs leading-relaxed lg:text-lg", children: "The Sports Book is our online platform where you can explore real-time betting odds, place bets on a wide range of sports, and track your activity." }), _jsx("p", { className: "text-gray-600 text-xs leading-relaxed lg:text-lg", children: "Access is restricted to authenticated users. Please login to continue and unlock full access to the platform." })] }), _jsx(Button, { className: "mx-auto w-fit", onClick: () => {
+                                    if (signInUrl) {
+                                        window.location.href = signInUrl;
+                                    }
+                                    else {
+                                        globalStore.signIn.setOpen(true);
+                                    }
+                                }, children: "Login" })] }) })) })] }));
+}

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

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

package/dist/lib/components/DigitainLauncher/index.js

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

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

@@ -0,0 +1,54 @@
+export interface DigitainBootstrapperParams {
+    server: string;
+    containerId: string;
+    token: string;
+    parent?: string[];
+    sportPartner?: string;
+    defaultLanguage?: string;
+    projectTheme?: 'default' | 'alternative';
+    view?: string;
+    bottomNavBar?: boolean;
+    oddsFormatList?: [0 | 1 | 2 | 3 | 4 | 5];
+    oddsFormat?: 0 | 1 | 2 | 3 | 4 | 5;
+    zIndex?: {
+        closed?: number;
+        opened?: number;
+        fullOpened?: number;
+    };
+    initialRoute?: {
+        path: string;
+        qs?: Record<string, string | number | boolean | undefined | null>;
+        hashData?: string;
+    };
+    betslipBookNumber?: number;
+    betslipCopyLinkUrl?: string;
+}
+interface BootstrapperOptions {
+    name: 'Mobile' | 'AsianView' | 'EsportView' | 'LatinoView' | 'ModernView' | 'SimpleEast';
+}
+interface SportAppEventData {
+    path?: string;
+    qs?: Record<string, unknown>;
+    hashData?: string;
+    additionalData?: Record<string, unknown>;
+}
+type SportAppEventListener = (event: {
+    data: SportAppEventData;
+}) => void;
+interface SportAppInstance {
+    dispatchEvent: (eventName: 'sportAppEventDispatch', payload: {
+        type: number;
+        message?: unknown;
+        command?: unknown;
+    }) => void;
+    addEventListener: (eventName: 'sportAppEventDispatch', listener: SportAppEventListener) => void;
+}
+export interface DigitiainBootstrapper {
+    boot: (params: DigitainBootstrapperParams, options: BootstrapperOptions) => Promise<SportAppInstance>;
+}
+declare global {
+    interface Window {
+        Bootstrapper: DigitiainBootstrapper;
+    }
+}
+export {};

package/dist/lib/components/DigitainLauncher/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import type { DigitainBootstrapperParams } from './types';
+export declare const defaultDigitainParams: DigitainBootstrapperParams;
+export declare const getDigitainLaunchToken: () => Promise<string>;

package/dist/lib/components/DigitainLauncher/utils.js

@@ -0,0 +1,71 @@
+import { ObjectId } from '@opexa/object-id';
+import invariant from 'tiny-invariant';
+import { getSession } from '../../server/services/getSession.js';
+import { getGames } from '../../services/cmsPortal.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createGameSession, getGameSession } from '../../services/wallet.js';
+import { createPoll } from '../../utils/createPoll.js';
+export const defaultDigitainParams = {
+    server: process.env.NEXT_PUBLIC_ENVIRONMENT === 'development'
+        ? 'sport.uat.blucky.com.ph'
+        : 'sport.blucky.com.ph',
+    containerId: 'digitain-container',
+    token: '-',
+    defaultLanguage: 'en',
+    oddsFormatList: [0],
+    oddsFormat: 0,
+    zIndex: {
+        closed: 1990,
+        opened: 1923,
+        fullOpened: 1827,
+    },
+    initialRoute: {
+        path: '/home',
+        hashData: '',
+    },
+};
+export const getDigitainLaunchToken = async () => {
+    const session = await getSession();
+    const digitainGameQuery = await getGames({
+        filter: {
+            provider: {
+                equal: 'DIGITAIN',
+            },
+        },
+    });
+    const digitainGame = digitainGameQuery.edges[0]?.node;
+    const sessionId = ObjectId.generate(ObjectType.GameSession).toString();
+    try {
+        await createGameSession({
+            game: digitainGame.reference,
+            id: sessionId,
+        }, {
+            headers: {
+                Authorization: `Bearer ${session.token}`,
+                ...(session.domain && {
+                    Domain: session.domain,
+                }),
+            },
+        });
+        const gameSession = await createPoll(async () => {
+            invariant(session.status === 'authenticated');
+            return await getGameSession(sessionId, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        }, {
+            until: (r) => !!r?.launchOptions,
+            interval: 1000,
+            maxAttempt: 5,
+        })();
+        console.log('--SPORTS DEBUG--', gameSession);
+        console.error('--SPORTS DEBUG--', gameSession);
+        console.debug('--SPORTS DEBUG--', gameSession);
+        return gameSession?.launchOptions?.token || '';
+    }
+    catch (error) {
+        console.error('--SPORTS ERROR--', error);
+        return '';
+    }
+};

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

@@ -0,0 +1,5 @@
+import type { DisclaimerV1Props } from './DisclaimerV1';
+import type { DisclaimerV2Props } from './DisclaimerV2';
+import type { DisclaimerV3Props } from './DisclaimerV3';
+export type DisclaimerProps = DisclaimerV1Props | DisclaimerV2Props | DisclaimerV3Props;
+export declare function Disclaimer(props: DisclaimerProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Disclaimer/Disclaimer.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import dynamic from 'next/dynamic';
+const DisclaimerV1 = dynamic(() => import('./DisclaimerV1.js').then((mod) => mod.DisclaimerV1), {
+    ssr: false,
+    loading: () => null,
+});
+const DisclaimerV2 = dynamic(() => import('./DisclaimerV2.js').then((mod) => mod.DisclaimerV2), {
+    ssr: false,
+    loading: () => null,
+});
+const DisclaimerV3 = dynamic(() => import('./DisclaimerV3.js').then((mod) => mod.DisclaimerV3), {
+    ssr: false,
+    loading: () => null,
+});
+export function Disclaimer(props) {
+    if (props.version === '2') {
+        return _jsx(DisclaimerV2, { ...props });
+    }
+    else if (props.version === '3') {
+        return _jsx(DisclaimerV3, { ...props });
+    }
+    else {
+        return _jsx(DisclaimerV1, { ...props });
+    }
+}

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

@@ -0,0 +1 @@
+export {};