@opexa/portal-components 0.0.175 → 0.0.177

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

@@ -0,0 +1,3 @@
+import type { Mutation } from '../../types';
+import { type UpdateSessionInput } from '../services/updateSession';
+export declare const useUpdateSessionMutation: Mutation<boolean, UpdateSessionInput>;

package/dist/client/hooks/useUpdateSessionMutation.js

@@ -0,0 +1,26 @@
+import { useMutation } from '@tanstack/react-query';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getUpdateSessionMutationKey } from '../../utils/mutationKeys.js';
+import { getSessionQueryKey } from '../../utils/queryKeys.js';
+import { updateSession, } from '../services/updateSession.js';
+export const useUpdateSessionMutation = (config) => {
+    const queryClient = getQueryClient();
+    return useMutation({
+        ...config,
+        mutationKey: getUpdateSessionMutationKey(),
+        mutationFn: async (input) => {
+            const ok = await updateSession(input);
+            queryClient.setQueryData(getSessionQueryKey(), (prev) => {
+                if (!prev)
+                    return prev;
+                if (!input.domain)
+                    return prev;
+                return {
+                    ...prev,
+                    ...input,
+                };
+            });
+            return ok;
+        },
+    });
+};

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

@@ -0,0 +1,5 @@
+import { type HttpRequestOptions } from '../../services/httpRequest';
+export interface UpdateSessionInput {
+    domain?: string;
+}
+export declare const updateSession: (input: UpdateSessionInput, options?: HttpRequestOptions) => Promise<boolean>;

package/dist/client/services/updateSession.js

@@ -0,0 +1,10 @@
+import { cache } from 'react';
+import { httpRequest, } from '../../services/httpRequest.js';
+export const updateSession = cache(async (input, options) => {
+    const { ok } = await httpRequest.json('/api/sessions', {
+        ...options,
+        method: 'PATCH',
+        body: JSON.stringify(input),
+    });
+    return ok;
+});

package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js

@@ -8,7 +8,9 @@ import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useAvailablePromosQuery } from '../../../../client/hooks/useAvailablePromosQuery.js';
 import { useCreateGCashDepositMutation } from '../../../../client/hooks/useCreateGCashDepositMutation.js';
+import { useDepositQuery } from '../../../../client/hooks/useDepositQuery.js';
 import { useDepositsCountQuery } from '../../../../client/hooks/useDepositsCountQuery.js';
+import { useDisclosure } from '../../../../client/hooks/useDisclosure.js';
 import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
@@ -27,24 +29,49 @@ import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext
 import { AvailablePromos } from '../AvailablePromos.js';
 export function GCashDeposit() {
     const depositWithdrawalProps = useDepositWithdrawalPropsContext();
+    const disclosure = useDisclosure();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateGCashDepositMutation({
         onMutate() {
+            disclosure.setOpen(true);
             setStatus('processing');
         },
         onSuccess(data) {
             invariant(data.checkoutUrl);
             window.open(data.checkoutUrl, '_blank', 'noopener,noreferrer');
             form.reset();
-            setStatus('success');
+            disclosure.setOpen(false);
         },
         onError() {
+            disclosure.setOpen(true);
             setStatus('failed');
         },
     });
+    const depositQuery = useDepositQuery(createDepositMutation.data?.id, {
+        enabled: createDepositMutation.data != null,
+        refetchInterval(ctx) {
+            if (ctx.state.data?.status === 'CANCELLED' ||
+                ctx.state.data?.status === 'CONFIRMED') {
+                return false;
+            }
+            else {
+                return 2500;
+            }
+        },
+    });
+    useEffect(() => {
+        if (depositQuery.data?.status === 'CANCELLED') {
+            disclosure.setOpen(true);
+            setStatus('failed');
+        }
+        else if (depositQuery.data?.status === 'CONFIRMED') {
+            disclosure.setOpen(true);
+            setStatus('success');
+        }
+    }, [depositQuery.data?.status, disclosure]);
     const depositsCountQuery = useDepositsCountQuery();
     const depositsCount = depositsCountQuery.data ?? 0;
     const paymentSettingsQuery = usePaymentSettingsQuery();
@@ -117,13 +144,13 @@ export function GCashDeposit() {
             });
         }
     }, [form, minimumAmount]);
