@opexa/portal-components 0.0.946 → 0.0.947

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

@@ -80,6 +80,7 @@ export interface GlobalStore {
     sidebar__mobile: PopupStore;
     kyc: PopupStore;
     kycReminder: PopupStore;
+    kycReview: PopupStore;
     spotBonus: PopupStore;
     registerBiometrics: PopupStore;
     termsAndConditions: TermsAndConditionsStore;

package/dist/client/hooks/useGlobalStore.js

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

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/KYC/KYCDefault/KYCDefault.d.ts

@@ -5,5 +5,6 @@ export interface KYCDefaultProps extends KYCReminderProps {
     logo: ImageProps['src'];
     isSkippable?: boolean;
     requireMobileNumber?: boolean;
+    hasKYCReviewPromo?: boolean;
 }
 export declare function KYCDefault(props: KYCDefaultProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/KYCDefault/KYCDefault.js

@@ -7,6 +7,7 @@ import { useSessionQuery } from '../../../client/hooks/useSessionQuery.js';
 import { Dialog } from '../../../ui/Dialog/index.js';
 import { Portal } from '../../../ui/Portal/index.js';
 import { KYCReminder } from '../KYCReminder.js';
+import { KYCReview } from '../KYCReview.js';
 import { IdentityVerification } from './IdentityVerification.js';
 import { Indicator } from './Indicator.js';
 import { KYCDefaultContext } from './KYCDefaultContext.js';
@@ -18,7 +19,7 @@ export function KYCDefault(props) {
         kycReminder: ctx.kycReminder,
         responsibleGamingReminder: ctx.responsibleGamingReminder,
     })));
-    const kyc = useKYCDefault(props?.isSkippable ?? false);
+    const kyc = useKYCDefault(props?.isSkippable ?? false, props?.hasKYCReviewPromo ?? false);
     const { isLoading: sessionLoading } = useSessionQuery();
     const accountQuery = useAccountQuery();
     const account = accountQuery.data;
@@ -28,5 +29,5 @@ export function KYCDefault(props) {
         : baseCondition;
     return (_jsxs(_Fragment, { children: [_jsx(KYCDefaultContext, { value: kyc, children: _jsx(Dialog.Root, { open: isDialogOpen, onOpenChange: (details) => {
                         globalStore.kyc.setOpen(details.open);
-                    }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "fixed top-[57px] overflow-hidden", children: _jsx(Dialog.Content, { className: "mx-auto h-full w-full overflow-y-auto bg-bg-primary-alt md:max-h-[95vh] lg:w-fit", children: _jsxs("div", { className: "mt-[calc(var(--safe-area-inset-top)*3)] flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit lg:w-[400px]", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(IdentityVerification, {}), kyc.step === 2 && _jsx(PersonalInformation, {})] }) }) })] }) }) }), _jsx(KYCReminder, { ...props })] }));
+                    }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "fixed top-[57px] overflow-hidden", children: _jsx(Dialog.Content, { className: "mx-auto h-full w-full overflow-y-auto bg-bg-primary-alt md:max-h-[95vh] lg:w-fit", children: _jsxs("div", { className: "mt-[calc(var(--safe-area-inset-top)*3)] flex h-dvh w-full flex-col overflow-y-auto p-3xl sm:h-fit lg:w-[400px]", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(IdentityVerification, {}), kyc.step === 2 && _jsx(PersonalInformation, {})] }) }) })] }) }) }), _jsx(KYCReminder, { ...props }), _jsx(KYCReview, {})] }));
 }

package/dist/components/KYC/KYCDefault/PersonalInformation.js

@@ -37,6 +37,7 @@ export function PersonalInformation() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         kyc: ctx.kyc,
         kycReminder: ctx.kycReminder,
+        kycReview: ctx.kycReview,
     })));
     const memberVerificationQuery = useMemberVerificationQuery();
     const memberVerificationId = memberVerificationQuery.data?.id;
@@ -76,6 +77,9 @@ export function PersonalInformation() {
             });
             kyc.setDone(true);
             globalStore.kyc.setOpen(false);
