@opexa/portal-components 0.0.176 → 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/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.176",
+  "version": "0.0.177",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",