@vtex/faststore-plugin-buyer-portal 1.1.72-experimental.4 → 1.1.72-experimental.6

package/package.json

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

package/src/features/org-units/services/get-org-unit-basic-data.service.ts

@@ -7,38 +7,5 @@ export const getOrgUnitBasicDataService = async ({
   id: string;
   cookie: string;
 }) => {
-  try {
-    console.log("[DEBUG] getOrgUnitBasicDataService called:", {
-      id,
-      hasCookie: !!cookie,
-    });
-
-    if (!id) {
-      console.error("[ERROR] getOrgUnitBasicDataService: missing id");
-      throw new Error("Organization Unit ID is required");
-    }
-
-    if (!cookie) {
-      console.error("[ERROR] getOrgUnitBasicDataService: missing cookie");
-      throw new Error("Authentication cookie is required");
-    }
-
-    const result = await orgUnitClient.getOrgUnitBasicData(id, cookie);
-
-    console.log("[DEBUG] getOrgUnitBasicDataService result:", {
-      success: !!result,
-      orgUnitName: result?.name,
-    });
-
-    return result;
-  } catch (error) {
-    console.error("[ERROR] getOrgUnitBasicDataService failed:", {
-      error: error instanceof Error ? error.message : "Unknown error",
-      id,
-      hasCookie: !!cookie,
-    });
-
-    // Return null instead of throwing to prevent 500 - let caller handle
-    return null;
-  }
+  return orgUnitClient.getOrgUnitBasicData(id, cookie);
 };

package/src/features/shared/utils/cookie.ts

@@ -91,47 +91,5 @@ export function getCookieAsString(cookie: Record<string, string>): string {
 }
 
 function parseJwt(token: string): ParsedCookie {
-  try {
-    if (!token || typeof token !== "string") {
-      console.error("[ERROR] Invalid JWT token:", { token: typeof token });
-      throw new Error("Invalid JWT token: token is not a string");
-    }
-
-    const parts = token.split(".");
-    if (parts.length !== 3) {
-      console.error("[ERROR] Invalid JWT format:", {
-        partsCount: parts.length,
-      });
-      throw new Error("Invalid JWT format: expected 3 parts");
-    }
-
-    const payload = parts[1];
-    if (!payload) {
-      console.error("[ERROR] Empty JWT payload");
-      throw new Error("Invalid JWT: empty payload");
-    }
-
-    console.log("[DEBUG] Parsing JWT payload...");
-    const decoded = JSON.parse(Buffer.from(payload, "base64").toString());
-
-    console.log("[DEBUG] JWT parsed successfully:", {
-      hasUserId: !!decoded.userId,
-      hasCustomerId: !!decoded.customerId,
-      exp: decoded.exp,
-      currentTime: Math.floor(Date.now() / 1000),
-    });
-
-    return decoded;
-  } catch (error) {
-    console.error("[ERROR] JWT parsing failed:", {
-      error: error instanceof Error ? error.message : "Unknown error",
-      tokenLength: token?.length || 0,
-      tokenPrefix: token?.substring(0, 20) + "...",
-    });
-    throw new Error(
-      `JWT parsing failed: ${
-        error instanceof Error ? error.message : "Unknown error"
-      }`
-    );
-  }
+  return JSON.parse(Buffer.from(token.split(".")[1], "base64").toString());
 }

package/src/features/users/layouts/UserDetailsLayout/UserDetailsLayout.tsx

@@ -1,6 +1,6 @@
 import { Dropdown } from "@faststore/ui";
 