+            if (kyc.hasKYCReviewPromo) {
+                globalStore.kycReview.setOpen(true);
+            }
             toaster.success({
                 title: 'Success',
                 description: 'Personal information has been set successfully.',
@@ -91,6 +95,9 @@ export function PersonalInformation() {
         onSuccess() {
             kyc.setDone(true);
             globalStore.kyc.setOpen(false);
+            if (kyc.hasKYCReviewPromo) {
+                globalStore.kycReview.setOpen(true);
+            }
             toaster.success({
                 title: 'Success',
                 description: 'Personal information has been set successfully.',

package/dist/components/KYC/KYCDefault/useKYCDefault.d.ts

@@ -21,6 +21,7 @@ export interface UseKYCDefaultReturn {
     setSelfieImageId: (id: string | null) => void;
     reset: () => void;
     isSkippable: boolean;
+    hasKYCReviewPromo: boolean;
 }
-export declare function useKYCDefault(isSkippable: boolean): UseKYCDefaultReturn;
+export declare function useKYCDefault(isSkippable: boolean, hasKYCReviewPromo: boolean): UseKYCDefaultReturn;
 export {};

package/dist/components/KYC/KYCDefault/useKYCDefault.js

@@ -1,5 +1,5 @@
 import { useRef, useState } from 'react';
-export function useKYCDefault(isSkippable) {
+export function useKYCDefault(isSkippable, hasKYCReviewPromo) {
     const [step, setStep] = useState(1);
     const [done, setDone] = useState(false);
     const [idFrontImageId, setFrontImageId] = useState(null);
@@ -35,5 +35,6 @@ export function useKYCDefault(isSkippable) {
         triggerEvent,
         reset,
         isSkippable,
+        hasKYCReviewPromo,
     };
 }

package/dist/components/KYC/KYCReview.d.ts

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

package/dist/components/KYC/KYCReview.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, 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 cinePopLogo from '../../images/cinepop-logo.png';
+import dearUtolLogo from '../../images/dear-utol-logo.png';
+import mariasDiary from '../../images/marias-diary-logo.png';
+import secretConfessionsLogo from '../../images/secret-confessions-logo.png';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function KYCReview() {
+    const { kycReview } = useGlobalStore(useShallow((s) => ({ kycReview: s.kycReview })));
+    return (_jsx(Dialog.Root, { open: kycReview.open, 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 w-[375px] flex-col items-center justify-between space-y-4 border bg-[#232443] p-6 text-center", children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "mb-4 h-7 w-7 animate-spin rounded-full border-4 border-[#101730] border-t-[#F05027]" }), _jsx("div", { className: "font-semibold text-[#F5F5F6] text-lg", children: "Thanks for your submission." }), _jsxs("div", { className: "mt-1 text-[#CECFD2] text-sm", children: ["We\u2019re now ", '', _jsxs("span", { className: "text-[#F96B47]", children: ["reviewing your KYC information ", ''] }), "and will notify you once the verification is complete."] }), _jsx("div", { className: "mt-6 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]" })] })] }), _jsx("button", { type: "button", className: "h-[44px] w-full rounded-md font-semibold", style: {
+                                    background: 'linear-gradient(90deg, #9333E8 0%, #D92778 100%)',
+                                }, onClick: () => {
+                                    window.open('https://cinepop.film/', '_blank');
+                                    kycReview.setOpen(false);
+                                }, children: "Watch Cinepop" })] }) })] }) }));
+}

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/handlers/index.d.ts

@@ -18,14 +18,14 @@ export declare const GET: (req: NextRequest, { params }: Context) => Promise<Nex
     __error?: unknown;
 } | {
     ok: true;
-    data: Record<string, unknown>;
+    data: import("../types").Session;
 }> | NextResponse<{
     ok: false;
     message: string;
     __error?: unknown;
 } | {
     ok: true;
-    data: import("../types").Session;
+    data: Record<string, unknown>;
 }>>;
 export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
     ok: true;

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.946",
+	"version": "0.0.947",
 	"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'>>;