@opexa/portal-components 0.0.681 → 0.0.682

package/dist/client/hooks/useCamera.js

@@ -79,6 +79,7 @@ export function useCamera(options = {}) {
             setLoading(false);
         }
     }, [options, desktop]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: Intentional empty deps: we need a stable openNativeCamera reference.
     const openNativeCamera = useCallback(async () => {
         setData(null);
         setError(null);

package/dist/client/hooks/useSignOutMutation.js

@@ -1,7 +1,10 @@
 import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { unregisterFCMDevice } from '../../services/trigger.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSignOutMutationKey } from '../../utils/mutationKeys.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
 import { signOut } from '../services/signOut.js';
 const IDLE_TIMESTAMP_KEY = 'idle-logout-timestamp';
 export const useSignOutMutation = (config) => {
@@ -10,6 +13,18 @@ export const useSignOutMutation = (config) => {
         ...config,
         mutationKey: getSignOutMutationKey(),
         mutationFn: async () => {
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
+            invariant(session.status === 'authenticated');
+            await unregisterFCMDevice({
+                type: ['IOS', 'ANDROID'],
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
             await signOut();
             await queryClient.invalidateQueries({ queryKey: getSessionQueryKey() });
             queryClient.removeQueries();

package/dist/components/AccountInfo/GoogleDisconnect.d.ts

@@ -0,0 +1,7 @@
+import { type UseDisclosureReturn } from '../../client/hooks/useDisclosure';
+interface GoogleDisconnectProps {
+    onConfirmAction?: (ctx: UseDisclosureReturn) => React.ReactNode;
+    children?: (ctx: UseDisclosureReturn) => React.ReactNode;
+}
+export declare function GoogleDisconnect(props: GoogleDisconnectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AccountInfo/GoogleDisconnect.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useDisclosure, } from '../../client/hooks/useDisclosure.js';
+import { LinkBrokenIcon } from '../../icons/LinkBrokenIcon.js';
+import { XIcon } from '../../icons/XIcon.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function GoogleDisconnect(props) {
+    const disclosure = useDisclosure();
+    return (_jsxs(_Fragment, { children: [props.children?.(disclosure), _jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: disclosure.open, onOpenChange: (details) => disclosure.setOpen(details.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: "mx-auto min-h-auto max-w-[25rem] overflow-y-auto rounded-xl p-6", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(LinkBrokenIcon, {}) }), _jsx("h2", { className: "mb-1 text-center font-semibold text-lg xl:mt-xl", children: "Disconnect Google Account" }), _jsx("p", { className: "text-center text-sm text-text-tertiary-600 leading-2xl", children: "Are you sure you want to disconnect your Google account? This may affect your ability to log in or sync data." })] }), _jsx("div", { className: "pt-6", children: props.onConfirmAction?.(disclosure) })] }) })] }) })] }));
+}

package/dist/components/DepositWithdrawal/AiOPaymentMethods.js

@@ -4,12 +4,12 @@ import { twMerge } from 'tailwind-merge';
 import { useControllableState } from '../../client/hooks/useControllableState.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import gcash from '../../images/gcash.png';
-import maya from '../../images/maya.png';
 import grabPay from '../../images/grabpay.png';
+import maya from '../../images/maya.png';
 import palawanPay from '../../images/palawanpay.png';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