-import { useGetRolesOptions } from "../../../roles/hooks";
+// import { useGetRolesOptions } from "../../../roles/hooks"; // Not needed - using props instead
 import {
   BasicDropdownMenu,
   HeaderInside,
@@ -13,21 +13,23 @@ import { buyerPortalRoutes } from "../../../shared/utils/buyerPortalRoutes";
 import { ReassignOrgUnitDrawer, UpdateUserDrawer } from "../../components";
 import { UserDropdownMenu } from "../../components/UserDropdownMenu/UserDropdownMenu";
 
+import type { RoleData } from "../../../roles/types";
 import type { UserData } from "../../types/UserData";
 
 export type UserDetailsLayoutProps = {
   data: {
     user?: UserData | null;
     orgUnit: { id: string; name: string };
+    rolesOptions?: RoleData[] | null;
   };
 };
 
 export const UserDetailsLayout = ({
-  data: { user },
+  data: { user, rolesOptions },
 }: UserDetailsLayoutProps) => {
   const { currentOrgUnit } = useBuyerPortal();
 
-  const { rolesOptions } = useGetRolesOptions(currentOrgUnit?.id ?? "");
+  // const { rolesOptions } = useGetRolesOptions(currentOrgUnit?.id ?? ""); // Using props instead
 
   const {
     open: openReassignDrawer,
@@ -57,7 +59,7 @@ export const UserDetailsLayout = ({
               <BasicDropdownMenu.Trigger />
               <UserDropdownMenu
                 user={{ name: user?.name ?? "", id: user?.id ?? "" }}
-                rolesOptions={rolesOptions}
+                rolesOptions={rolesOptions ?? null}
               />
             </Dropdown>
           </HeaderInside>
@@ -128,7 +130,7 @@ export const UserDetailsLayout = ({
         )}
         {isUpdateUserDrawerOpen && (
           <UpdateUserDrawer
-            rolesOptions={rolesOptions}
+            rolesOptions={rolesOptions ?? null}
             userId={user?.id ?? ""}
             orgUnitId={currentOrgUnit?.id ?? ""}
             isOpen={isUpdateUserDrawerOpen}

package/src/pages/user-details.tsx

@@ -2,12 +2,14 @@ import {
   getOrgUnitBasicDataService,
   getOrgUnitByUserIdService,
 } from "../features/org-units/services";
+import { getRolesIdsService } from "../features/roles/services";
 import { BuyerPortalProvider } from "../features/shared/components";
 import { type ClientContext, getClientContext } from "../features/shared/utils";
 import { UserDetailsLayout } from "../features/users/layouts";
 import { getUserByIdService } from "../features/users/services/get-user-by-id.service";
 
 import type { OrgUnitBasicData } from "../features/org-units/types";
+import type { RoleData } from "../features/roles/types";
 import type { LoaderData } from "../features/shared/types";
 import type { UserData } from "../features/users/types";
 
@@ -20,374 +22,65 @@ export type UserDetailsPageData = {
   data: {
     user?: UserData | null;
     orgUnit: { id: string; name: string };
+    rolesOptions?: RoleData[] | null;
   };
   context: {
     clientContext: ClientContext;
     currentOrgUnit: OrgUnitBasicData | null;
     currentUser: UserData | null;
   };
-  debug?: {
-    logs: Array<{
-      timestamp: string;
-      level: "info" | "error" | "warn";
-      step: string;
-      message: string;
-      data?: any;
-    }>;
-    error?: any;
-  };
 };
 
 export async function loader(
   data: LoaderData<UserDetailsPageQuery>
 ): Promise<UserDetailsPageData> {
-  const logs: NonNullable<UserDetailsPageData["debug"]>["logs"] = [];
-
-  function addLog(
-    level: "info" | "error" | "warn",
-    step: string,
-    message: string,
-    logData?: any
-  ) {
-    const timestamp = new Date().toISOString();
-    logs.push({ timestamp, level, step, message, data: logData });
-    console.log(
-      `🔍 [USER-DETAILS] [${level.toUpperCase()}] ${step}: ${message}`,
-      logData || ""
-    );
-  }
-
-  addLog("info", "START", "Starting user-details loader");
-
-  try {
-    addLog("info", "REQUEST", "Request info", {
-      cookies: Object.keys(data.req?.cookies || {}),
-      query: data.query,
-    });
-
-    addLog("info", "CONTEXT", "Getting client context...");
-    const { cookie, ...clientContext } = await getClientContext(data);
-    addLog("info", "CONTEXT", "Client context obtained ✅", {
-      hasUserId: !!clientContext.userId,
-      hasCustomerId: !!clientContext.customerId,
-      cookieLength: cookie?.length || 0,
-    });
-
-    const { userId, orgUnitId } = data.query;
-
-    if (!userId || !orgUnitId) {
-      addLog("error", "VALIDATION", "Missing required query params", {
-        userId,
-        orgUnitId,
-      });
-      throw new Error("Missing required query parameters: userId or orgUnitId");
-    }
+  const { cookie, customerId, ...clientContext } = await getClientContext(data);
 
-    addLog("info", "VALIDATION", "Query params validated ✅", {
-      userId,
-      orgUnitId,
-    });
-
-    addLog("info", "USER_SERVICE", "Fetching user by ID...");
-    const user = await getUserByIdService({ orgUnitId, userId, cookie });
-    addLog("info", "USER_SERVICE", "User service result", {
-      found: !!user,
-      email: user?.email,
-    });
+  const { userId, orgUnitId } = data.query;
 
-    if (!user) {
-      addLog("warn", "USER_SERVICE", "User not found - redirecting");
-      data.res?.writeHead(302, { Location: "/buyer-portal" });
-      data.res?.end();
+  const user = await getUserByIdService({ orgUnitId, userId, cookie });
 
-      return {
-        data: { user: null, orgUnit: { id: "", name: "" } },
-        context: {
-          clientContext: { cookie, ...clientContext },
-          currentOrgUnit: null,
-          currentUser: null,
-        },
-        debug: {
-          logs,
-          error: { message: "User not found", userId, orgUnitId },
-        },
-      };
-    }
+  if (!user) {
+    data.res?.writeHead(302, { Location: "/buyer-portal" });
+    data.res?.end();
+  }
 
-    addLog("info", "ORG_UNIT_BASIC", "Fetching current org unit...");
-    const currentOrgUnit = await getOrgUnitBasicDataService({
+  const [currentOrgUnit, orgUnitFromUser, rolesOptions] = await Promise.all([
+    getOrgUnitBasicDataService({
       id: orgUnitId,
       cookie,
-    });
-    addLog("info", "ORG_UNIT_BASIC", "Current org unit result", {
-      found: !!currentOrgUnit,
-      name: currentOrgUnit?.name,
-    });
-
-    addLog("info", "ORG_UNIT_USER", "Fetching org unit by user ID...");
-    const orgUnitFromUser = await getOrgUnitByUserIdService({
+    }),
+    getOrgUnitByUserIdService({
       userId,
       cookie,
-    });
-    addLog("info", "ORG_UNIT_USER", "Org unit from user result", {
-      found: !!orgUnitFromUser,
-      id: orgUnitFromUser?.id,
-    });
-
-    addLog("info", "SUCCESS", "All steps completed successfully! ✅");
-
-    const result = {
-      data: {
-        user,
-        orgUnit: {
-          id: orgUnitFromUser?.id ?? "",
-          name: orgUnitFromUser?.name ?? "",
-        },
-      },
-      context: {
-        clientContext: { cookie, ...clientContext },
-        currentOrgUnit,
-        currentUser: user,
-      },
-    };
-
-    // Só incluir debug se houver erros ou warnings
-    const hasIssues = logs.some(
-      (log) => log.level === "error" || log.level === "warn"
-    );
-    if (hasIssues) {
-      (result as UserDetailsPageData).debug = { logs };
-    }
-
-    return result;
-  } catch (error) {
-    addLog("error", "FATAL_ERROR", "Loader failed with error", {
-      error: error instanceof Error ? error.message : "Unknown error",
-      stack: error instanceof Error ? error.stack : undefined,
-    });
-
-    // Return error page instead of throwing
-    return {
-      data: { user: null, orgUnit: { id: "", name: "" } },
-      context: {
-        clientContext: {
-          cookie: "",
-          vtexIdclientAutCookie: "",
-          customerId: "",
-          userId: "",
-        },
-        currentOrgUnit: null,
-        currentUser: null,
-      },
-      debug: {
-        logs,
-        error:
-          error instanceof Error
-            ? {
-                message: error.message,
-                name: error.name,
-                stack: error.stack,
-              }
-            : { message: "Unknown error", error },
+    }),
+    getRolesIdsService({
+      unitId: orgUnitId,
+      customerId,
+      cookie,
+    }).catch(() => null), // Gracefully handle errors
+  ]);
+
+  return {
+    data: {
+      user,
+      orgUnit: {
+        id: orgUnitFromUser?.id ?? "",
+        name: orgUnitFromUser?.name ?? "",
       },
-    };
-  }
+      rolesOptions,
+    },
+    context: {
+      clientContext: { cookie, customerId, ...clientContext },
+      currentOrgUnit,
+      currentUser: user,
+    },
+  };
 }
 
-const UserDetailsPage = ({ data, context, debug }: UserDetailsPageData) => {
-  // Se tiver debug info (erros), mostrar página de debug
-  if (debug) {
-    return (
-      <div
-        style={{
-          maxWidth: "900px",
-          margin: "0 auto",
-          padding: "20px",
-          fontFamily: "system-ui, sans-serif",
-        }}
-      >
-        <div
-          style={{
-            background: "#fff3cd",
-            border: "1px solid #ffc107",
-            borderRadius: "8px",
-            padding: "20px",
-            marginBottom: "20px",
-          }}
-        >
-          <h1 style={{ color: "#856404", margin: "0 0 10px 0" }}>
-            🚨 Erro na Página User Details
-          </h1>
-          <p style={{ color: "#856404", margin: 0 }}>
-            Ocorreu um erro ao carregar a página. Veja os detalhes abaixo:
-          </p>
-        </div>
-
-        {/* Logs em tempo real */}
-        <div style={{ marginBottom: "30px" }}>
-          <h2
-            style={{
-              color: "#333",
-              borderBottom: "2px solid #007bff",
-              paddingBottom: "10px",
-            }}
-          >
-            📝 Logs de Execução
-          </h2>
-          <div
-            style={{
-              background: "#1e1e1e",
-              color: "#ffffff",
-              padding: "20px",
-              borderRadius: "8px",
-              fontFamily: "Monaco, Consolas, monospace",
-              fontSize: "13px",
-              maxHeight: "500px",
-              overflowY: "auto",
-              border: "1px solid #333",
-            }}
-          >
-            {debug.logs.map((log, index) => (
-              <div
-                key={index}
-                style={{
-                  marginBottom: "12px",
-                  borderLeft: `4px solid ${
-                    log.level === "error"
-                      ? "#ff4444"
-                      : log.level === "warn"
-                      ? "#ff9800"
-                      : "#4caf50"
-                  }`,
-                  paddingLeft: "15px",
-                  paddingBottom: "8px",
-                }}
-              >
-                <div
-                  style={{
-                    color: "#888",
-                    fontSize: "11px",
-                    marginBottom: "4px",
-                  }}
-                >
-                  {new Date(log.timestamp).toLocaleTimeString("pt-BR")} -{" "}
-                  {log.step}
-                </div>
-                <div
-                  style={{
-                    color:
-                      log.level === "error"
-                        ? "#ff6b6b"
-                        : log.level === "warn"
-                        ? "#ffa726"
-                        : "#81c784",
-                    fontWeight: "bold",
-                    marginBottom: log.data ? "8px" : 0,
-                  }}
-                >
-                  [{log.level.toUpperCase()}] {log.message}
-                </div>
-                {log.data && (
-                  <pre
-                    style={{
-                      fontSize: "11px",
-                      color: "#ccc",
-                      background: "#2d2d2d",
-                      padding: "8px",
-                      borderRadius: "4px",
-                      margin: 0,
-                      whiteSpace: "pre-wrap",
-                      overflow: "auto",
-                    }}
-                  >
-                    {JSON.stringify(log.data, null, 2)}
-                  </pre>
-                )}
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Detalhes do erro */}
-        {debug.error && (
-          <div style={{ marginBottom: "30px" }}>
-            <h2
-              style={{
-                color: "#dc3545",
-                borderBottom: "2px solid #dc3545",
-                paddingBottom: "10px",
-              }}
-            >
-              ❌ Detalhes do Erro
-            </h2>
-            <pre
-              style={{
-                background: "#f8d7da",
-                color: "#721c24",
-                padding: "20px",
-                borderRadius: "8px",
-                border: "1px solid #f5c6cb",
-                overflow: "auto",
-                fontSize: "13px",
-              }}
-            >
-              {JSON.stringify(debug.error, null, 2)}
-            </pre>
-          </div>
-        )}
-
-        {/* Próximos passos */}
-        <div
-          style={{
-            background: "#d1ecf1",
-            border: "1px solid #bee5eb",
-            borderRadius: "8px",
-            padding: "20px",
-          }}
-        >
-          <h3 style={{ color: "#0c5460", margin: "0 0 15px 0" }}>
-            🔧 Como resolver:
-          </h3>
-          <ol style={{ color: "#0c5460", paddingLeft: "20px" }}>
-            <li>Verifique se você está logado na VTEX</li>
-            <li>Confirme se os IDs da URL estão corretos</li>
-            <li>Tente fazer logout e login novamente</li>
-            <li>Se o erro persistir, entre em contato com o suporte</li>
-          </ol>
-
-          <div
-            style={{
-              marginTop: "15px",
-              padding: "10px",
-              background: "#b8daff",
-              borderRadius: "4px",
-            }}
-          >
-            <strong>💡 Dica:</strong> Abra o console do browser (F12) para ver
-            logs adicionais
-          </div>
-        </div>
-
-        <script
-          dangerouslySetInnerHTML={{
-            __html: `
-            // Log debug info to browser console
-            console.group('🔍 USER DETAILS DEBUG INFO');
-            console.log('Error Details:', ${JSON.stringify(debug.error)});
-            console.log('Execution Logs:', ${JSON.stringify(debug.logs)});
-            console.groupEnd();
-          `,
-          }}
-        />
-      </div>
-    );
-  }
-
-  // Se não tiver debug info, mostrar página normal
-  return (
-    <BuyerPortalProvider {...context}>
-      <UserDetailsLayout data={data} />
-    </BuyerPortalProvider>
-  );
-};
+const UserDetailsPage = ({ data, context }: UserDetailsPageData) => (
+  <BuyerPortalProvider {...context}>
+    <UserDetailsLayout data={data} />
+  </BuyerPortalProvider>
+);
 export default UserDetailsPage;

package/DEBUG-500-GUIDE.md

@@ -1,253 +0,0 @@
-# 🚨 Guia de Debug - Erro 500 na Página User Details
-
-## ✅ **O que foi implementado:**
-
-### 1. **Logging Detalhado**
-
-- ✅ Adicionado logging extensivo no loader `user-details.tsx`
-- ✅ Melhorado parsing JWT com validação robusta
-- ✅ Tratamento de erro em `getOrgUnitBasicDataService`
-- ✅ Criado utilitários de debug (`debug.ts`)
-
-### 2. **Página de Debug**
-
-- ✅ Criada página temporária `/buyer-portal/debug-user-details/[orgUnitId]/[userId]`
-- ✅ Adicionada rota no `plugin.config.js`
-- ✅ Interface visual para troubleshooting
-
-## 🔍 **Como debugar o erro 500:**
-
-### **Passo 1: Acesse a página problemática**
-
-```
-https://seusite.com/buyer-portal/user/[orgUnitId]/[userId]
-```
-
-**Substitua:**
-
-- `[orgUnitId]` pelo ID da org unit problemática
-- `[userId]` pelo ID do usuário que está causando erro
-
-**IMPORTANTE:** Quando houver erro, a página vai mostrar **automaticamente** uma tela de debug com todos os logs!
-
-### **Passo 2: Analise os logs (DIRETO NA PÁGINA! 🎉)**
-
-**IMPORTANTE:** Agora os logs aparecem **diretamente na página de debug**! Não precisa acessar servidor!
-
-Na página debug você verá:
-
-- 📝 **Execution Logs (Real-time)** - Uma seção com todos os logs do processo
-- ✅ Logs verdes: operações que funcionaram
-- ⚠️ Logs amarelos: avisos
-- ❌ Logs vermelhos: erros
-
-**Exemplo do que você vai ver:**
-
-```
-14:30:25 - START
-[INFO] Starting debug loader
-
-14:30:25 - VALIDATION
-[INFO] Request validation passed ✅
-
-14:30:25 - CONTEXT
-[INFO] Client context obtained ✅
-{ hasUserId: true, cookieLength: 234 }
-
-14:30:26 - USER_SERVICE
-[ERROR] User service failed
-{ error: "JWT parsing failed", tokenLength: 0 }
-```
-
-### **Passo 3: Verifique pontos críticos**
-
-#### **3.1 Cookies de Autenticação**
-
-```javascript
-// Procure por este log:
-[DEBUG] JWT parsed successfully: { hasUserId: true, hasCustomerId: true }
-
-// Se aparecer erro:
-[ERROR] JWT parsing failed
-[ERROR] Invalid JWT token
-```
-
-#### **3.2 APIs da VTEX**
-
-```javascript
-// Procure por:
-[DEBUG] getOrgUnitBasicDataService called
-[ERROR] getOrgUnitBasicDataService failed
-```
-
-#### **3.3 Parâmetros da URL**
-
-```javascript
-// Deve aparecer:
-[DEBUG] user-details loader started: { query: { userId: "123", orgUnitId: "456" } }
-
-// Se não tiver userId ou orgUnitId, vai dar erro:
-[ERROR] Missing required query parameters
-```
-
-## 🎯 **Cenários mais comuns:**
-
-### **Erro 1: Cookie JWT inválido/expirado**
-
-**Sintomas:**
-
-- `[ERROR] JWT parsing failed`
-- `[ERROR] Invalid JWT token`
-
-**Solução:**
-
-- Usuário precisa fazer login novamente
-- Verificar se o cookie `VtexIdclientAutCookie_[storeId]` existe
-
-### **Erro 2: API VTEX indisponível**
-
-**Sintomas:**
-
-- `[ERROR] getOrgUnitBasicDataService failed`
-- `[ERROR] getUserByIdService failed`
-
-**Solução:**
-
-- Verificar conectividade com APIs da VTEX
-- Verificar se `storeConfig.api.storeId` está correto
-
-### **Erro 3: Parâmetros de URL inválidos**
-
-**Sintomas:**
-
-- `[ERROR] Missing required query parameters`
-- `[DEBUG] User service result: { userFound: false }`
-
-**Solução:**
-
-- Verificar se userId e orgUnitId são válidos
-- Testar com IDs conhecidos que funcionam
-
-### **Erro 4: Discovery Config**
-
-**Sintomas:**
-
-- Erro ao construir URLs de API
-- `storeConfig is undefined`
-
-**Solução:**
-
-- Verificar se `discovery.config` está presente
-- Verificar configurações da store
-
-## 🛠️ **Comandos úteis para debug:**
-
-### **1. Ver logs no Browser Console (FÁCIL!):**
-
-```bash
-# Abra DevTools (F12) no Chrome/Firefox
-# Vá na aba Console
-# Procure por logs que começam com:
-🔍 [BUYER-PORTAL-DEBUG]
-
-# Exemplo do que vai aparecer:
-🔍 [BUYER-PORTAL-DEBUG] CONTEXT: Getting client context...
-🔍 [BUYER-PORTAL-DEBUG] USER_SERVICE: Fetching user by ID...
-```
-
-### **2. Ver logs do servidor (se tiver acesso):**
-
-```bash
-# Tail nos logs do Next.js
-tail -f /caminho/para/logs/nextjs.log | grep -E "(DEBUG|ERROR)"
-
-# Ou se usando PM2:
-pm2 logs | grep -E "(DEBUG|ERROR)"
-```
-
-### **3. Testar APIs manualmente:**
-
-```bash
-# Teste a API de usuário:
-curl -H "Cookie: VtexIdclientAutCookie_[storeId]=TOKEN" \
-  "https://[storeId].myvtex.com/_v/store-front/users/[orgUnitId]/[userId]"
-```
-
-### **4. Verificar configurações:**
-
-```javascript
-// No browser console (dev tools):
-console.log("Store Config:", window.storeConfig);
-```
-
-## 📊 **Informações importantes da página de debug:**
-
-### **JSON Debug Response:**
-
-```json
-{
-  "success": false,
-  "debug": {
-    "timestamp": "2024-01-01T12:00:00.000Z",
-    "cookies": {
-      "cookieKeys": ["session", "VtexIdclientAutCookie_store"],
-      "vtexAuthCookie": true
-    },
-    "query": { "userId": "123", "orgUnitId": "456" }
-  },
-  "error": {
-    "message": "JWT parsing failed",
-    "name": "Error"
-  }
-}
-```
-
-## 🚀 **Após identificar o problema:**
-
-### **1. Remover arquivos de debug (IMPORTANTE!):**
-
-```bash
-rm src/pages/debug-user-details.tsx
-rm src/features/shared/utils/debug.ts
-rm DEBUG-500-GUIDE.md
-```
-
-### **2. Remover rota debug do plugin.config.js**
-
-### **3. Limpar logs de produção:**
-
-- Remover/comentar console.log em produção
-- Manter apenas logs de erro essenciais
-
-## 🆘 **Se ainda não conseguir resolver:**
-
-### **Colete estas informações:**
-
-1. **Logs completos** da página de debug
-2. **URL exata** que está falhando
-3. **Browser e versão** do usuário
-4. **Horário específico** do erro
-5. **Se funciona em desenvolvimento** mas não em produção
-
-### **Pontos adicionais para investigar:**
-
-- **Rate limiting** das APIs da VTEX
-- **Configurações de CORS**
-- **Certificados SSL**
-- **Timeout de requests**
-- **Configurações de proxy/CDN**
-
-## 📝 **Checklist de debug:**
-
-- [ ] Página de debug criada e testada
-- [ ] Logs do servidor coletados
-- [ ] Cookies de auth verificados
-- [ ] APIs da VTEX testadas manualmente
-- [ ] Parâmetros de URL validados
-- [ ] Discovery config verificado
-- [ ] Diferenças dev vs prod identificadas
-- [ ] Arquivos de debug removidos após solução
-
----
-
-**⚡ Dica:** A página de debug é sua melhor ferramenta - ela vai te mostrar exatamente onde está falhando!

package/src/features/shared/utils/debug.ts

@@ -1,157 +0,0 @@
-/**
- * Debug utilities for production troubleshooting
- * Use these functions to gather information when debugging 500 errors
- */
-
-export interface DebugInfo {
-  timestamp: string;
-  url?: string;
-  userAgent?: string;
-  cookies: Record<string, any>;
-  headers?: Record<string, any>;
-  query?: Record<string, any>;
-  environment: string;
-}
-
-export function getDebugInfo(req?: any, query?: any): DebugInfo {
-  return {
-    timestamp: new Date().toISOString(),
-    url: req?.url,
-    userAgent: req?.headers?.["user-agent"],
-    cookies: {
-      cookieKeys: Object.keys(req?.cookies || {}),
-      hasCookies: !!(req?.cookies && Object.keys(req.cookies).length > 0),
-      vtexAuthCookie: !!(
-        req?.cookies?.VtexIdclientAutCookie ||
-        Object.keys(req?.cookies || {}).find((key) =>
-          key.includes("VtexIdclientAutCookie")
-        )
-      ),
-    },
-    headers: {
-      hasAuthorization: !!req?.headers?.authorization,
-      contentType: req?.headers?.["content-type"],
-      origin: req?.headers?.origin,
-    },
-    query,
-    environment: process.env.NODE_ENV || "unknown",
-  };
-}
-
-export function logDebugInfo(info: DebugInfo, context: string = "DEBUG") {
-  console.log(`[${context}] Debug Info:`, JSON.stringify(info, null, 2));
-}
-
-/**
- * Browser-safe logging that works on both client and server
- */
-export function logToBrowser(
-  message: string,
-  data?: any,
-  level: "info" | "error" | "warn" = "info"
-) {
-  if (typeof window !== "undefined") {
-    // Client-side: log to browser console
-    const logFunc =
-      level === "error"
-        ? console.error
-        : level === "warn"
-        ? console.warn
-        : console.log;
-    logFunc(`🔍 [BUYER-PORTAL-DEBUG] ${message}`, data || "");
-  } else {
-    // Server-side: still log to server console
-    const logFunc =
-      level === "error"
-        ? console.error
-        : level === "warn"
-        ? console.warn
-        : console.log;
-    logFunc(`🔍 [BUYER-PORTAL-DEBUG] ${message}`, data || "");
-  }
-}
-
-/**
- * Safe function to extract error details without exposing sensitive data
- */
-export function sanitizeError(error: unknown): Record<string, any> {
-  if (error instanceof Error) {
-    return {
-      name: error.name,
-      message: error.message,
-      stack:
-        process.env.NODE_ENV === "development"
-          ? error.stack
-          : "Hidden in production",
-    };
-  }
-
-  if (typeof error === "string") {
-    return { message: error };
-  }
-
-  return { message: "Unknown error type", type: typeof error };
-}
-
-/**
- * Create a debug endpoint response for troubleshooting
- */
-export function createDebugResponse(req?: any, error?: unknown) {
-  const debugInfo = getDebugInfo(req);
-  const errorInfo = error ? sanitizeError(error) : null;
-
-  return {
-    debug: debugInfo,
-    error: errorInfo,
-    suggestions: [
-      "Check if authentication cookies are present and valid",
-      "Verify VTEX API endpoints are accessible",
-      "Ensure required query parameters are provided",
-      "Check server logs for more detailed error information",
-    ],
-  };
-}
-
-/**
- * Validate essential request data
- */
-export function validateRequest(
-  req?: any,
-  requiredQuery: string[] = []
-): {
-  isValid: boolean;
-  errors: string[];
-} {
-  const errors: string[] = [];
-
-  if (!req) {
-    errors.push("Request object is missing");
-  }
-
-  if (!req?.cookies || Object.keys(req.cookies).length === 0) {
-    errors.push("No cookies found in request");
-  }
-
-  // Check for VTEX auth cookie
-  const hasVtexAuth =
-    req?.cookies &&
-    Object.keys(req.cookies).some((key) =>
-      key.includes("VtexIdclientAutCookie")
-    );
-
-  if (!hasVtexAuth) {
-    errors.push("VTEX authentication cookie not found");
-  }
-
-  // Check required query parameters
-  for (const param of requiredQuery) {
-    if (!req?.query?.[param]) {
-      errors.push(`Required query parameter missing: ${param}`);
-    }
-  }
-
-  return {
-    isValid: errors.length === 0,
-    errors,
-  };
-}