@opexa/portal-components 0.0.167 → 0.0.169

package/dist/client/hooks/useAuthenticateMutation.js

@@ -3,13 +3,19 @@ import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getAuthenticateMutationKey } from '../../utils/mutationKeys.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
 import { authenticate } from '../services/authenticate.js';
+import { getSession } from '../services/getSession.js';
 export const useAuthenticateMutation = (config) => {
     const queryClient = getQueryClient();
     return useMutation({
         ...config,
         mutationKey: getAuthenticateMutationKey(),
         mutationFn: async (input) => {
-            await authenticate(input);
+            const session = await getSession();
+            await authenticate(input, {
+                headers: {
+                    Domain: session.domain,
+                },
+            });
             await queryClient.invalidateQueries({
                 queryKey: getSessionQueryKey(),
             });

package/dist/client/hooks/useCreateDigitainGameSessionMutatio.js

@@ -20,6 +20,7 @@ export const useCreateDigitainGameSessionMutatio = (config) => {
             }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
+                    Domain: session.domain,
                 },
             });
             const data = await createPoll(async () => {

package/dist/client/hooks/useCreateGCashDepositMutation.js

@@ -22,6 +22,7 @@ export const useCreateGCashDepositMutation = (config) => {
             await createGCashDeposit({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
+                    Domain: session.domain,
                 },
             });
             const poll = createPoll(async () => {

package/dist/client/hooks/useCreateGCashWithdrawalMutation.js

@@ -16,6 +16,7 @@ export const useCreateGCashWithdrawalMutation = (config) => {
             await createGCashWithdrawal({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
+                    Domain: session.domain,
                 },
             });
             return id;

package/dist/client/hooks/useCreateGameSessionMutation.js

@@ -22,6 +22,7 @@ export const useCreateGameSessionMutation = (config) => {
                     game: 'reference' in game ? game.reference : game.id,
                 }, {
                     headers: {
+                        Domain: session.domain,
                         Authorization: `Bearer ${session.token}`,
                     },
                 });
@@ -53,6 +54,7 @@ export const useCreateGameSessionMutation = (config) => {
                 }, {
                     headers: {
                         Authorization: `Bearer ${session.token}`,
+                        Domain: session.domain,
                     },
                 });
                 const data = await createPoll(async () => {

package/dist/client/hooks/useCreateInstapayWithdrawalMutation.js

@@ -16,6 +16,7 @@ export const useCreateInstapayWithdrawalMutation = (config) => {
             await createAIOInstapayWithdrawal({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
+                    Domain: session.domain,
                 },
             });
             return id;

package/dist/client/hooks/useCreateMayaAppDepositMutation.js

@@ -30,6 +30,7 @@ export const useCreateMayaAppDepositMutation = (config) => {
                 return await getDeposit(id, {
                     headers: {
                         Authorization: `Bearer ${session.token}`,
+                        Domain: session.domain,
                     },
                 });
             }, {

package/dist/client/hooks/useCreateMayaAppWithdrawalMutation.js

@@ -16,6 +16,7 @@ export const useCreateMayaAppWithdrawalMutation = (config) => {
             await createMayaAppWithdrawal({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
+                    Domain: session.domain,
                 },
             });
             return id;

package/dist/client/hooks/useCreateMayaDepositMutation.js

@@ -22,6 +22,7 @@ export const useCreateMayaDepositMutation = (config) => {
             await createMayaDeposit({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
+                    Domain: session.domain,
                 },
             });
             const poll = createPoll(async () => {

package/dist/client/hooks/useCreateMayaWithdrawalMutation.js

@@ -16,6 +16,7 @@ export const useCreateMayaWithdrawalMutation = (config) => {
             await createMayaWithdrawal({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
+                    Domain: session.domain,
                 },
             });
             return id;

package/dist/client/hooks/useCreateOnlineBankDepositMutation.js

@@ -22,6 +22,7 @@ export const useCreateOnlineBankDepositMutation = (config) => {
             await createAIOOnlineBankDeposit({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
+                    Domain: session.domain,
                 },
             });
             const poll = createPoll(async () => {

package/dist/client/hooks/useCreateQRPHDepositMutation.js

@@ -22,6 +22,7 @@ export const useCreateQRPHDepositMutation = (config) => {
             await createAIOQRPHDeposit({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
+                    Domain: session.domain,
                 },
             });
             const poll = createPoll(async () => {

package/dist/client/hooks/useSignInMutation.js

@@ -2,6 +2,7 @@ import { useMutation } from '@tanstack/react-query';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSignInMutationKey } from '../../utils/mutationKeys.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
 import { signIn } from '../services/signIn.js';
 export const useSignInMutation = (config) => {
     const queryClient = getQueryClient();
@@ -9,7 +10,12 @@ export const useSignInMutation = (config) => {
         ...config,
         mutationKey: getSignInMutationKey(),
         mutationFn: async (input) => {
-            const authenticator = await signIn(input);
+            const session = await getSession();
+            const authenticator = await signIn(input, {
+                headers: {
+                    Domain: session.domain,
+                },
+            });
             if (!authenticator) {
                 await queryClient.invalidateQueries({
                     queryKey: getSessionQueryKey(),

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

@@ -1,5 +1,5 @@
 import { type RegisterMemberAccountViaMobileInput } from '../../services/account';
 import type { Mutation } from '../../types';
-export interface SignUpMutationInput extends RegisterMemberAccountViaMobileInput {
+export interface SignUpMutationInput extends Omit<RegisterMemberAccountViaMobileInput, 'domain'> {
 }
 export declare const useSignUpMutation: Mutation<void, SignUpMutationInput>;

package/dist/client/hooks/useSignUpMutation.js

@@ -1,12 +1,21 @@
 import { useMutation } from '@tanstack/react-query';
 import { registerMemberAccountViaMobile, } from '../../services/account.js';
 import { getSignUpMutationKey } from '../../utils/mutationKeys.js';
+import { getSession } from '../services/getSession.js';
 export const useSignUpMutation = (config) => {
     return useMutation({
         ...config,
         mutationKey: getSignUpMutationKey(),
         mutationFn: async (input) => {
-            return await registerMemberAccountViaMobile(input);
+            const { domain } = await getSession();
+            return await registerMemberAccountViaMobile({
+                domain,
+                ...input,
+            }, {
+                headers: {
+                    domain,
+                },
+            });
         },
     });
 };

package/dist/client/services/getSession.js

@@ -2,5 +2,7 @@ import { cache } from 'react';
 import { httpRequest, } from '../../services/httpRequest.js';
 export const getSession = cache(async (options) => {
     const res = await httpRequest.json('/api/sessions', options);
-    return res.ok ? res.data : { status: 'unauthenticated' };
+    return res.ok
+        ? res.data
+        : { status: 'unauthenticated', domain: window.location.origin };
 });

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

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

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

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

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const QRPHDepositContext: (props: {
     value: {
-        view: "form" | "qrCode";
+        view: "qrCode" | "form";
         status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
@@ -13,7 +13,7 @@ export declare const QRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useQRPHDepositContext: () => {
-    view: "form" | "qrCode";
+    view: "qrCode" | "form";
     status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.d.ts

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

package/dist/components/KYC/CaptureSelfie.js

@@ -22,6 +22,7 @@ export function CaptureSelfie() {
     const [captureInProgress, setCaptureInProgress] = useState(false);
     const [selectedImage, setSelectedImage] = useState(null);
     const [isFaceCentered, setIsFaceCentered] = useState(false);
+    const [isCapturing, setIsCapturing] = useState(false);
     const [countdown, setCountdown] = useState(3);
     const videoRef = useRef(null);
     const faceCanvasRef = useRef(null);
@@ -113,15 +114,27 @@ export function CaptureSelfie() {
                         Math.abs(faceCenterY - screenCenterY) <= centerThresholdY;
                     setIsFaceCentered(isFaceCentered);
                     const faceDetectionConfidence = detection.detection.score * 100;
-                    const context = faceCanvasRef.current.getContext('2d');
-                    if (context) {
-                        context.clearRect(0, 0, faceCanvasRef.current.width, faceCanvasRef.current.height);
-                        faceapi.draw.drawDetections(faceCanvasRef.current, resizedDetection);
-                        faceapi.draw.drawFaceLandmarks(faceCanvasRef.current, resizedDetection);
-                    }
+                    // const context = faceCanvasRef.current.getContext('2d');
+                    // if (context) {
+                    //   context.clearRect(
+                    //     0,
+                    //     0,
+                    //     faceCanvasRef.current.width,
+                    //     faceCanvasRef.current.height,
+                    //   );
+                    //   faceapi.draw.drawDetections(
+                    //     faceCanvasRef.current,
+                    //     resizedDetection,
+                    //   );
+                    //   faceapi.draw.drawFaceLandmarks(
+                    //     faceCanvasRef.current,
+                    //     resizedDetection,
+                    //   );
+                    // }
                     //adjust the faceDetectionConfidence if need
                     if (isFaceCentered && faceDetectionConfidence >= 65) {
                         if (!countdownInterval) {
+                            setIsCapturing(true);
                             countdownInterval = setInterval(() => {
                                 setCountdown((prev) => {
                                     if (prev === 1) {
@@ -140,6 +153,7 @@ export function CaptureSelfie() {
                             clearInterval(countdownInterval);
                             countdownInterval = null;
                             setCountdown(3);
+                            setIsCapturing(false);
                         }
                     }
                 }
@@ -233,5 +247,5 @@ export function CaptureSelfie() {
     return (_jsxs("div", { className: "w-full p-4 lg:w-[640px] lg:px-12 lg:py-4xl", children: [_jsxs("button", { type: "button", className: "flex items-center gap-lg lg:absolute lg:right-5 lg:top-5 lg:p-md", onClick: () => {
                     stopCamera();
                     kyc.setCapturing(null);
-                }, children: [_jsx(XIcon, { className: "text-text-senary-300 hidden size-5 lg:block" }), _jsx(ArrowLeftIcon, { className: "text-text-senary-300 size-5 lg:hidden" }), _jsx("span", { className: "text-lg font-semibold lg:hidden", children: "Back" })] }), _jsx(Dialog.Title, { className: "mt-6 text-center text-lg font-semibold lg:mt-0", children: "Take a Selfie Holding Your ID" }), _jsx(Dialog.Description, { className: "text-text-tertiary-600 mx-auto mt-sm max-w-[19rem] text-center text-sm lg:max-w-full", children: "Make sure your face and ID are clearly visible, with no glare or blur." }), _jsx("div", { id: "parent", className: "border-border-disabled mt-6 aspect-video rounded-xl border bg-black lg:mt-8", children: captureInProgress ? (_jsxs("div", { className: "relative flex h-fit w-full flex-col items-center justify-center", children: [_jsx("video", { ref: videoRef, autoPlay: true, muted: true, className: "h-[60vh] w-full rounded-lg object-cover md:aspect-video md:h-[333px]", width: "100%", height: "100%" }), _jsx("canvas", { ref: faceCanvasRef, className: "absolute inset-0 h-[60vh] w-full object-cover md:aspect-video md:h-[333px] md:object-contain", width: "100%", height: "100%" }), isFaceCentered && (_jsx("span", { className: "absolute inset-x-0 bottom-8 flex items-center justify-center text-5xl font-bold text-[#713B12CC] md:bottom-4", children: countdown })), !isFaceCentered && (_jsx("span", { className: "absolute inset-x-0 bottom-12 mx-auto w-1/2 text-center text-xs text-white md:bottom-3", children: "Please center your face in the camera view. Make sure your ID is clearly visible next to your face." })), _jsx(PersonOverlayDesktop, { isFaceCentered: isFaceCentered, width: videoRef.current?.clientWidth || 543, height: videoRef.current?.clientHeight || 333 })] })) : (selectedImage && (_jsx("img", { src: selectedImage, alt: "Captured Photo", className: "h-full w-full rounded-lg object-cover md:aspect-video md:h-[333px]" }))) }), selectedImage && (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 md:flex-row", children: [_jsxs(Button, { className: "disabled:bg-bg-disabled disabled:text-text-disabled mx-auto mt-4 px-xl disabled:opacity-100", size: "sm", onClick: retakePhoto, type: "button", children: ["Rekate Photo", _jsx(Camera01Icon, { className: "size-5" })] }), _jsxs(Button, { className: "disabled:bg-bg-disabled disabled:text-text-disabled mx-auto mt-4 px-xl disabled:opacity-100", size: "sm", onClick: usePhoto, type: "button", disabled: isPending, children: ["Use Photo", _jsx(Camera01Icon, { className: "size-5" })] })] })), !selectedImage && (_jsxs(Button, { className: "mx-auto mt-6 px-xl lg:mt-8", onClick: startCamera, disabled: !modelsLoaded, type: "button", children: ["Start Camera", _jsx(Camera01Icon, { className: "size-5" })] }))] }));
+                }, children: [_jsx(XIcon, { className: "text-text-senary-300 hidden size-5 lg:block" }), _jsx(ArrowLeftIcon, { className: "text-text-senary-300 size-5 lg:hidden" }), _jsx("span", { className: "text-lg font-semibold lg:hidden", children: "Back" })] }), _jsx(Dialog.Title, { className: "mt-6 text-center text-lg font-semibold lg:mt-0", children: "Take a Selfie Holding Your ID" }), _jsx(Dialog.Description, { className: "text-text-tertiary-600 mx-auto mt-sm max-w-[19rem] text-center text-sm lg:max-w-full", children: "Make sure your face and ID are clearly visible, with no glare or blur." }), _jsx("div", { id: "parent", className: "border-border-disabled mt-6 aspect-video rounded-xl border bg-black lg:mt-8", children: captureInProgress ? (_jsxs("div", { className: "relative flex h-fit w-full flex-col items-center justify-center", children: [_jsx("video", { ref: videoRef, autoPlay: true, muted: true, className: "h-[60vh] w-full rounded-lg object-cover md:aspect-video md:h-[333px]", width: "100%", height: "100%" }), _jsx("canvas", { ref: faceCanvasRef, className: "absolute inset-0 h-[60vh] w-full object-cover md:aspect-video md:h-[333px] md:object-contain", width: "100%", height: "100%" }), isCapturing && (_jsx("span", { className: "absolute inset-x-0 bottom-8 flex items-center justify-center text-5xl font-bold text-[#713B12CC] md:bottom-4", children: countdown })), !isFaceCentered && (_jsx("span", { className: "absolute inset-x-0 bottom-12 mx-auto w-1/2 text-center text-xs text-white md:bottom-3", children: "Please center your face in the camera view. Make sure your ID is clearly visible next to your face." })), _jsx(PersonOverlayDesktop, { isFaceCentered: isFaceCentered, width: videoRef.current?.clientWidth || 543, height: videoRef.current?.clientHeight || 333 })] })) : (selectedImage && (_jsx("img", { src: selectedImage, alt: "Captured Photo", className: "h-full w-full rounded-lg object-cover md:aspect-video md:h-[333px]" }))) }), selectedImage && (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 md:flex-row", children: [_jsxs(Button, { className: "disabled:bg-bg-disabled disabled:text-text-disabled mx-auto mt-4 px-xl disabled:opacity-100", size: "sm", onClick: retakePhoto, type: "button", children: ["Rekate Photo", _jsx(Camera01Icon, { className: "size-5" })] }), _jsxs(Button, { className: "disabled:bg-bg-disabled disabled:text-text-disabled mx-auto mt-4 px-xl disabled:opacity-100", size: "sm", onClick: usePhoto, type: "button", disabled: isPending, children: ["Use Photo", _jsx(Camera01Icon, { className: "size-5" })] })] })), !selectedImage && (_jsxs(Button, { className: "mx-auto mt-6 px-xl lg:mt-8", onClick: startCamera, disabled: !modelsLoaded, type: "button", children: ["Start Camera", _jsx(Camera01Icon, { className: "size-5" })] }))] }));
 }

package/dist/components/SignUp/SignUpForm.js

@@ -186,17 +186,12 @@ export function SignUpForm() {
                                 }, children: "Log In" })] })] })), step === 2 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Check your Phone" }), _jsxs("p", { className: "text-text-secondary-700 mt-xs text-center text-sm", children: ["We\u2019ve sent a verification code to your mobile number", ' ', _jsx("span", { className: "font-semibold", children: mobileNumberParser.format(step1Form.getValues('mobileNumber')) }), ' ', "via text"] }), _jsxs("form", { ref: form2Ref, className: "mt-5", onSubmit: step2Form.handleSubmit(async ({ verificationCode }) => {
                             const id = ObjectId.generate(ObjectType.MemberAccount).toString();
                             const { mobileNumber } = step1Form.getValues();
-                            const url = new URL(window.location.href);
-                            const domain = search.has('m')
-                                ? `${url.origin}/${search.get('m')}`
-                                : `${url.origin}`;
                             try {
                                 await signUpMutation.mutateAsync({
                                     id,
                                     mobileNumber: mobileNumberParser.format(mobileNumber),
                                     verificationCode: verificationCode.join(''),
                                     referralCode: search.get('referralCode') ?? undefined,
-                                    domain,
                                     btag: search.get('btag') ?? undefined,
                                 });
                                 const name = mobileNumberParser.format(mobileNumber);

package/dist/constants/HeaderKey.d.ts

@@ -1,2 +1,3 @@
 export declare const RECAPTCHA_HEADER_KEY: string;
 export declare const TEST_PASS_HEADER_KEY: string;
+export declare const DOMAIN_HEADER_KEY: string;

package/dist/constants/HeaderKey.js

@@ -1,2 +1,3 @@
 export const RECAPTCHA_HEADER_KEY = 'Google-Recaptcha-Response';
 export const TEST_PASS_HEADER_KEY = 'Test-Pass';
+export const DOMAIN_HEADER_KEY = 'Domain';

package/dist/constants/StorageKey.d.ts

@@ -1,3 +1,4 @@
 export declare const ACCESS_TOKEN_COOKIE_NAME: string;
 export declare const REFRESH_TOKEN_COOKIE_NAME: string;
 export declare const KYC_PROMPT_LOCALSTORAGE_KEY: string;
+export declare const DOMAIN_COOKIE_NAME: string;

package/dist/constants/StorageKey.js

@@ -1,3 +1,4 @@
 export const ACCESS_TOKEN_COOKIE_NAME = 'WebPortalAuthAccessToken';
 export const REFRESH_TOKEN_COOKIE_NAME = 'WebPortalAuthRefreshToken';
 export const KYC_PROMPT_LOCALSTORAGE_KEY = 'WebPortalKYCPrompted';
+export const DOMAIN_COOKIE_NAME = 'WebPortalDomain';

package/dist/handlers.d.ts

@@ -1,10 +1,5 @@
 import { NextResponse, type NextRequest } from 'next/server';
-type GetSessionResponse = {
-    status: 'authenticated';
-    token: string;
-} | {
-    status: 'unauthenticated';
-};
+import type { Session } from './types';
 export declare const GET: (request: NextRequest, { params }: {
     params: Promise<{
         auth: string[];
@@ -22,7 +17,7 @@ export declare const GET: (request: NextRequest, { params }: {
     __error?: unknown;
 } | {
     ok: true;
-    data: GetSessionResponse;
+    data: Session;
 }>>;
 export declare const DELETE: (request: NextRequest, { params }: {
     params: Promise<{
@@ -41,4 +36,3 @@ export declare const POST: (request: NextRequest, { params }: {
         auth: string[];
     }>;
 }) => Promise<NextResponse>;
-export {};

package/dist/handlers.js

@@ -1,7 +1,7 @@
 import { addDays, addMinutes, subMinutes } from 'date-fns';
 import { NextResponse } from 'next/server';
 import { z } from 'zod';
-import { ACCESS_TOKEN_COOKIE_NAME, PLATFORM_CODE, RECAPTCHA_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, } from './constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, DOMAIN_COOKIE_NAME, DOMAIN_HEADER_KEY, PLATFORM_CODE, RECAPTCHA_HEADER_KEY, REFRESH_TOKEN_COOKIE_NAME, } from './constants/index.js';
 import { authenticate, createSession, destroySession, refreshSession, } from './services/auth.js';
 const CreateSessionDefinition = z.union([
     z.object({
@@ -62,10 +62,12 @@ 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;
         if (!refreshToken) {
             const response = NextResponse.json({
                 ok: true,
                 data: {
+                    domain,
                     status: 'unauthenticated',
                 },
             });
@@ -84,6 +86,7 @@ export const GET = async (request, { params }) => {
                     ok: true,
                     data: {
                         status: 'authenticated',
+                        domain,
                         token: data.accessToken,
                     },
                 });
@@ -99,6 +102,7 @@ export const GET = async (request, { params }) => {
                     ok: true,
                     data: {
                         status: 'unauthenticated',
+                        domain,
                     },
                 });
                 response.cookies.delete(REFRESH_TOKEN_COOKIE_NAME);
@@ -109,6 +113,7 @@ export const GET = async (request, { params }) => {
             ok: true,
             data: {
                 status: 'authenticated',
+                domain,
                 token: accessToken,
             },
         });
@@ -159,6 +164,7 @@ export const POST = async (request, { params }) => {
         const body = await request.json();
         const parsed = CreateSessionDefinition.safeParse(body);
         const recaptcha = request.headers.get(RECAPTCHA_HEADER_KEY);
+        const domain = request.headers.get(DOMAIN_HEADER_KEY);
         if (!parsed.success) {
             return NextResponse.json({
                 ok: false,
@@ -172,6 +178,9 @@ export const POST = async (request, { params }) => {
                     ...(recaptcha && {
                         [RECAPTCHA_HEADER_KEY]: recaptcha,
                     }),
+                    ...(domain && {
+                        [DOMAIN_HEADER_KEY]: domain,
+                    }),
                 },
             });
             if (res.authenticator) {
@@ -210,6 +219,7 @@ export const POST = async (request, { params }) => {
         const body = await request.json();
         const parsed = AuthenticateDefinition.safeParse(body);
         const recaptcha = request.headers.get(RECAPTCHA_HEADER_KEY);
+        const domain = request.headers.get(DOMAIN_HEADER_KEY);
         if (!parsed.success) {
             return NextResponse.json({
                 ok: false,
@@ -223,6 +233,9 @@ export const POST = async (request, { params }) => {
                     ...(recaptcha && {
                         [RECAPTCHA_HEADER_KEY]: recaptcha,
                     }),
+                    ...(domain && {
+                        [DOMAIN_HEADER_KEY]: domain,
+                    }),
                 },
             });
             const response = NextResponse.json({ ok: true }, { status: 201 });

package/dist/middleware.js

@@ -1,17 +1,24 @@
-import { addMinutes } from 'date-fns';
+import { addDays, addMinutes } from 'date-fns';
 import { NextFetchEvent, NextResponse, } from 'next/server';
-import { ACCESS_TOKEN_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from './constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, DOMAIN_COOKIE_NAME, REFRESH_TOKEN_COOKIE_NAME, } from './constants/index.js';
 import { refreshSession } from './services/auth.js';
 export const config = {
     runtime: 'nodejs',
     matcher: [
-        '/((?!api|_next/static|_next/image|favicon.ico|sitemap.xml|robots.txt).*)',
+        '/((?!api|models|_next/static|_next/image|favicon.ico|sitemap.xml|robots.txt).*)',
     ],
 };
 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 response = NextResponse.next();
+    const res = NextResponse.next();
+    if (req.nextUrl.searchParams.get('m')) {
+        res.cookies.set(DOMAIN_COOKIE_NAME, `${req.nextUrl.origin}/${req.nextUrl.searchParams.get('m')}`, {
+            expires: addDays(new Date(), 30),
+            httpOnly: true,
+            sameSite: 'strict',
+        });
+    }
     if (!accessToken && refreshToken) {
         try {
             const data = await refreshSession({
@@ -19,17 +26,17 @@ export const middleware = async (req) => {
                     Authorization: `Bearer ${refreshToken}`,
                 },
             });
-            response.cookies.set(ACCESS_TOKEN_COOKIE_NAME, data.accessToken, {
+            res.cookies.set(ACCESS_TOKEN_COOKIE_NAME, data.accessToken, {
                 expires: addMinutes(new Date(), 9),
                 httpOnly: true,
                 sameSite: 'strict',
             });
         }
         catch {
-            response.cookies.delete(REFRESH_TOKEN_COOKIE_NAME);
+            res.cookies.delete(REFRESH_TOKEN_COOKIE_NAME);
         }
     }
-    return response;
+    return res;
 };
 export function extendMiddleware(fn) {
     return async (req, evt) => fn(req, evt, await middleware(req));

package/dist/server/services/getSession.js

@@ -1,10 +1,21 @@
-import { cookies } from 'next/headers';
+import { cookies, headers } from 'next/headers';
 import { cache } from 'react';
-import { ACCESS_TOKEN_COOKIE_NAME } from '../../constants/index.js';
+import { ACCESS_TOKEN_COOKIE_NAME, DOMAIN_COOKIE_NAME } from '../../constants/index.js';
 export const getSession = cache(async () => {
     const Cookies = await cookies();
-    const accessToken = Cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
-    return accessToken
-        ? { status: 'authenticated', token: accessToken }
-        : { status: 'unauthenticated' };
+    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}`;
+    return token
+        ? {
+            status: 'authenticated',
+            domain,
+            token,
+        }
+        : {
+            status: 'unauthenticated',
+            domain,
+        };
 });

package/dist/types/index.d.ts

@@ -7,9 +7,11 @@ import type { ImageProps } from 'next/image';
  */
 export type Session = {
     status: 'authenticated';
+    domain: string;
     token: string;
 } | {
     status: 'unauthenticated';
+    domain: string;
     token?: null;
 };
 /**

package/package.json

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