@opexa/portal-components 0.0.631 → 0.0.633

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

@@ -81,6 +81,7 @@ export interface GlobalStore {
     kyc: PopupStore;
     kycReminder: PopupStore;
     spotBonus: PopupStore;
+    registerBiometrics: PopupStore;
     termsAndConditions: TermsAndConditionsStore;
     termsOfUse: TermsOfUseStore;
     responsibleGaming: ResponsibleGamingStore;

package/dist/client/hooks/useGlobalStore.js

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

package/dist/client/services/getSingleUseToken.d.ts

@@ -0,0 +1,3 @@
+import { type HttpRequestOptions } from '../../services/httpRequest';
+import type { CreateSingleUseTokenMutation } from '../../types';
+export declare const getSingleUseToken: (options?: HttpRequestOptions) => Promise<CreateSingleUseTokenMutation>;

package/dist/client/services/getSingleUseToken.js

@@ -0,0 +1,5 @@
+import { httpRequest, } from '../../services/httpRequest.js';
+export const getSingleUseToken = async (options) => {
+    const res = await httpRequest.json('/api/token', { ...options, method: 'POST' });
+    return res.ok ? res.data : { token: '' };
+};

package/dist/client/services/signIn.js

@@ -1,4 +1,6 @@
+import { Capacitor } from '@capacitor/core';
 import { httpRequest, } from '../../services/httpRequest.js';
+const platform = Capacitor.getPlatform();
 export async function signIn(input, options) {
     const res = await httpRequest.json('/api/sessions', {
         ...options,
@@ -7,6 +9,12 @@ export async function signIn(input, options) {
     });
     if (!res.ok) {
         const error = new Error();
+        if (platform === 'ios' || platform === 'android') {
+            error.name = 'Biometrics Failed';
+            error.message =
+                'Biometric authentication failed. Please try again or use your mobile number to sign in.';
+            throw error;
+        }
         error.name = 'SignInError';
         error.message = 'Failed to sign in';
         throw error;

package/dist/client/utils/biometric.d.ts

@@ -0,0 +1,40 @@
+import type { AvailableResult, BiometricOptions, Credentials, SetCredentialOptions } from 'capacitor-native-biometric';
+export declare const BIOMETRIC_STORAGE_KEY: string;
+export declare enum BiometryType {
+    NONE = 0,
+    TOUCH_ID = 1,
+    FACE_ID = 2,
+    FINGERPRINT = 3,
+    FACE_AUTHENTICATION = 4,
+    IRIS_AUTHENTICATION = 5,
+    MULTIPLE = 6
+}
+export declare enum BiometricAuthError {
+    UNKNOWN_ERROR = 0,
+    BIOMETRICS_UNAVAILABLE = 1,
+    USER_LOCKOUT = 2,
+    BIOMETRICS_NOT_ENROLLED = 3,
+    USER_TEMPORARY_LOCKOUT = 4,
+    AUTHENTICATION_FAILED = 10,
+    APP_CANCEL = 11,
+    INVALID_CONTEXT = 12,
+    NOT_INTERACTIVE = 13,
+    PASSCODE_NOT_SET = 14,
+    SYSTEM_CANCEL = 15,
+    USER_CANCEL = 16,
+    USER_FALLBACK = 17
+}
+export interface BiometricInfo extends AvailableResult {
+}
+export declare function getBiometricInfo(): Promise<BiometricInfo>;
+export interface PerformBiometricVerificationOptions extends Omit<BiometricOptions, 'useFallback' | 'maxAttempts'> {
+}
+export declare function performBiometricVerification(opts?: PerformBiometricVerificationOptions): Promise<boolean>;
+export interface SaveBiometricCredentialsInput extends Omit<SetCredentialOptions, 'server'> {
+}
+export declare function saveBiometricCredentials(input: SaveBiometricCredentialsInput): Promise<boolean>;
+export declare function deleteBiometricCredentials(): Promise<void>;
+export interface BiometricCredentials extends Credentials {
+}
+export declare function getBiometricCredentials(): Promise<BiometricCredentials | null>;
+export declare function hasSavedBiometry(): boolean;

package/dist/client/utils/biometric.js

@@ -0,0 +1,90 @@
+import { addDays, isAfter } from 'date-fns';
+const SERVER = `com.${process.env.NEXT_PUBLIC_PLATFORM_CODE}.app`;
+export const BIOMETRIC_STORAGE_KEY = `${process.env.NEXT_PUBLIC_PLATFORM_CODE}__BiometricEnabled`;
+export var BiometryType;
+(function (BiometryType) {
+    BiometryType[BiometryType["NONE"] = 0] = "NONE";
+    BiometryType[BiometryType["TOUCH_ID"] = 1] = "TOUCH_ID";
+    BiometryType[BiometryType["FACE_ID"] = 2] = "FACE_ID";
+    BiometryType[BiometryType["FINGERPRINT"] = 3] = "FINGERPRINT";
+    BiometryType[BiometryType["FACE_AUTHENTICATION"] = 4] = "FACE_AUTHENTICATION";
+    BiometryType[BiometryType["IRIS_AUTHENTICATION"] = 5] = "IRIS_AUTHENTICATION";
+    BiometryType[BiometryType["MULTIPLE"] = 6] = "MULTIPLE";
+})(BiometryType || (BiometryType = {}));
+export var BiometricAuthError;
+(function (BiometricAuthError) {
+    BiometricAuthError[BiometricAuthError["UNKNOWN_ERROR"] = 0] = "UNKNOWN_ERROR";
+    BiometricAuthError[BiometricAuthError["BIOMETRICS_UNAVAILABLE"] = 1] = "BIOMETRICS_UNAVAILABLE";
+    BiometricAuthError[BiometricAuthError["USER_LOCKOUT"] = 2] = "USER_LOCKOUT";
+    BiometricAuthError[BiometricAuthError["BIOMETRICS_NOT_ENROLLED"] = 3] = "BIOMETRICS_NOT_ENROLLED";
+    BiometricAuthError[BiometricAuthError["USER_TEMPORARY_LOCKOUT"] = 4] = "USER_TEMPORARY_LOCKOUT";
+    BiometricAuthError[BiometricAuthError["AUTHENTICATION_FAILED"] = 10] = "AUTHENTICATION_FAILED";
+    BiometricAuthError[BiometricAuthError["APP_CANCEL"] = 11] = "APP_CANCEL";
+    BiometricAuthError[BiometricAuthError["INVALID_CONTEXT"] = 12] = "INVALID_CONTEXT";
+    BiometricAuthError[BiometricAuthError["NOT_INTERACTIVE"] = 13] = "NOT_INTERACTIVE";
+    BiometricAuthError[BiometricAuthError["PASSCODE_NOT_SET"] = 14] = "PASSCODE_NOT_SET";
+    BiometricAuthError[BiometricAuthError["SYSTEM_CANCEL"] = 15] = "SYSTEM_CANCEL";
+    BiometricAuthError[BiometricAuthError["USER_CANCEL"] = 16] = "USER_CANCEL";
+    BiometricAuthError[BiometricAuthError["USER_FALLBACK"] = 17] = "USER_FALLBACK";
+})(BiometricAuthError || (BiometricAuthError = {}));
+export async function getBiometricInfo() {
+    const { NativeBiometric } = await import('capacitor-native-biometric');
+    const res = await NativeBiometric.isAvailable({
+        useFallback: true,
+    });
+    return res;
+}
+export async function performBiometricVerification(opts) {
+    const { NativeBiometric } = await import('capacitor-native-biometric');
+    return await NativeBiometric.verifyIdentity({
+        useFallback: false,
+        maxAttempts: 5,
+        ...opts,
+    })
+        .then(() => true)
+        .catch(() => false);
+}
+export async function saveBiometricCredentials(input) {
+    const { NativeBiometric } = await import('capacitor-native-biometric');
+    await deleteBiometricCredentials();
+    return await NativeBiometric.setCredentials({
+        username: input.username,
+        password: input.password,
+        server: SERVER,
+    })
+        .then(() => {
+        localStorage.setItem(BIOMETRIC_STORAGE_KEY, addDays(new Date(), 29).toISOString());
+        return true;
+    })
+        .catch(() => false);
+}
+export async function deleteBiometricCredentials() {
+    const { NativeBiometric } = await import('capacitor-native-biometric');
+    await NativeBiometric.deleteCredentials({
+        server: SERVER,
+    });
+    localStorage.removeItem(BIOMETRIC_STORAGE_KEY);
+}
+export async function getBiometricCredentials() {
+    const { NativeBiometric } = await import('capacitor-native-biometric');
+    try {
+        return await NativeBiometric.getCredentials({
+            server: SERVER,
+        });
+    }
+    catch {
+        return null;
+    }
+}
+export function hasSavedBiometry() {
+    const v = localStorage.getItem(BIOMETRIC_STORAGE_KEY);
+    if (v == null)
+        return false;
+    const exp = new Date(v);
+    const now = new Date();
+    if (isAfter(exp, now)) {
+        return true;
+    }
+    localStorage.removeItem(BIOMETRIC_STORAGE_KEY);
+    return false;
+}

package/dist/components/Account/Account.lazy.js

@@ -14,6 +14,7 @@ import { useMayaAuth } from '../../client/hooks/useMayaAuth.js';
 import { useProfileCompletionQuery } from '../../client/hooks/useProfileCompletionQuery.js';
 import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
 import { useUnreadMessagesCountQuery } from '../../client/hooks/useUnreadMessagesCountQuery.js';
+import { BIOMETRIC_STORAGE_KEY } from '../../client/utils/biometric.js';
 import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
 import { Bell01Icon } from '../../icons/Bell01Icon.js';
 import { ChevronRightIcon } from '../../icons/ChevronRightIcon.js';
@@ -74,7 +75,7 @@ export function Account(props) {
                     placement: 'bottom',
                     strategy: 'fixed',
                 }, ids: {
-                    trigger: 'opexa-portal-components:account-trigger',
+                    trigger: 'opexa-powerplay:account-trigger',
                 }, children: _jsx(Portal, { children: _jsx(Popover.Positioner, { children: _jsxs(Popover.Content, { className: "relative z-popover w-[23.438rem] ui-closed:animate-fade-out ui-open:animate-fade-in overflow-hidden rounded-xl border border-border-primary bg-bg-primary p-xl", children: [_jsx(Profile, {}), _jsx(Wallet, { classNames: classNames }), _jsx(Links, { router: router, classNames: classNames })] }) }) }) })] }));
 }
 function Profile() {
@@ -102,7 +103,19 @@ function Links({ router, classNames, }) {
     })));
     const signOutMutation = useSignOutMutation({
         onSuccess() {
-            localStorage.clear();
+            // Clear everything except the 'biometric' entry
+            {
+                const keep = new Set([BIOMETRIC_STORAGE_KEY]);
+                for (let i = 0; i < localStorage.length;) {
+                    const key = localStorage.key(i);
+                    if (key && !keep.has(key)) {
+                        localStorage.removeItem(key);
+                    }
+                    else {
+                        i++;
+                    }
+                }
+            }
             sessionStorage.clear();
             router.replace('/');
         },

package/dist/components/Account/AccountTrigger.js

@@ -22,5 +22,5 @@ export function AccountTrigger({ asChild, children, ...props }) {
     return (_jsx(ark.button, { type: "button", "aria-label": "Toggle account menu", "data-open": disclosure.open ? 'open' : 'closed', ...props, onClick: (e) => {
             disclosure.setOpen(!disclosure.open);
             return props.onClick?.(e);
-        }, asChild: !children ? true : asChild, children: children ?? (_jsx(IconButton, { id: "opexa-portal-components:account-trigger", size: "sm", colorScheme: "gray", children: !desktop && disclosure.open ? (_jsx(XIcon, {})) : (_jsx(Image, { src: avatarPlaceholder, alt: "", width: 64, height: 64, className: "size-10" })) })) }));
+        }, asChild: !children ? true : asChild, children: children ?? (_jsx(IconButton, { id: "opexa-powerplay:account-trigger", size: "sm", colorScheme: "gray", children: !desktop && disclosure.open ? (_jsx(XIcon, {})) : (_jsx(Image, { src: avatarPlaceholder, alt: "", width: 64, height: 64, className: "size-10" })) })) }));
 }

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

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

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

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import emblaCarouselAutoplay from 'embla-carousel-autoplay';
+import useEmblaCarousel, {} from 'embla-carousel-react';
+import isMobile from 'is-mobile';
+import Image from 'next/image';
+import Link from 'next/link';
+import { Fragment, useEffect, useState } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { dataAttr } from '../../utils/dataAttr.js';
+export function Banner__client(props) {
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        loop: true,
+        align: 'start',
+    }, [
+        emblaCarouselAutoplay({
+            playOnInit: true,
+            delay: 5000,
+        }),
+    ]);
+    const [currentIndex, setCurrentIndex] = useState(0);
+    useEffect(() => {
+        function handler(detail) {
+            setCurrentIndex(detail?.selectedScrollSnap() ?? 0);
+        }
+        emblaApi?.on('scroll', handler);
+        emblaApi?.on('init', handler);
+        return () => {
+            emblaApi?.on('init', handler);
+            emblaApi?.off('scroll', handler);
+        };
+    }, [emblaApi]);
+    const imageWidth = !props.imageWidth
+        ? [400, 1200]
+        : Array.isArray(props.imageWidth)
+            ? props.imageWidth
+            : [props.imageWidth, props.imageWidth];
+    const imageHeight = !props.imageHeight
+        ? [225, 300]
+        : Array.isArray(props.imageHeight)
+            ? props.imageHeight
+            : [props.imageHeight, props.imageHeight];
+    return (_jsxs("div", { className: twMerge('relative', props.className), children: [_jsx("div", { ref: emblaRef, className: "overflow-hidden", children: _jsx("div", { className: "flex gap-2", children: props.banners.map((banner, index) => {
+                        const img = (_jsx(Image, { src: banner.src, alt: "", width: isMobile() ? imageWidth[0] : imageWidth[1], height: isMobile() ? imageHeight[0] : imageHeight[1], className: "block h-auto w-full", priority: index === 0 }));
+                        return (_jsx(Fragment, { children: !banner.redirectUrl ? (_jsx("div", { className: "w-full shrink-0", children: img })) : (_jsx(Link, { href: banner.redirectUrl, className: "block w-full shrink-0", "aria-label": `Open ${banner.redirectUrl}`, children: img })) }, index));
+                    }) }) }), _jsx("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2", children: props.banners.map((_, index) => (_jsx("button", { type: "button", className: "ui-active:bg-brand-500 bg-gray-300 size-3 shrink-0 rounded-full border border-white transition-all duration-300 ui-active:w-9", onClick: () => {
+                        emblaApi?.scrollTo(index);
+                    }, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex) }, index))) })] }));
+}

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

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

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

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

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

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

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

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

package/dist/components/DigitainLauncher/Loading.js

@@ -1,5 +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" })] }) }));
+    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: "h-10 w-10 animate-spin rounded-full border-4 border-blue-500 border-t-transparent" }), _jsx("p", { className: "font-medium text-gray-700 text-lg", children: "Loading Sports Book\u2026" })] }) }));
 }