@vtex/faststore-plugin-buyer-portal 1.1.102 → 1.1.104

package/package.json

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

package/src/features/org-units/clients/OrgUnitClient.ts

@@ -18,7 +18,6 @@ export class OrgUnitClient extends Client {
       headers: {
         Cookie: cookie,
       },
-      cache: "force-cache",
     });
   }
 

package/src/features/profile/layouts/ProfileLayout/profile-layout.scss

@@ -8,6 +8,7 @@
   @import "../../../shared/components/Error/error.scss";
 
   width: 100%;
+  padding: var(--fs-text-size-1) var(--fs-spacing-7);
 
   [data-fs-bp-profile-details-title] {
     font-weight: var(--fs-text-weight-semibold);

package/src/features/shared/clients/Client.ts

@@ -3,7 +3,6 @@ import {
   getAuthFromCookie,
   getCookieWithoutSessionObjects,
 } from "../utils/cookie";
-import { extractErrorMessage } from "../utils/extractErrorMessage";
 
 interface RequestConfig<Input = unknown> {
   url: string;
@@ -108,25 +107,11 @@ class Client {
       }
 
       if (!response.ok) {
-        const errorMessage = extractErrorMessage(response, responseData);
-
-        const clientError = this.createClientError(
-          errorMessage,
-          response,
-          responseData,
-          {
-            url,
-            method,
-            data,
-            headers,
-            params,
-            ignoreContentType,
-            cache,
-            componentName,
-          }
+        console.error(`Request to ${url} failed:`, responseData);
+        console.error(response.status, response.statusText);
+        throw new Error(
+          responseData ? JSON.stringify(responseData) : "Request failed"
         );
-
-        throw clientError;
       }
 
       return responseData as Return;

package/src/features/shared/components/Error/error.scss

@@ -55,17 +55,20 @@
       font-size: var(--fs-text-size-2);
       font-weight: var(--fs-text-weight-medium);
       color: #e2e2e2;
+      text-wrap: wrap;
     }
 
     [data-fs-bp-error-details-stack] {
       font-size: var(--fs-text-size-2);
       margin: var(--fs-spacing-4) 0;
       font-weight: var(--fs-text-weight-medium);
+      text-wrap: wrap;
     }
 
     [data-fs-bp-error-details-component] {
       font-size: var(--fs-text-size-2);
       font-weight: var(--fs-text-weight-medium);
+      text-wrap: wrap;
     }
   }
 }

package/src/features/shared/layouts/BaseTabsLayout/SidebarMenu.tsx

@@ -26,8 +26,8 @@ export const SidebarMenu = ({ ...otherProps }: SidebarMenuProps) => {
 
   const router = useRouter();
 
-  const orgUnitId = router.query.orgUnitId as string;
-  const customerId = router.query.contractId as string;
+  const orgUnitId = (router.query.orgUnitId as string) || "";
+  const customerId = (router.query.contractId as string) || "";
 
   const idContract =
     (currentContract?.id
@@ -38,8 +38,8 @@ export const SidebarMenu = ({ ...otherProps }: SidebarMenuProps) => {
     <aside data-fs-bp-sidebar-menu {...otherProps}>
       <VerticalNav.Menu title="Contract">
         {getContractSettingsLinks({
-          orgUnitId: orgUnitId ?? currentOrgUnit?.id ?? "",
-          contractId: customerId ?? idContract,
+          orgUnitId: orgUnitId || currentOrgUnit?.id || "",
+          contractId: customerId || idContract,
         }).map((option) => (
           <VerticalNav.Link key={option.name} link={option.link}>
             {option.name}

package/src/features/shared/layouts/ErrorTabsLayout/ErrorTabsLayout.tsx

@@ -54,8 +54,8 @@ export const ErrorTabsLayout = ({ children, error }: ErrorTabsLayoutProps) => {
     currentContract: contract,
   } = useBuyerPortal();
 
-  const orgUnitId = router.query.orgUnitId as string;
-  const customerId = router.query.contractId as string;
+  const orgUnitId = (router.query.orgUnitId as string) || "";
+  const customerId = (router.query.contractId as string) || "";
 
   const layoutConfig = getTabsLayoutConfigFromRoute(router.route);
 

package/src/features/shared/layouts/ErrorTabsLayout/error-tabs-layout.scss

@@ -1 +1 @@
-@import "../../components//Error/error.scss";
+@import "../../components/Error/error.scss";

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

@@ -1,9 +1,13 @@
 const base = "/pvt/organization-account";
 
 function replaceParams(template: string, params: Record<string, string>) {
-  return Object.entries(params).reduce((url, [key, value]) => {
-    return url.replace(`[${key}]`, value);
-  }, template);
+  return Object.entries(params)
+    .reduce((url, [key, value]) => {
+      // Handle empty or undefined values by replacing with empty string
+      const cleanValue = value || "";
+      return url.replace(`[${key}]`, cleanValue);
+    }, template)
+    .replace(/\/+/g, "/"); // Remove consecutive slashes
 }
 
 export const buyerPortalRoutes = {