@opexa/portal-components 0.0.931 → 0.0.933

package/dist/components/DepositWithdrawal/Deposit/AurixPayPayMayaDeposit/AurixPayGrabPayDeposit.js

@@ -97,7 +97,7 @@ export function AurixPayGrabPayDeposit() {
     const depositsCount = depositsCountQuery.data ?? 0;
     const paymentSettingsQuery = usePaymentSettingsQuery();
     const paymentSettings = paymentSettingsQuery.data;
-    const gatewaySettings = paymentSettings?.aurixPayGrabPayDepositGatewaySettings;
+    const gatewaySettings = paymentSettings?.aioGCashDepositGatewaySettings;
     const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
     const minimumAmount = depositsCount <= 0
         ? parseDecimal(paymentSettingsQuery.data?.minimumFirstDepositAmount, 0)
@@ -200,26 +200,7 @@ export function AurixPayGrabPayDeposit() {
                     accountNumber: data.accountNumber,
                 });
             }
-        }), noValidate: true, children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Account number" }), _jsx(Field.Input, { ...form.register('accountNumber', {
-                            onChange: (e) => {
-                                // Allow only digits and leading +
-                                let value = e.target.value;
-                                // Remove all non-digit except leading +
-                                value = value.replace(/(?!^)\D/g, '');
-                                if (value.startsWith('+')) {
-                                    // keep leading +
-                                    value = '+' + value.slice(1).replace(/\D/g, '');
-                                }
-                                else {
-                                    // remove all non-digits
-                                    value = value.replace(/\D/g, '');
-                                }
-                                e.target.value = value;
-                                form.setValue('accountNumber', value, {
-                                    shouldValidate: true,
-                                });
-                            },
-                        }), inputMode: "tel", pattern: "^\\+?[0-9]*$", autoComplete: "tel" }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] }), _jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-lg", children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
+        }), noValidate: true, children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Account number" }), _jsx(Field.Input, { ...form.register('accountNumber') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] }), _jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-lg", children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
                                 o.field.onChange(details.value);
                             }, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Enter amount you want to deposit" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, {}), _jsx(NumberInput.IncrementTrigger, { children: _jsx(ChevronUpIcon, {}) }), _jsx(NumberInput.DecrementTrigger, { children: _jsx(ChevronDownIcon, {}) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] })) }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount'), 0), onChange: (value) => {
                     form.setValue('amount', value.toString(), {

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

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

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

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

package/dist/components/PortalProvider/SessionWatcher.js

@@ -10,10 +10,12 @@ import { toaster } from '../../client/utils/toaster.js';
 export function SessionWatcher() {
     const router = useRouter();
     const sessionQuery = useSessionQuery();
+    console.log('sessionQuery', sessionQuery.data);
     const sessionHealthQuery = useSessionHealthQuery({
         enabled: sessionQuery.data?.status === 'authenticated',
         refetchInterval: 1000 * 5,
     });
+    console.log('sessionHealthQuery', sessionHealthQuery.data);
     const { gameLaunch } = useGlobalStore(useShallow((ctx) => ({
         gameLaunch: ctx.gameLaunch,
     })));

package/dist/components/Search/Search.lazy.js

@@ -72,7 +72,9 @@ export function Search(props) {
     const classNames = isString(props.className)
         ? { root: props.className }
         : (props.className ?? {});
-    console.log({ search });
+    function fixMojibake(str) {
+        return str.replace(/ÔÇÖ/g, "'").replace(/ÔÇô/g, '');
+    }
     return (_jsx(Dialog.Root, { open: globalStore.search.open, onOpenChange: (details) => {
             globalStore.search.setOpen(details.open);
             setSearch('');
@@ -88,7 +90,7 @@ export function Search(props) {
                                                                                 reference: game.reference,
                                                                                 provider: game.provider,
                                                                                 image: game.image,
-                                                                            }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', props.variant !== '88play' && 'truncate', classNames.gameThumbnailTitle), children: game.name })] }, game.id))) })] })), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-12 w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) }) })] }) })] }) }));
+                                                                            }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', props.variant !== '88play' && 'truncate', classNames.gameThumbnailTitle), children: fixMojibake(game.name) })] }, game.id))) })] })), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-12 w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) }) })] }) })] }) }));
 }
 function DebouncedInput(props) {
     const [value, setValue] = useControllableState({

package/dist/components/SingleSignOn/SingleSignOn.d.ts

@@ -1,4 +1,4 @@
-export declare function SingleSignOn(): import("react/jsx-runtime").JSX.Element;
+export declare function SingleSignOn(): import("react/jsx-runtime").JSX.Element | null;
 export declare function VerifyMobileNumber({ onClose }: {
     onClose?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/SingleSignOn/SingleSignOn.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
 import Image from 'next/image';
 import { useParams, useRouter, useSearchParams } from 'next/navigation';
@@ -45,6 +45,8 @@ export function SingleSignOn() {
             toaster.error({
                 description: 'Account creation failed',
             });
+            setIsSsoOpen(false);
+            router.push('/');
         },
     });
     // biome-ignore lint/correctness/useExhaustiveDependencies: We only want to trigger the mutation when the URL parameters change.
@@ -54,12 +56,18 @@ export function SingleSignOn() {
             ssoMutation.mutate({ partnerId, token });
         }
     }, [partnerId, token]);
-    return (_jsxs(_Fragment, { children: [_jsx(Dialog.Root, { open: isSsoOpen, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex h-[333px] w-[375px] flex-col items-center space-y-4 bg-[#111827] p-6 text-center justify-between", style: {
-                                    backgroundImage: `url(${lightBg.src})`,
-                                }, children: [_jsxs("div", { className: 'flex flex-col items-center', children: [_jsx(Image, { src: inplayLogo, alt: "inplay logo", width: 82, height: 34, className: "h-auto w-[82px] " }), ssoMutation.isError ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-[#CECFD2] text-sm mt-4", children: "Account creation failed. Please try again." }), _jsx(Button, { type: "button", className: 'mt-4', onClick: () => router.push('/'), children: "Back to home page" })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "mb-4 h-7 w-7 animate-spin rounded-full border-4 border-[#101730] border-t-[#F05027]" }), _jsx("div", { className: "text-[#CECFD2] text-sm", children: "We're creating an account for you..." }), _jsx("div", { className: "text-[#CECFD2] text-sm", children: "In the meantime, you can watch your favorite series on CinePop!" })] }))] }), _jsxs("div", { className: "pt-3", children: [_jsx(Image, { src: cinePopLogo, alt: "cine poplogo", width: 151, height: 24, className: "mx-auto mb-2 h-auto w-[151px]" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { src: secretConfessionsLogo, alt: "secret confessions logo", width: 104, height: 53, className: "h-auto w-[104px]" }), _jsx(Image, { src: dearUtolLogo, alt: "dear utol logo", width: 105, height: 53, className: "h-auto w-[105px]" }), _jsx(Image, { src: mariasDiary, alt: "maria's diary logo", width: 104, height: 53, className: "h-auto w-[104px]" })] })] })] }) })] }) }), showVerifyDialog && (_jsx(VerifyMobileNumber, { onClose: () => {
-                    setShowVerifyDialog(false);
-                    router.push('/');
-                } }))] }));
+    if (ssoMutation.isPending) {
+        return (_jsx(Dialog.Root, { open: isSsoOpen, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex h-[333px] w-[375px] flex-col items-center space-y-4 bg-[#111827] p-6 text-center", style: {
+                                backgroundImage: `url(${lightBg.src})`,
+                            }, children: [_jsx(Image, { src: inplayLogo, alt: "inplay logo", width: 82, height: 34, className: "h-auto w-[82px]" }), _jsx("div", { className: "mb-4 h-7 w-7 animate-spin rounded-full border-4 border-[#101730] border-t-[#F05027]" }), _jsx("div", { className: "text-[#CECFD2] text-sm", children: "We\u2019re creating an account for you..." }), _jsx("div", { className: "text-[#CECFD2] text-sm", children: "In the meantime, you can watch your favorite series on CinePop!" }), _jsxs("div", { className: "pt-3", children: [_jsx(Image, { src: cinePopLogo, alt: "cine poplogo", width: 151, height: 24, className: "mx-auto mb-2 h-auto w-[151px]" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { src: secretConfessionsLogo, alt: "secret confessions logo", width: 104, height: 53, className: "h-auto w-[104px]" }), _jsx(Image, { src: dearUtolLogo, alt: "dear utol logo", width: 105, height: 53, className: "h-auto w-[105px]" }), _jsx(Image, { src: mariasDiary, alt: "maria's diary logo", width: 104, height: 53, className: "h-auto w-[104px]" })] })] })] }) })] }) }));
+    }
+    if (showVerifyDialog) {
+        return (_jsx(VerifyMobileNumber, { onClose: () => {
+                setShowVerifyDialog(false);
+                router.push('/');
+            } }));
+    }
+    return null;
 }
 export function VerifyMobileNumber({ onClose }) {
     const [step, setStep] = useState(1);

package/dist/ui/QrCode/QrCode.d.ts

@@ -4,8 +4,8 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -14,29 +14,29 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const DownloadTrigger: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -45,29 +45,29 @@ export declare const DownloadTrigger: import("react").ComponentType<import("@ark
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Frame: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.FrameProps & import("react").RefAttributes<SVGSVGElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -76,29 +76,29 @@ export declare const Frame: import("react").ComponentType<import("@ark-ui/react"
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Overlay: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.OverlayProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -107,29 +107,29 @@ export declare const Overlay: import("react").ComponentType<import("@ark-ui/reac
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Pattern: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.PatternProps & import("react").RefAttributes<SVGPathElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -138,20 +138,20 @@ export declare const Pattern: import("react").ComponentType<import("@ark-ui/reac
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: QrCode.ContextProps) => import("react").ReactNode;

package/dist/ui/QrCode/qrCode.recipe.d.ts

@@ -3,8 +3,8 @@ export declare const qrCodeRecipe: import("tailwind-variants").TVReturnType<{
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -13,19 +13,19 @@ export declare const qrCodeRecipe: import("tailwind-variants").TVReturnType<{
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            frame?: import("tailwind-variants").ClassValue;
             overlay?: import("tailwind-variants").ClassValue;
+            frame?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
+} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.931",
+	"version": "0.0.933",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",

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

@@ -1,4 +0,0 @@
-import type { SetOptional } from 'type-fest';
-import { type CreateAiOGCashDepositInput } from '../../services/wallet';
-import type { Deposit, Mutation } from '../../types';
-export declare const useCreateAiOGCashDepositMutation: Mutation<Deposit, SetOptional<CreateAiOGCashDepositInput, 'id'>>;

package/dist/client/hooks/useAiOGCashDepositMutation.js

@@ -1,90 +0,0 @@
-import { ObjectId } from '@opexa/object-id';
-import { useMutation } from '@tanstack/react-query';
-import { clamp } from 'lodash-es';
-import invariant from 'tiny-invariant';
-import { explainError } from '../../components/DepositWithdrawal/utils.js';
-import { OPEXAPAY_ENDPOINT } from '../../constants/index.js';
-import { ObjectType } from '../../services/ObjectType.js';
-import { createAiOGCashDeposit, getDeposit, } from '../../services/wallet.js';
-import { capitalize } from '../../utils/capitalize.js';
-import { createPoll } from '../../utils/createPoll.js';
-import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getCreateAiOGCashDepositMutationKey } from '../../utils/mutationKeys.js';
-import { parseDecimal } from '../../utils/parseDecimal.js';
-import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
-import { getSession } from '../services/getSession.js';
-export const useCreateAiOGCashDepositMutation = (config) => {
-    const queryClient = getQueryClient();
-    const mutation = useMutation({
-        ...config,
-        mutationKey: getCreateAiOGCashDepositMutationKey(),
-        mutationFn: async (input) => {
-            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
-            const session = await getSession();
-            invariant(session.status === 'authenticated');
-            const successRedirectUrl = new URL('/transactions', input.redirectUrl);
-            successRedirectUrl.searchParams.set('tab', 'deposits');
-            successRedirectUrl.searchParams.set('id', id);
-            await createAiOGCashDeposit({
-                ...input,
-                id,
-                redirectUrl: `${OPEXAPAY_ENDPOINT}/aio/success?redirectUrl=${encodeURIComponent(successRedirectUrl.toString())}`,
-            }, {
-                headers: {
-                    Authorization: `Bearer ${session.token}`,
-                    ...(session.domain && {
-                        Domain: session.domain,
-                    }),
-                },
-            });
-            const poll = createPoll(async () => {
-                const session = await getSession();
-                invariant(session.status === 'authenticated');
-                return await getDeposit(id, {
-                    headers: {
-                        Authorization: `Bearer ${session.token}`,
-                    },
-                });
-            }, {
-                until(res) {
-                    return (!!res?.checkoutUrl || !!res?.error || res?.status === 'FAILED');
-                },
-                interval: 1000,
-                maxAttempt: 20,
-            });
-            const res = await poll();
-            if (res?.error) {
-                const error = new Error();
-                error.name = capitalize(res.error, {
-                    delimiter: capitalize.delimiters.UNDERSCORE,
-                });
-                error.message = explainError(res.error);
-                throw error;
-            }
-            if (!res?.checkoutUrl) {
-                const error = new Error();
-                error.name = 'AiOGCashDepositError';
-                error.message = 'Failed to process GCash deposit';
-                throw error;
-            }
-            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
-            if (depositsCount <= 0) {
-                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
-                    return prev?.map((quest) => {
-                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
-                        if (quest.type === 'ONBOARDING') {
-                            return {
-                                ...quest,
-                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
-                                progressPercentage: progressPercentage.toFixed(2),
-                            };
-                        }
-                        return quest;
-                    });
-                });
-            }
-            return res;
-        },
-    });
-    return mutation;
-};

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

@@ -1,4 +0,0 @@
-import type { SetOptional } from 'type-fest';
-import { type CreateAiOGrabPayDepositInput } from '../../services/wallet';
-import type { Deposit, Mutation } from '../../types';
-export declare const useCreateAiOGrabPayDepositMutation: Mutation<Deposit, SetOptional<CreateAiOGrabPayDepositInput, 'id'>>;