-import { AiOeWalletPaymentMethodDefinition } from './utils.js';
+import { AiOeWalletPaymentMethodDefinition, } from './utils.js';
 const AIO_EWALLET_OPTIONS = [
     {
         value: 'AIO_GCASH',
@@ -50,6 +50,6 @@ export function AiOPaymentMethods(props) {
                         return;
                     setValue(parseValue(lastValue));
                 }, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsx("div", { className: twMerge('rounded-xs', option.value === 'AIO_GRAB_PAY'
-                                ? 'bg-transparent py-0 px-0'
-                                : 'bg-white py-[0.688rem] px-sm', option.value === 'AIO_GCASH' && 'bg-[#017EFF]', option.value === 'AIO_PALAWAN_PAY' && 'bg-[#026308]', option.value === 'AIO_PAY_MAYA' && 'bg-black'), children: _jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('w-auto h-[1.063rem]', option.value === 'AIO_GRAB_PAY' && 'h-[3rem] rounded-[4px]', option.value === 'AIO_PALAWAN_PAY' && 'h-[2rem]'), draggable: false }) }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
+                                ? 'bg-transparent px-0 py-0'
+                                : 'bg-white px-sm py-[0.688rem]', option.value === 'AIO_GCASH' && 'bg-[#017EFF]', option.value === 'AIO_PALAWAN_PAY' && 'bg-[#026308]', option.value === 'AIO_PAY_MAYA' && 'bg-black'), children: _jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('h-[1.063rem] w-auto', option.value === 'AIO_GRAB_PAY' && 'h-[3rem] rounded-[4px]', option.value === 'AIO_PALAWAN_PAY' && 'h-[2rem]'), draggable: false }) }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
 }

package/dist/components/DepositWithdrawal/PaymentMethods.js

@@ -3,13 +3,13 @@ import Image from 'next/image';
 import { twMerge } from 'tailwind-merge';
 import { useControllableState } from '../../client/hooks/useControllableState.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
-import qrph from '../../images/QRPH.png';
 import gcash from '../../images/gcash.png';
 import instapay from '../../images/instapay.png';
 import libangan from '../../images/libangan.png';
 import maya from '../../images/maya.png';
 import onlineBank from '../../images/online-bank.png';
 import pisoPay from '../../images/piso-pay.png';
+import qrph from '../../images/QRPH.png';
 import wallet from '../../images/wallet.png';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
@@ -80,8 +80,9 @@ export function PaymentMethods(props) {
                     if (!lastValue)
                         return;
                     setValue(PaymentMethodDefinition.parse(lastValue));
-                }, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsxs("div", { className: twMerge('rounded-xs bg-white px-sm py-[0.688rem]', option.value === 'GCASH' && 'bg-[#017EFF]', option.value === 'AIO_EWALLET' && 'bg-bg-secondary flex items-center space-x-sm'), children: [_jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('w-auto', option.value === 'LIBANGAN_PAY_IN' ||
+                }, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsxs("div", { className: twMerge('rounded-xs bg-white px-sm py-[0.688rem]', option.value === 'GCASH' && 'bg-[#017EFF]', option.value === 'AIO_EWALLET' &&
+                                'flex items-center space-x-sm bg-bg-secondary'), children: [_jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('w-auto', option.value === 'LIBANGAN_PAY_IN' ||
                                         option.value === 'VENTAJA_DISBURSEMENT'
                                         ? 'h-[2.5rem]'
-                                        : 'h-[1.063rem]'), draggable: false }), option.value === 'AIO_EWALLET' && _jsx("p", { className: 'text-text-secondary-700 text-xs leading-tight', children: "AIO eWallet" })] }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
+                                        : 'h-[1.063rem]'), draggable: false }), option.value === 'AIO_EWALLET' && (_jsx("p", { className: "text-text-secondary-700 text-xs leading-tight", children: "AIO eWallet" }))] }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
 }

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -83,7 +83,7 @@ export function GameLaunchTrigger(props) {
                             token: credentials.password,
                         });
                     }
