@vtex/faststore-plugin-buyer-portal 2.0.13 → 2.0.14

package/src/pages/productAssortment.tsx

@@ -4,6 +4,8 @@ import { ProductAssortmentLayout } from "../features/product-assortment/layouts"
 import { withErrorBoundary } from "../features/shared/components";
 import { ErrorBoundaryProps } from "../features/shared/components/ErrorBoundary/types";
 import { ErrorTabsLayout } from "../features/shared/layouts/ErrorTabsLayout/ErrorTabsLayout";
+import { LOCALIZATION_ENTRY_IDS } from "../features/shared/localization/constants";
+import { getLocalizationLabelsService } from "../features/shared/localization/services/get-localization-labels.service";
 import {
   type ClientContext,
   withAuthLoader,
@@ -29,6 +31,7 @@ export type ProductAssortmentPageData = {
     currentOrgUnit: OrgUnitBasicData;
     currentContract: ContractData | null;
     currentUser: UserData | null;
+    localization: { labels: Record<string, string> };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -38,11 +41,12 @@ const loaderFunction = async (
   data: LoaderData<ProductAssortmentQuery>
 ): Promise<AuthRouteProps<ProductAssortmentPageData>> => {
   const { contractId, orgUnitId } = data.query;
+  const locale = data.locale ?? "";
 
   return withAuthLoader(
     data,
     async ({ customerId, cookie, userId, ...clientContext }) => {
-      const [orgUnit, contract, user] = await Promise.all([
+      const [orgUnit, contract, user, localizationLabels] = await Promise.all([
         getOrgUnitBasicDataService({
           id: orgUnitId,
           cookie,
@@ -53,6 +57,10 @@ const loaderFunction = async (
           cookie,
         }),
         getUserByIdService({ orgUnitId, userId, cookie }),
+        getLocalizationLabelsService({
+          entryIds: LOCALIZATION_ENTRY_IDS.productAssortment,
+          locale,
+        }),
       ]);
 
       return {
@@ -66,6 +74,7 @@ const loaderFunction = async (
           currentOrgUnit: orgUnit,
           currentContract: contract,
           currentUser: user,
+          localization: { labels: localizationLabels },
         },
       };
     }

package/src/pages/profile.tsx

@@ -4,6 +4,8 @@ import { ProfileLayout } from "../features/profile/layouts";
 import { withErrorBoundary } from "../features/shared/components";
 import { ErrorBoundaryProps } from "../features/shared/components/ErrorBoundary/types";
 import { ErrorTabsLayout } from "../features/shared/layouts/ErrorTabsLayout/ErrorTabsLayout";
+import { LOCALIZATION_ENTRY_IDS } from "../features/shared/localization/constants";
+import { getLocalizationLabelsService } from "../features/shared/localization/services/get-localization-labels.service";
 import {
   type ClientContext,
   withLoaderErrorBoundary,
@@ -24,6 +26,7 @@ export type ProfilePageData = {
     currentOrgUnit: OrgUnitBasicData | null;
     currentContract: ContractData | null;
     currentUser: UserData | null;
+    localization: { labels: Record<string, string> };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -42,7 +45,14 @@ export async function loaderFunction(
   return withAuthLoader(
     data,
     async ({ customerId, cookie, userId, ...clientContext }) => {
+      const labelsPromise = getLocalizationLabelsService({
+        entryIds: LOCALIZATION_ENTRY_IDS.profile,
+        locale: data.locale,
+      });
+
       if (!contractId || !orgUnitId) {
+        const localizationLabels = await labelsPromise;
+
         return {
           data: null,
           context: {
@@ -50,11 +60,12 @@ export async function loaderFunction(
             currentOrgUnit: null,
             currentContract: null,
             currentUser: null,
+            localization: { labels: localizationLabels },
           },
         };
       }
 
-      const [orgUnit, contract, user] = await Promise.all([
+      const [orgUnit, contract, user, localizationLabels] = await Promise.all([
         getOrgUnitBasicDataService({
           cookie,
           id: orgUnitId,
@@ -65,6 +76,7 @@ export async function loaderFunction(
           unitId: orgUnitId,
         }),
         getUserByIdService({ orgUnitId, userId, cookie }),
+        labelsPromise,
       ]);
 
       return {
@@ -74,6 +86,7 @@ export async function loaderFunction(
           currentOrgUnit: orgUnit,
           currentContract: contract,
           currentUser: user,
+          localization: { labels: localizationLabels },
         },
       };
     }

package/src/pages/role-details.tsx

@@ -5,6 +5,9 @@ import { RolePermission } from "../features/roles/types";
 import { withErrorBoundary } from "../features/shared/components";
 import { ErrorBoundaryProps } from "../features/shared/components/ErrorBoundary/types";
 import { ErrorTabsLayout } from "../features/shared/layouts/ErrorTabsLayout/ErrorTabsLayout";
+import { LOCALIZATION_ENTRY_IDS } from "../features/shared/localization/constants";
+import { createLocalize } from "../features/shared/localization/createLocalize";
+import { getLocalizationLabelsService } from "../features/shared/localization/services/get-localization-labels.service";
 import {
   type ClientContext,
   withLoaderErrorBoundary,
@@ -26,6 +29,7 @@ export type RoleDetailsPageData = {
     clientContext: ClientContext;
     currentOrgUnit: OrgUnitBasicData | null;
     currentUser: UserData | null;
+    localization: { labels: Record<string, string> };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -37,12 +41,19 @@ const loaderFunction = async (
   const { orgUnitId, roleName } = data.query;
 
   return withAuthLoader(data, async ({ cookie, userId, ...clientContext }) => {
-    const rolesAndPermissions = await getRolesAndPermissionsService({
-      customerId: clientContext.customerId,
-      unitId: orgUnitId,
-      cookie,
-    });
+    const [rolesAndPermissions, localizationLabels] = await Promise.all([
+      getRolesAndPermissionsService({
+        customerId: clientContext.customerId,
+        unitId: orgUnitId,
+        cookie,
+      }),
+      getLocalizationLabelsService({
+        entryIds: LOCALIZATION_ENTRY_IDS.roles,
+        locale: data.locale,
+      }),
+    ]);
 
+    const t = createLocalize(localizationLabels);
     const roles = Object.keys(rolesAndPermissions);
 
     const cleanRoleName = String(roleName)
@@ -62,13 +73,14 @@ const loaderFunction = async (
     if (!currentRole) {
       return {
         data: {
-          roleName: "Not Found",
+          roleName: t("roles.details.notFound"),
           roles: [],
         },
         context: {
           clientContext: { cookie, userId, ...clientContext },
           currentOrgUnit,
           currentUser: user,
+          localization: { labels: localizationLabels },
         },
       };
     }
@@ -84,6 +96,7 @@ const loaderFunction = async (
         clientContext: { cookie, userId, ...clientContext },
         currentOrgUnit,
         currentUser: user,
+        localization: { labels: localizationLabels },
       },
     };
   });

package/src/pages/roles.tsx

@@ -6,6 +6,8 @@ import { RolePermission } from "../features/roles/types";
 import { withErrorBoundary } from "../features/shared/components";
 import { ErrorBoundaryProps } from "../features/shared/components/ErrorBoundary/types";
 import { ErrorTabsLayout } from "../features/shared/layouts/ErrorTabsLayout/ErrorTabsLayout";
+import { LOCALIZATION_ENTRY_IDS } from "../features/shared/localization/constants";
+import { getLocalizationLabelsService } from "../features/shared/localization/services/get-localization-labels.service";
 import {
   type ClientContext,
   withLoaderErrorBoundary,
@@ -28,6 +30,7 @@ export type RolesPageData = {
     currentOrgUnit: OrgUnitBasicData | null;
     currentContract: ContractData | null;
     currentUser: UserData | null;
+    localization: { labels: Record<string, string> };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -51,20 +54,29 @@ const loaderFunction = async (
       ? getContractDetailsService({ contractId, unitId: orgUnitId, cookie })
       : Promise.resolve(null);
 
-    const [rolesAndPermissions, currentOrgUnit, user, currentContract] =
-      await Promise.all([
-        getRolesAndPermissionsService({
-          unitId: orgUnitId,
-          customerId: clientContext.customerId,
-          cookie,
-        }),
-        getOrgUnitBasicDataService({
-          id: orgUnitId,
-          cookie,
-        }),
-        getUserByIdService({ orgUnitId, userId, cookie }),
-        contractDetailsPromise,
-      ]);
+    const [
+      rolesAndPermissions,
+      currentOrgUnit,
+      user,
+      currentContract,
+      localizationLabels,
+    ] = await Promise.all([
+      getRolesAndPermissionsService({
+        unitId: orgUnitId,
+        customerId: clientContext.customerId,
+        cookie,
+      }),
+      getOrgUnitBasicDataService({
+        id: orgUnitId,
+        cookie,
+      }),
+      getUserByIdService({ orgUnitId, userId, cookie }),
+      contractDetailsPromise,
+      getLocalizationLabelsService({
+        entryIds: LOCALIZATION_ENTRY_IDS.roles,
+        locale: data.locale,
+      }),
+    ]);
 
     return {
       data: {
@@ -75,6 +87,7 @@ const loaderFunction = async (
         currentOrgUnit,
         currentContract,
         currentUser: user,
+        localization: { labels: localizationLabels },
       },
     };
   });

package/src/pages/user-details.tsx

@@ -6,6 +6,8 @@ import { getRolesIdsService } from "../features/roles/services";
 import { withErrorBoundary } from "../features/shared/components";
 import { ErrorBoundaryProps } from "../features/shared/components/ErrorBoundary/types";
 import { ErrorTabsLayout } from "../features/shared/layouts/ErrorTabsLayout/ErrorTabsLayout";
+import { LOCALIZATION_ENTRY_IDS } from "../features/shared/localization/constants";
+import { getLocalizationLabelsService } from "../features/shared/localization/services/get-localization-labels.service";
 import {
   type ClientContext,
   withLoaderErrorBoundary,
@@ -17,6 +19,7 @@ import { getUserByIdService } from "../features/users/services/get-user-by-id.se
 
 import type { OrgUnitBasicData } from "../features/org-units/types";
 import type { RoleData } from "../features/roles/types";
+import type { LabelMap } from "../features/shared/localization/types";
 import type { AuthRouteProps, LoaderData } from "../features/shared/types";
 import type { UserData } from "../features/users/types";
 
@@ -35,6 +38,7 @@ export type UserDetailsPageData = {
     clientContext: ClientContext;
     currentOrgUnit: OrgUnitBasicData | null;
     currentUser: UserData | null;
+    localization?: { labels: LabelMap };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -55,23 +59,30 @@ const loaderFunction = async (
         data.res?.end();
       }
 
-      const [currentOrgUnit, orgUnitFromUser, rolesOptions] = await Promise.all(
-        [
-          getOrgUnitBasicDataService({
-            id: orgUnitId,
-            cookie,
-          }),
-          getOrgUnitByUserIdService({
-            userId,
-            cookie,
-          }),
-          getRolesIdsService({
-            unitId: orgUnitId,
-            customerId,
-            cookie,
-          }),
-        ]
-      );
+      const [
+        currentOrgUnit,
+        orgUnitFromUser,
+        rolesOptions,
+        localizationLabels,
+      ] = await Promise.all([
+        getOrgUnitBasicDataService({
+          id: orgUnitId,
+          cookie,
+        }),
+        getOrgUnitByUserIdService({
+          userId,
+          cookie,
+        }),
+        getRolesIdsService({
+          unitId: orgUnitId,
+          customerId,
+          cookie,
+        }),
+        getLocalizationLabelsService({
+          entryIds: LOCALIZATION_ENTRY_IDS.users,
+          locale: data.locale,
+        }),
+      ]);
 
       return {
         data: {
@@ -86,6 +97,7 @@ const loaderFunction = async (
           clientContext: { cookie, customerId, ...clientContext },
           currentOrgUnit,
           currentUser: user,
+          localization: { labels: localizationLabels },
         },
       };
     }

package/src/pages/users.tsx

@@ -5,6 +5,8 @@ import { RoleData } from "../features/roles/types";
 import { withErrorBoundary } from "../features/shared/components";
 import { ErrorBoundaryProps } from "../features/shared/components/ErrorBoundary/types";
 import { ErrorTabsLayout } from "../features/shared/layouts/ErrorTabsLayout/ErrorTabsLayout";
+import { LOCALIZATION_ENTRY_IDS } from "../features/shared/localization/constants";
+import { getLocalizationLabelsService } from "../features/shared/localization/services/get-localization-labels.service";
 import {
   type ClientContext,
   getValidPage,
@@ -20,6 +22,7 @@ import {
 
 import type { ContractData } from "../features/contracts/types";
 import type { OrgUnitBasicData } from "../features/org-units/types";
+import type { LabelMap } from "../features/shared/localization/types";
 import type { AuthRouteProps, LoaderData } from "../features/shared/types";
 import type {
   GetUsersByOrgUnitIdServiceProps,
@@ -40,6 +43,7 @@ export type UsersPageData = {
     currentContract: ContractData | null;
     currentUser: UserData | null;
     rolesOptions: RoleData[];
+    localization?: { labels: LabelMap };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -62,6 +66,11 @@ const loaderFunction = async (
     async ({ cookie, userId, customerId, ...clientContext }) => {
       const validPage = getValidPage(page);
 
+      const localizationLabels = await getLocalizationLabelsService({
+        entryIds: LOCALIZATION_ENTRY_IDS.users,
+        locale: data.locale,
+      });
+
       if (!orgUnitId) {
         return {
           data: {
@@ -77,6 +86,7 @@ const loaderFunction = async (
             currentOrgUnit: null,
             currentContract: null,
             rolesOptions: [],
+            localization: { labels: localizationLabels },
           },
         };
       }
@@ -141,6 +151,7 @@ const loaderFunction = async (
           currentContract,
           currentUser: user,
           rolesOptions,
+          localization: { labels: localizationLabels },
         },
       };
     }

package/vitest.config.ts

@@ -1,6 +1,19 @@
+import { fileURLToPath } from "node:url";
+
 import { defineConfig } from "vitest/config";
 
 export default defineConfig({
+  resolve: {
+    alias: {
+      // `discovery.config` is provided by the host store at runtime and is not
+      // available in the test environment. Return an empty module so that any
+      // code that transitively imports it (e.g. the OTLP logger context) does
+      // not break unit tests.
+      "discovery.config": fileURLToPath(
+        new URL("./src/__mocks__/discovery.config.ts", import.meta.url)
+      ),
+    },
+  },
   test: {
     environment: "node",
     coverage: {

package/src/features/addresses/constants/messages.ts

@@ -1,8 +0,0 @@
-export const ADDRESS_MESSAGES = {
-  defaultSaved: "Default address saved successfully",
-  defaultUnset: "Default address unset successfully",
-  defaultError: "An error occurred while setting the default address",
-  defaultUnsetError: "An error occurred while removing the default address",
-  locationSettingsError: "Failed on update Location data",
-  locationSettings: "Failed on fetch Location data",
-};

package/src/features/credit-cards/constants/messages.ts

@@ -1,6 +0,0 @@
-export const CREDIT_CARD_MESSAGES = {
-  defaultSaved: "Default credit card saved",
-  defaultUnset: "Default credit card unset",
-  defaultError: "Error setting default credit card",
-  defaultUnsetError: "Error unsetting default credit card",
-};