@vtex/faststore-plugin-buyer-portal 1.1.116-poc-2 → 1.1.116-poc-4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtex/faststore-plugin-buyer-portal",
-  "version": "1.1.116-poc-2",
+  "version": "1.1.116-poc-4",
   "description": "A plugin for faststore with buyer portal",
   "main": "index.js",
   "scripts": {

package/src/features/org-units/layouts/OrgUnitDetailsLayout/OrgUnitDetailsLayout.tsx

@@ -57,7 +57,7 @@ export const OrgUnitsDetailsLayout = ({
   loading = isOrgUnitLoading || isContractsLoading || isUserLoading;
   const isMobile = useMediaQuery(QUERY_TABLET);
 
-  const isSingleContract = contracts.length <= 1;
+  const isSingleContract = !contracts ? true : contracts.length <= 1;
 
   const { orgUnit: userUnit } = useOrgUnitByUser(userId);
 

package/src/features/shared/hooks/useAuth.ts

@@ -3,9 +3,6 @@ import { useEffect, useState } from "react";
 import { useRouter } from "next/router";
 
 import { authClient } from "../clients/Auth";
-
-import { useBuyerPortal } from "./useBuyerPortal";
-
 export type UseAuthResult = {
   isAuthenticated: boolean | null;
   isLoading: boolean;
@@ -17,8 +14,7 @@ export type UseAuthResult = {
  *
  * @returns Object containing authentication status and loading state
  */
-export const useAuth = (): UseAuthResult => {
-  const { clientContext } = useBuyerPortal();
+export const useAuth = (cookie: string): UseAuthResult => {
   const [isAuthenticated, setIsAuthenticated] = useState<boolean | null>(null);
   const [isLoading, setIsLoading] = useState(true);
   const router = useRouter();
@@ -28,7 +24,7 @@ export const useAuth = (): UseAuthResult => {
       setIsLoading(true);
 
       try {
-        const hasAccess = await authClient.validateAccess(clientContext);
+        const hasAccess = await authClient.validateAccess({ cookie });
 
         if (!hasAccess) {
           router.push("/");

package/src/pages/org-unit-details.tsx

@@ -18,6 +18,7 @@ export type OrgUnitDetailsPageData = {
   data: {
     orgUnitId: string;
     userId: string;
+    cookie: string;
   };
   context: {
     clientContext: ClientContext;
@@ -41,6 +42,7 @@ const loaderFunction = async (
     data: {
       orgUnitId,
       userId,
+      cookie,
     },
     context: {
       clientContext: { cookie, userId, ...clientContext },
@@ -62,7 +64,8 @@ const OrgUnitDetailsPage = ({
     return <ErrorTabsLayout error={error} />;
   }
 
-  const { isAuthenticated, isLoading } = useAuth();
+  const { isAuthenticated, isLoading } = useAuth(data.cookie);
+  console.log(">> Context", data.cookie);
 
   if (isLoading || isAuthenticated === null) {
     return <PageLoader />;

package/src/pages/profile.tsx

@@ -17,6 +17,7 @@ export type ProfilePageData = {
     contractId: string;
     orgUnitId: string;
     userId: string;
+    cookie: string;
   };
   context: {
     clientContext: ClientContext;
@@ -43,6 +44,7 @@ const loaderFunction = async (
       contractId,
       orgUnitId,
       userId,
+      cookie,
     },
     context: {
       clientContext: { cookie, userId, ...clientContext },
@@ -62,7 +64,7 @@ const ProfilePage = ({ data, hasError, error }: ProfilePageData) => {
     return <ErrorTabsLayout error={error} />;
   }
 
-  const { isAuthenticated, isLoading } = useAuth();
+  const { isAuthenticated, isLoading } = useAuth(data.cookie);
 
   if (isLoading || isAuthenticated === null) {
     return <PageLoader />;