-                    catch (error) {
+                    catch {
                         toaster.error({
                             title: 'Biometric sign-in token has expired.',
                             description: 'Please sign in with your mobile number or username to re-enable biometric login.',

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

@@ -19,18 +19,15 @@ export function KYCVerificationStatus() {
     const icons = status === 'PENDING' ? bellIcon : alertIcon;
     return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
             globalStore.kycVerificationStatus.setOpen(details.open);
-        }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' ||
-                                            (status === 'CREATED' && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
+        }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' && 'Verification Required'] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
                                             `Your account verification is still under review. Please wait
 								until it's approved before you can continue playing or
 								depositing.`, status === 'REJECTED' &&
-                                            'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' ||
-                                            (status === 'CREATED' &&
-                                                'Your account is not yet verified. Please complete the verification process to continue playing or depositing.')] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
+                                            'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' &&
+                                            'Your account is not yet verified. Please complete the verification process to continue playing or depositing.'] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
                                         globalStore.kycVerificationStatus.setOpen(false);
                                         globalStore.kyc.setOpen(true);
-                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' ||
-                                            (status === 'CREATED' && 'Verify Now')] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
+                                    }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' && 'Verify Now'] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
                                         globalStore.kycVerificationStatus.setOpen(false);
                                     }, children: "Close" })] }) }) })] }) }));
 }

package/dist/components/PortalProvider/CXDTokenObserver.js

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

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -6,6 +6,7 @@ import { useRouter } from 'next/navigation';
 import { useRef } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { twMerge } from 'tailwind-merge';
+import invariant from 'tiny-invariant';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useCooldown } from '../../client/hooks/useCooldown.js';
@@ -14,12 +15,14 @@ import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
 import { useSendVerificationCodeMutation } from '../../client/hooks/useSendVerificationCodeMutation.js';
 import { useSignInMutation } from '../../client/hooks/useSignInMutation.js';
+import { getSession } from '../../client/services/getSession.js';
 import { hasSavedBiometry } from '../../client/utils/biometric.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import pagcorLogo from '../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
+import { unregisterFCMDevice } from '../../services/trigger.js';
 import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