-    const handleSubmit = form.handleSubmit(async (data) => {
-        createDepositMutation.mutate({
-            amount: data.amount.toString(),
-            promo: data.promo ?? undefined,
-        });
-    });
-    return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, children: [_jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
+    return (_jsxs("form", { onSubmit: form.handleSubmit(async (data) => {
+            createDepositMutation.reset();
+            createDepositMutation.mutate({
+                amount: data.amount.toString(),
+                promo: data.promo ?? undefined,
+            });
+        }), noValidate: true, children: [_jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
                                 o.field.onChange(details.value);
                             }, formatOptions: {
                                 maximumFractionDigits: 2,
@@ -137,11 +164,9 @@ export function GCashDeposit() {
                 }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: (value) => {
                         o.field.onChange(value);
                         globalStore.depositWithdrawal.setPromo(null);
-                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.privacyPolicyUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
-                    if (!details.open) {
-                        setStatus('waiting');
-                    }
-                }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+2)]" }), _jsx(AlertDialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)]", children: _jsxs(AlertDialog.Content, { children: [_jsx(AlertDialog.CloseTrigger, { disabled: status === 'processing', children: _jsx(XIcon, {}) }), _jsxs(AlertDialog.Header, { children: [status === 'processing' && (_jsx(SpinnerIcon, { className: "text-text-brand-primary-600 size-12" })), status === 'success' && (_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) })), status === 'failed' && (_jsx("div", { className: "bg-bg-error-secondary text-text-featured-icon-light-error flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) }))] }), _jsxs(AlertDialog.Body, { children: [_jsxs(AlertDialog.Title, { children: [status === 'processing' && 'Processing Deposit', status === 'success' && 'Deposit Successful', status === 'failed' && 'Deposit Failed'] }), _jsxs(AlertDialog.Description, { children: [status === 'processing' &&
+                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.privacyPolicyUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: disclosure.open, onOpenChange: (details) => {
+                    disclosure.setOpen(details.open);
+                }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+2)]" }), _jsx(AlertDialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)]", children: _jsxs(AlertDialog.Content, { children: [_jsx(AlertDialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(AlertDialog.Header, { children: [status === 'processing' && (_jsx(SpinnerIcon, { className: "text-text-brand-primary-600 size-12" })), status === 'success' && (_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) })), status === 'failed' && (_jsx("div", { className: "bg-bg-error-secondary text-text-featured-icon-light-error flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) }))] }), _jsxs(AlertDialog.Body, { children: [_jsxs(AlertDialog.Title, { children: [status === 'processing' && 'Processing Deposit', status === 'success' && 'Deposit Successful', status === 'failed' && 'Deposit Failed'] }), _jsxs(AlertDialog.Description, { children: [status === 'processing' &&
                                                         "We're verifying your account and amount. Please hold a moment.", status === 'success' &&
                                                         'Your deposit has been successfully processed.', status === 'failed' &&
                                                         'Something went wrong while processing your deposit. Please try again or contact support.'] })] }), (status === 'failed' || status === 'success') && (_jsx(AlertDialog.Footer, { children: _jsx(AlertDialog.Context, { children: (api) => (_jsx(Button, { onClick: () => {

package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.js

@@ -8,7 +8,9 @@ import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useAvailablePromosQuery } from '../../../../client/hooks/useAvailablePromosQuery.js';
 import { useCreateMayaDepositMutation } from '../../../../client/hooks/useCreateMayaDepositMutation.js';
+import { useDepositQuery } from '../../../../client/hooks/useDepositQuery.js';
 import { useDepositsCountQuery } from '../../../../client/hooks/useDepositsCountQuery.js';
+import { useDisclosure } from '../../../../client/hooks/useDisclosure.js';
 import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
 import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
 import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
@@ -27,24 +29,49 @@ import { useDepositWithdrawalPropsContext } from '../../DepositWithdrawalContext
 import { AvailablePromos } from '../AvailablePromos.js';
 export function MayaDeposit() {
     const depositWithdrawalProps = useDepositWithdrawalPropsContext();
+    const disclosure = useDisclosure();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
     const [status, setStatus] = useState('waiting');
     const createDepositMutation = useCreateMayaDepositMutation({
         onMutate() {
+            disclosure.setOpen(true);
             setStatus('processing');
         },
         onSuccess(data) {
             invariant(data.checkoutUrl);
             window.open(data.checkoutUrl, '_blank', 'noopener,noreferrer');
             form.reset();
-            setStatus('success');
+            disclosure.setOpen(false);
         },
         onError() {
+            disclosure.setOpen(true);
             setStatus('failed');
         },
     });
+    const depositQuery = useDepositQuery(createDepositMutation.data?.id, {
+        enabled: createDepositMutation.data != null,
+        refetchInterval(ctx) {
+            if (ctx.state.data?.status === 'CANCELLED' ||
+                ctx.state.data?.status === 'CONFIRMED') {
+                return false;
+            }
+            else {
+                return 2500;
+            }
+        },
+    });
+    useEffect(() => {
+        if (depositQuery.data?.status === 'CANCELLED') {
+            disclosure.setOpen(true);
+            setStatus('failed');
+        }
+        else if (depositQuery.data?.status === 'CONFIRMED') {
+            disclosure.setOpen(true);
+            setStatus('success');
+        }
+    }, [depositQuery.data?.status, disclosure]);
     const depositsCountQuery = useDepositsCountQuery();
     const depositsCount = depositsCountQuery.data ?? 0;
     const paymentSettingsQuery = usePaymentSettingsQuery();
@@ -117,13 +144,13 @@ export function MayaDeposit() {
             });
         }
     }, [form, minimumAmount]);
-    const handleSubmit = form.handleSubmit(async (data) => {
-        createDepositMutation.mutate({
-            amount: data.amount.toString(),
-            promo: data.promo ?? undefined,
-        });
-    });
-    return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, children: [_jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
+    return (_jsxs("form", { onSubmit: form.handleSubmit(async (data) => {
+            createDepositMutation.reset();
+            createDepositMutation.mutate({
+                amount: data.amount.toString(),
+                promo: data.promo ?? undefined,
+            });
+        }), noValidate: true, children: [_jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
                                 o.field.onChange(details.value);
                             }, formatOptions: {
                                 maximumFractionDigits: 2,
@@ -137,11 +164,9 @@ export function MayaDeposit() {
                 }, min: minimumAmount, max: maximumAmount, className: "mt-lg" }), _jsx(Controller, { control: form.control, name: "promo", render: (o) => (_jsx(AvailablePromos, { value: o.field.value, onChange: (value) => {
                         o.field.onChange(value);
                         globalStore.depositWithdrawal.setPromo(null);
-                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.privacyPolicyUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: status !== 'waiting', onOpenChange: (details) => {
-                    if (!details.open) {
-                        setStatus('waiting');
-                    }
-                }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+2)]" }), _jsx(AlertDialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)]", children: _jsxs(AlertDialog.Content, { children: [_jsx(AlertDialog.CloseTrigger, { disabled: status === 'processing', children: _jsx(XIcon, {}) }), _jsxs(AlertDialog.Header, { children: [status === 'processing' && (_jsx(SpinnerIcon, { className: "text-text-brand-primary-600 size-12" })), status === 'success' && (_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) })), status === 'failed' && (_jsx("div", { className: "bg-bg-error-secondary text-text-featured-icon-light-error flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) }))] }), _jsxs(AlertDialog.Body, { children: [_jsxs(AlertDialog.Title, { children: [status === 'processing' && 'Processing Deposit', status === 'success' && 'Deposit Successful', status === 'failed' && 'Deposit Failed'] }), _jsxs(AlertDialog.Description, { children: [status === 'processing' &&
+                    }, className: "mt-3xl" })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: createDepositMutation.isPending, children: "Deposit" }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-xs", children: ["By depositing, you agree to our", ' ', _jsx(Link, { href: depositWithdrawalProps.termsOfUseUrl ?? '/terms-of-use', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Terms of Use" }), ' ', "and", ' ', _jsx(Link, { href: depositWithdrawalProps.privacyPolicyUrl ?? '/privacy-policy', onClick: () => globalStore.depositWithdrawal.setOpen(false), className: "text-text-warning-primary-600 underline underline-offset-2", children: "Privacy Policy" }), "."] }), _jsx(AlertDialog.Root, { open: disclosure.open, onOpenChange: (details) => {
+                    disclosure.setOpen(details.open);
+                }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+2)]" }), _jsx(AlertDialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)]", children: _jsxs(AlertDialog.Content, { children: [_jsx(AlertDialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(AlertDialog.Header, { children: [status === 'processing' && (_jsx(SpinnerIcon, { className: "text-text-brand-primary-600 size-12" })), status === 'success' && (_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) })), status === 'failed' && (_jsx("div", { className: "bg-bg-error-secondary text-text-featured-icon-light-error flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, {}) }))] }), _jsxs(AlertDialog.Body, { children: [_jsxs(AlertDialog.Title, { children: [status === 'processing' && 'Processing Deposit', status === 'success' && 'Deposit Successful', status === 'failed' && 'Deposit Failed'] }), _jsxs(AlertDialog.Description, { children: [status === 'processing' &&
                                                         "We're verifying your account and amount. Please hold a moment.", status === 'success' &&
                                                         'Your deposit has been successfully processed.', status === 'failed' &&
                                                         'Something went wrong while processing your deposit. Please try again or contact support.'] })] }), (status === 'failed' || status === 'success') && (_jsx(AlertDialog.Footer, { children: _jsx(AlertDialog.Context, { children: (api) => (_jsx(Button, { onClick: () => {

package/dist/components/PortalProvider/PortalProvider.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export interface PortalProviderProps {
     googleAnalyticsId?: string;
     googleTagManagerId?: string;

package/dist/components/PortalProvider/PortalProvider.js

@@ -1,6 +1,7 @@
-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 { GoogleAnalytics, GoogleTagManager } from '@next/third-parties/google';
 import { dehydrate, HydrationBoundary } from '@tanstack/react-query';
+import { Suspense } from 'react';
 import { prefetchAccountQuery } from '../../server/utils/prefetchAccountQuery.js';
 import { prefetchPlatformQuery } from '../../server/utils/prefetchPlatformQuery.js';
 import { prefetchSessionQuery } from '../../server/utils/prefetchSessionQuery.js';
@@ -8,6 +9,7 @@ import { prefetchWalletQuery } from '../../server/utils/prefetchWalletQuery.js';
 import { FacebookPixel, GoogleRecaptcha } from '../../third-parties/index.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { Providers } from './Providers.js';
+import { SetupDomain } from './SetupDomain.js';
 import { Snackbar } from './Snackbar.js';
 import { WebVitals } from './WebVitals.js';
 export async function PortalProvider({ children, facebookPixelId, googleAnalyticsId, googleTagManagerId, googleRecaptchaSiteKey, }) {
@@ -18,5 +20,5 @@ export async function PortalProvider({ children, facebookPixelId, googleAnalytic
         prefetchAccountQuery(),
         prefetchWalletQuery(),
     ]);
-    return (_jsxs(_Fragment, { children: [_jsx(WebVitals, {}), _jsx(Providers, { children: _jsx(HydrationBoundary, { state: dehydrate(queryClient), children: children }) }), _jsx(Snackbar, {}), facebookPixelId && _jsx(FacebookPixel, { fbId: facebookPixelId }), googleAnalyticsId && _jsx(GoogleAnalytics, { gaId: googleAnalyticsId }), googleTagManagerId && _jsx(GoogleTagManager, { gtmId: googleTagManagerId }), googleRecaptchaSiteKey && (_jsx(GoogleRecaptcha, { siteKey: googleRecaptchaSiteKey }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(WebVitals, {}), _jsx(Providers, { children: _jsxs(HydrationBoundary, { state: dehydrate(queryClient), children: [children, _jsx(Suspense, { fallback: null, children: _jsx(SetupDomain, {}) })] }) }), _jsx(Snackbar, {}), facebookPixelId && _jsx(FacebookPixel, { fbId: facebookPixelId }), googleAnalyticsId && _jsx(GoogleAnalytics, { gaId: googleAnalyticsId }), googleTagManagerId && _jsx(GoogleTagManager, { gtmId: googleTagManagerId }), googleRecaptchaSiteKey && (_jsx(GoogleRecaptcha, { siteKey: googleRecaptchaSiteKey }))] }));
 }

package/dist/components/PortalProvider/SetupDomain.d.ts

@@ -0,0 +1 @@
+export declare function SetupDomain(): null;

package/dist/components/PortalProvider/SetupDomain.js

@@ -0,0 +1,18 @@
+'use client';
+import { useSearchParams } from 'next/navigation';
+import { useTimeout } from 'usehooks-ts';
+import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
+import { useUpdateSessionMutation } from '../../client/hooks/useUpdateSessionMutation.js';
+export function SetupDomain() {
+    const searchParams = useSearchParams();
+    const sessionQuery = useSessionQuery();
+    const updateSessionMutation = useUpdateSessionMutation();
+    useTimeout(() => {
+        const market = searchParams.get('m');
+        const domain = `${window.location.host}/${market}`;
+        if (domain === sessionQuery.data?.domain)
+            return;
+        updateSessionMutation.mutate({ domain });
+    }, sessionQuery.isPending ? null : searchParams.has('m') ? 1000 : null);
+    return null;
+}

package/dist/handlers.d.ts

@@ -36,3 +36,8 @@ export declare const POST: (request: NextRequest, { params }: {
         auth: string[];
     }>;
 }) => Promise<NextResponse>;
+export declare const PATCH: (request: NextRequest, { params }: {
+    params: Promise<{
+        auth: string[];
+    }>;
+}) => Promise<NextResponse>;

package/dist/handlers.js

@@ -62,7 +62,7 @@ export const GET = async (request, { params }) => {
     if (path === 'sessions') {
         const accessToken = request.cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
         const refreshToken = request.cookies.get(REFRESH_TOKEN_COOKIE_NAME)?.value;
-        const domain = request.cookies.get(DOMAIN_COOKIE_NAME)?.value ?? request.nextUrl.origin;
+        const domain = request.cookies.get(DOMAIN_COOKIE_NAME)?.value ?? request.nextUrl.host;
         if (!refreshToken) {
             const response = NextResponse.json({
                 ok: true,
@@ -260,3 +260,38 @@ export const POST = async (request, { params }) => {
         message: 'Not found',
     }, { status: 404 });
 };
+const UpdateSessionDefinition = z.object({
+    domain: z.string().optional().nullable(),
+});
+export const PATCH = async (request, { params }) => {
+    const { auth } = await params;
+    const path = auth[0];
+    /*
+     *
+     * PATCH -> /api/sessions
+     *
+     */
+    if (path === 'sessions') {
+        const body = await request.json();
+        const parsed = UpdateSessionDefinition.safeParse(body);
+        if (!parsed.success) {
+            return NextResponse.json({
+                ok: false,
+                message: parsed.error.issues[0].message,
+            }, { status: 400 });
+        }
+        const response = NextResponse.json({ ok: true });
+        if (parsed.data.domain) {
+            response.cookies.set(DOMAIN_COOKIE_NAME, parsed.data.domain, {
+                expires: addDays(new Date(), 30),
+                httpOnly: true,
+                sameSite: 'strict',
+            });
+        }
+        return response;
+    }
+    return NextResponse.json({
+        ok: false,
+        message: 'Not found',
+    }, { status: 404 });
+};

package/dist/middleware.js

@@ -1,25 +1,11 @@
-import { addDays, addMinutes } from 'date-fns';
+import { addMinutes } from 'date-fns';
 import { NextFetchEvent, NextResponse, } from 'next/server';
-import { ACCESS_TOKEN_COOKIE_NAME, DOMAIN_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from './constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from './constants/index.js';
 import { refreshSession } from './services/auth.js';
 export const middleware = async (req) => {
     const accessToken = req.cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
     const refreshToken = req.cookies.get(REFRESH_TOKEN_COOKIE_NAME)?.value;
     const res = NextResponse.next();
-    if (req.nextUrl.searchParams.has('m')) {
-        res.cookies.set(DOMAIN_COOKIE_NAME, `${req.nextUrl.hostname}/${req.nextUrl.searchParams.get('m')}`, {
-            expires: addDays(new Date(), 30),
-            httpOnly: true,
-            sameSite: 'strict',
-        });
-    }
-    if (!res.cookies.has(DOMAIN_COOKIE_NAME)) {
-        res.cookies.set(DOMAIN_COOKIE_NAME, req.nextUrl.origin, {
-            expires: addDays(new Date(), 30),
-            httpOnly: true,
-            sameSite: 'strict',
-        });
-    }
     if (!accessToken && refreshToken) {
         try {
             const data = await refreshSession({

package/dist/server/services/getSession.js

@@ -5,9 +5,10 @@ export const getSession = cache(async () => {
     const Cookies = await cookies();
     const Headers = await headers();
     const token = Cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
-    const headerProto = Headers.get('x-forwarded-proto') ?? 'http';
-    const headerHost = Headers.get('x-forwarded-host') ?? 'localhost';
-    const domain = Cookies.get(DOMAIN_COOKIE_NAME)?.value ?? `${headerProto}://${headerHost}`;
+    const domain = Cookies.get(DOMAIN_COOKIE_NAME)?.value ??
+        Headers.get('host') ??
+        Headers.get('x-forwarded-host') ??
+        'localhost';
     return token
         ? {
             status: 'authenticated',

package/dist/utils/mutationKeys.d.ts

@@ -30,3 +30,4 @@ export declare const getCompleteOnboardingMutationKey: () => MutationKey;
 export declare const getSkipOnboardingMutationKey: () => MutationKey;
 export declare const getUploadImageFileMutationKey: () => MutationKey;
 export declare const getResetPasswordMutationKey: () => MutationKey;
+export declare const getUpdateSessionMutationKey: () => MutationKey;

package/dist/utils/mutationKeys.js

@@ -114,3 +114,7 @@ export const getResetPasswordMutationKey = () => [
     PARENT_KEY,
     'resetPassword',
 ];
+export const getUpdateSessionMutationKey = () => [
+    PARENT_KEY,
+    'updateSession',
+];

package/package.json

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