@@ -45,11 +48,20 @@ export function MobileNumberSignIn() {
         registerBiometrics: ctx.registerBiometrics,
     })));
     const signInMutation = useSignInMutation({
-        onSuccess: () => {
+        onSuccess: async () => {
             step1Form.reset();
             step2Form.reset();
             context.setStep(1);
             globalStore.signIn.setOpen(false);
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await unregisterFCMDevice({
+                type: ['IOS', 'ANDROID'],
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
             if (signInProps.shouldShowResponsibleGamingReminder) {
                 globalStore.responsibleGamingReminder.setOpen(true);
             }

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -6,11 +6,13 @@ import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { Controller, useForm } from 'react-hook-form';
 import { twMerge } from 'tailwind-merge';
+import invariant from 'tiny-invariant';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useAuthenticateMutation } from '../../client/hooks/useAuthenticateMutation.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useSignInMutation } from '../../client/hooks/useSignInMutation.js';
+import { getSession } from '../../client/services/getSession.js';
 import { hasSavedBiometry } from '../../client/utils/biometric.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { SECRET_QUESTIONS, SECRET_QUESTIONS_MAP } from '../../constants/index.js';
@@ -19,6 +21,7 @@ import { EyeIcon } from '../../icons/EyeIcon.js';
 import { EyeOffIcon } from '../../icons/EyeOffIcon.js';
 import pagcorLogo from '../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
+import { unregisterFCMDevice } from '../../services/trigger.js';
 import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
@@ -45,12 +48,20 @@ export function NameAndPasswordSignIn() {
         registerBiometrics: ctx.registerBiometrics,
     })));
     const signInMutation = useSignInMutation({
-        onSuccess(authenticator) {
+        onSuccess: async (authenticator) => {
             if (authenticator) {
                 context.setStep(2);
             }
             else {
-                console.log('hasSavedBiometry', hasSavedBiometry());
+                const session = await getSession();
+                invariant(session.status === 'authenticated');
+                await unregisterFCMDevice({
+                    type: ['IOS', 'ANDROID'],
+                }, {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                });
                 if (!hasSavedBiometry()) {
                     globalStore.registerBiometrics.setOpen(true);
                 }
@@ -72,12 +83,21 @@ export function NameAndPasswordSignIn() {
         },
     });
     const authenticateMutation = useAuthenticateMutation({
-        onSuccess() {
+        onSuccess: async () => {
             globalStore.signIn.setOpen(false);
             authenticateMutation.reset();
             signInMutation.reset();
             context.setStep(0);
             form.reset();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await unregisterFCMDevice({
+                type: ['IOS', 'ANDROID'],
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
             if (signInProps.shouldShowResponsibleGamingReminder) {
                 globalStore.responsibleGamingReminder.setOpen(true);
             }

package/dist/components/TopWins/TopWins.client.js

@@ -24,7 +24,7 @@ export function TopWins__client(props) {
     return (_jsxs("div", { className: twMerge('w-full', classNames.root), children: [_jsx("div", { className: twMerge('mb-3 font-semibold text-lg md:mb-4'), children: props.heading ?? 'Recent Big Wins' }), _jsx("div", { ref: emblaRef, className: twMerge('relative lg:overflow-hidden'), children: _jsx("div", { className: twMerge('flex gap-sm lg:gap-md'), children: topWins.map((topWin) => (_jsxs("div", { className: twMerge('flex w-[calc((100%-(0.375rem*2))/3)] shrink-0 flex-col space-y-2 rounded-sm border border-border-primary bg-bg-tertiary p-2 text-center lg:w-[calc((100%-(0.5rem*5))/6)] xl:w-[calc((100%-(0.5rem*9))/10)]', classNames.card), children: [_jsx("div", { className: twMerge('mx-auto aspect-square w-full', classNames.image), children: topWin.game && (_jsx(Image, { src: getGameImageUrl({
                                         id: topWin.game.id,
                                         provider: topWin.game.provider,
-                                    }), alt: "", width: 120, height: 120, loading: "lazy", unoptimized: true, className: twMerge('size-full rounded-sm object-cover', classNames.image) })) }), _jsxs("div", { className: twMerge('space-y-0.5'), children: [_jsx("div", { className: twMerge('text-text-secondary-700 text-xs', classNames.playerName), children: topWin.member.name }), _jsx("div", { className: twMerge('break-words font-semibold text-sm text-text-primary-brand', classNames.amount), children: formatNumber(topWin.payout, {
+                                    }), alt: topWin.game.name, width: 120, height: 120, loading: "lazy", unoptimized: true, className: twMerge('size-full rounded-sm object-cover', classNames.image) })) }), _jsxs("div", { className: twMerge('space-y-0.5'), children: [_jsx("div", { className: twMerge('text-text-secondary-700 text-xs', classNames.playerName), children: topWin.member.name }), _jsx("div", { className: twMerge('break-words font-semibold text-sm text-text-primary-brand', classNames.amount), children: formatNumber(topWin.payout, {
                                             currency: localeInfo.currency.code,
                                             minDecimalPlaces: 2,
                                         }) }), _jsxs("div", { className: twMerge('break-words text-text-secondary-700 text-xs', classNames.multiplier), children: [formatNumber(topWin.multiplier, {

package/dist/icons/LinkBrokenIcon.d.ts

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

package/dist/icons/LinkBrokenIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function LinkBrokenIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: _jsx("path", { d: "M8.5 15.5L15.5 8.49998M9 4V2M15 20V22M4 9H2M20 15H22M4.91421 4.91421L3.5 3.5M19.0858 19.0857L20.5 20.4999M12 17.6568L9.87871 19.7781C8.31662 21.3402 5.78396 21.3402 4.22186 19.7781C2.65976 18.216 2.65976 15.6833 4.22186 14.1212L6.34318 11.9999M17.6569 11.9999L19.7782 9.87859C21.3403 8.31649 21.3403 5.78383 19.7782 4.22174C18.2161 2.65964 15.6835 2.65964 14.1214 4.22174L12 6.34306", stroke: "#FEDF89", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
+}