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

package/src/pages/buyer-organization-manager.tsx

@@ -2,11 +2,15 @@ import storeConfig from "discovery.config";
 
 import { B2BAgentLayout } from "../features/b2b-agent/layouts";
 import { withErrorBoundary } from "../features/shared/components";
+import { LOCALIZATION_ENTRY_IDS } from "../features/shared/localization/constants";
+import { LocalizationProvider } from "../features/shared/localization/LocalizationContext";
+import { getLocalizationLabelsService } from "../features/shared/localization/services/get-localization-labels.service";
 import {
   withAuthLoader,
   withLoaderErrorBoundary,
 } from "../features/shared/utils";
 
+import type { LabelMap } from "../features/shared/localization/types";
 import type { AuthRouteProps, LoaderData } from "../features/shared/types";
 
 /**
@@ -31,13 +35,18 @@ const getAuthCookieInfo = (
 
 type B2BAgentPageQuery = Record<string, never>;
 
+type B2BAgentPageData = { localizationLabels: LabelMap };
+
 const loaderFunction = async (
   data: LoaderData<B2BAgentPageQuery>
-): Promise<AuthRouteProps<undefined>> => {
+): Promise<AuthRouteProps<B2BAgentPageData>> => {
   return withAuthLoader(data, async () => {
-    // No business data is returned.
-    // The authenticated client context is enough for this page.
-    return undefined;
+    const localizationLabels = await getLocalizationLabelsService({
+      entryIds: LOCALIZATION_ENTRY_IDS.b2bAgent,
+      locale: data.locale,
+    });
+
+    return { localizationLabels };
   });
 };
 
@@ -46,7 +55,7 @@ export const loader = withLoaderErrorBoundary(loaderFunction, {
   redirectToError: true,
 });
 
-const B2BAgentPage = (props: AuthRouteProps<undefined>) => {
+const B2BAgentPage = (props: AuthRouteProps<B2BAgentPageData>) => {
   if (!props.authorized) return null;
 
   const cookieHeader = props.clientContext?.cookie ?? "";
@@ -73,13 +82,15 @@ const B2BAgentPage = (props: AuthRouteProps<undefined>) => {
   const userId = props.clientContext?.userId;
 
   return (
-    <B2BAgentLayout
-      vtexIdclientAutCookie={vtexIdclientAutCookie}
-      account={account}
-      locale={locale}
-      customerId={customerId}
-      userId={userId}
-    />
+    <LocalizationProvider labels={props.data?.localizationLabels ?? {}}>
+      <B2BAgentLayout
+        vtexIdclientAutCookie={vtexIdclientAutCookie}
+        account={account}
+        locale={locale}
+        customerId={customerId}
+        userId={userId}
+      />
+    </LocalizationProvider>
   );
 };
 

package/src/pages/buying-policies.tsx

@@ -5,6 +5,8 @@ import { getOrgUnitBasicDataService } from "../features/org-units/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,
   getValidPage,
@@ -31,6 +33,7 @@ export type BuyingPoliciesPageData = {
     clientContext: ClientContext;
     currentOrgUnit: OrgUnitBasicData | null;
     currentUser: UserData | null;
+    localization: { labels: Record<string, string> };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -53,7 +56,14 @@ const loaderFunction = async (
   return withAuthLoader(
     data,
     async ({ cookie, userId, customerId, ...clientContext }) => {
+      const labelsPromise = getLocalizationLabelsService({
+        entryIds: LOCALIZATION_ENTRY_IDS.buyingPolicies,
+        locale: data.locale,
+      });
+
       if (!contractId || !orgUnitId) {
+        const localizationLabels = await labelsPromise;
+
         return {
           buyingPolicies: [],
           total: 0,
@@ -64,30 +74,37 @@ const loaderFunction = async (
             currentOrgUnit: null,
             currentContract: null,
             currentUser: null,
+            localization: { labels: localizationLabels },
           },
         };
       }
 
-      const [currentOrgUnit, user, contract, buyingPoliciesResponse] =
-        await Promise.all([
-          getOrgUnitBasicDataService({
-            id: orgUnitId,
-            cookie,
-          }),
-          getUserByIdService({ orgUnitId, userId, cookie }),
-          getContractDetailsService({
-            contractId,
-            cookie,
-            unitId: orgUnitId,
-          }),
-          getBuyingPoliciesService({
-            orgUnitId,
-            contractId,
-            cookie,
-            page,
-            search,
-          }),
-        ]);
+      const [
+        currentOrgUnit,
+        user,
+        contract,
+        buyingPoliciesResponse,
+        localizationLabels,
+      ] = await Promise.all([
+        getOrgUnitBasicDataService({
+          id: orgUnitId,
+          cookie,
+        }),
+        getUserByIdService({ orgUnitId, userId, cookie }),
+        getContractDetailsService({
+          contractId,
+          cookie,
+          unitId: orgUnitId,
+        }),
+        getBuyingPoliciesService({
+          orgUnitId,
+          contractId,
+          cookie,
+          page,
+          search,
+        }),
+        labelsPromise,
+      ]);
 
       const { data: buyingPolicies = [], total = 0 } = buyingPoliciesResponse;
 
@@ -107,6 +124,7 @@ const loaderFunction = async (
           currentOrgUnit,
           currentUser: user,
           currentContract: contract,
+          localization: { labels: localizationLabels },
         },
       };
     }

package/src/pages/buying-policy-details.tsx

@@ -5,6 +5,8 @@ import { getOrgUnitBasicDataService } from "../features/org-units/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,
@@ -27,6 +29,7 @@ export type BuyingPolicyDetailsPageData = {
     clientContext: ClientContext;
     currentOrgUnit: OrgUnitBasicData | null;
     currentUser: UserData | null;
+    localization: { labels: Record<string, string> };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -44,25 +47,22 @@ const loaderFunction = async (
   const { contractId, orgUnitId, buyingPolicyId } = data.query;
 
   return withAuthLoader(data, async ({ cookie, userId, ...clientContext }) => {
-    const currentOrgUnit = await getOrgUnitBasicDataService({
-      id: orgUnitId,
-      cookie,
-    });
-
-    const user = await getUserByIdService({ orgUnitId, userId, cookie });
-
-    const contract = await getContractDetailsService({
-      contractId,
-      cookie,
-      unitId: orgUnitId,
-    });
-
-    const buyingPolicy = await getBuyingPolicyService({
-      orgUnitId,
-      contractId,
-      buyingPolicyId,
-      cookie,
-    });
+    const [currentOrgUnit, user, contract, buyingPolicy, localizationLabels] =
+      await Promise.all([
+        getOrgUnitBasicDataService({ id: orgUnitId, cookie }),
+        getUserByIdService({ orgUnitId, userId, cookie }),
+        getContractDetailsService({ contractId, cookie, unitId: orgUnitId }),
+        getBuyingPolicyService({
+          orgUnitId,
+          contractId,
+          buyingPolicyId,
+          cookie,
+        }),
+        getLocalizationLabelsService({
+          entryIds: LOCALIZATION_ENTRY_IDS.buyingPolicies,
+          locale: data.locale,
+        }),
+      ]);
 
     return {
       data: {
@@ -73,6 +73,7 @@ const loaderFunction = async (
         currentOrgUnit,
         currentUser: user,
         currentContract: contract,
+        localization: { labels: localizationLabels },
       },
     };
   });

package/src/pages/contracts.tsx

@@ -3,6 +3,8 @@ import { listAttachedContractsService } from "../features/contracts/services";
 import { getOrgUnitBasicDataService } from "../features/org-units/services";
 import { withErrorBoundary } from "../features/shared/components";
 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,
@@ -15,6 +17,7 @@ import { getUserByIdService } from "../features/users/services";
 import type { ContractData } from "../features/contracts/types";
 import type { OrgUnitBasicData } from "../features/org-units/types";
 import type { ErrorBoundaryProps } from "../features/shared/components/ErrorBoundary/types";
+import type { LabelMap } from "../features/shared/localization/types";
 import type { AuthRouteProps, LoaderData } from "../features/shared/types";
 import type { UserData } from "../features/users/types";
 
@@ -27,6 +30,7 @@ export type ContractsPageData = {
   };
   context: {
     clientContext: ClientContext;
+    localization?: { labels: LabelMap };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -59,10 +63,19 @@ const loaderFunction = async (
         return { redirected: true } as unknown as ContractsPageData;
       }
 
-      const [orgUnit, contracts, user] = await Promise.all([
+      const [orgUnit, contracts, user, localizationLabels] = await Promise.all([
         getOrgUnitBasicDataService({ id: orgUnitId, cookie }),
         listAttachedContractsService({ orgUnitId, cookie }),
         getUserByIdService({ orgUnitId, userId, cookie }),
+        getLocalizationLabelsService({
+          entryIds: [
+            LOCALIZATION_ENTRY_IDS.contracts,
+            LOCALIZATION_ENTRY_IDS.orgUnits,
+            LOCALIZATION_ENTRY_IDS.addresses,
+            LOCALIZATION_ENTRY_IDS.accountingFields,
+          ],
+          locale: data.locale,
+        }),
       ]);
 
       return {
@@ -73,6 +86,7 @@ const loaderFunction = async (
         },
         context: {
           clientContext: { cookie, userId, ...clientContext },
+          localization: { labels: localizationLabels },
         },
       };
     }

package/src/pages/credit-cards.tsx

@@ -6,6 +6,8 @@ import { getOrgUnitBasicDataService } from "../features/org-units/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,
@@ -16,6 +18,7 @@ import { getUserByIdService } from "../features/users/services";
 
 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 { UserData } from "../features/users/types";
 
@@ -26,6 +29,7 @@ export type CreditCardPageData = {
     clientContext: ClientContext;
     currentOrgUnit: OrgUnitBasicData | null;
     currentUser: UserData | null;
+    localization?: { labels: LabelMap };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -42,23 +46,31 @@ const loaderFunction = async (
   const { contractId, orgUnitId } = data.query;
 
   return withAuthLoader(data, async ({ cookie, userId, ...clientContext }) => {
-    const [currentOrgUnit, user, contract, creditCards] = await Promise.all([
-      getOrgUnitBasicDataService({
-        id: orgUnitId,
-        cookie,
-      }),
-      getUserByIdService({ orgUnitId, userId, cookie }),
-      getContractDetailsService({
-        contractId,
-        cookie,
-        unitId: orgUnitId,
-      }),
-      getCreditCardsListService({
-        cookie,
-        unitId: orgUnitId,
-        customerId: contractId,
-      }),
-    ]);
+    const [currentOrgUnit, user, contract, creditCards, localizationLabels] =
+      await Promise.all([
+        getOrgUnitBasicDataService({
+          id: orgUnitId,
+          cookie,
+        }),
+        getUserByIdService({ orgUnitId, userId, cookie }),
+        getContractDetailsService({
+          contractId,
+          cookie,
+          unitId: orgUnitId,
+        }),
+        getCreditCardsListService({
+          cookie,
+          unitId: orgUnitId,
+          customerId: contractId,
+        }),
+        getLocalizationLabelsService({
+          entryIds: [
+            LOCALIZATION_ENTRY_IDS.creditCards,
+            LOCALIZATION_ENTRY_IDS.addresses,
+          ],
+          locale: data.locale,
+        }),
+      ]);
 
     return {
       data: creditCards,
@@ -67,6 +79,7 @@ const loaderFunction = async (
         currentOrgUnit,
         currentUser: user,
         currentContract: contract,
+        localization: { labels: localizationLabels },
       },
     };
   });

package/src/pages/order-entry.tsx

@@ -2,12 +2,16 @@ import storeConfig from "discovery.config";
 
 import { OrderEntryLayout } from "../features/order-entry/layouts/OrderEntryLayout";
 import { withErrorBoundary } from "../features/shared/components";
+import { LOCALIZATION_ENTRY_IDS } from "../features/shared/localization/constants";
+import { LocalizationProvider } from "../features/shared/localization/LocalizationContext";
+import { getLocalizationLabelsService } from "../features/shared/localization/services/get-localization-labels.service";
 import { validateOrderEntryAccessService } from "../features/shared/services";
 import {
   withAuthLoader,
   withLoaderErrorBoundary,
 } from "../features/shared/utils";
 
+import type { LabelMap } from "../features/shared/localization/types";
 import type { AuthRouteProps, LoaderData } from "../features/shared/types";
 
 /**
@@ -56,15 +60,20 @@ const getAuthCookieInfo = (
 
 type OrderEntryPageQuery = Record<string, never>;
 
+type OrderEntryPageData = { localizationLabels: LabelMap };
+
 const loaderFunction = async (
   data: LoaderData<OrderEntryPageQuery>
-): Promise<AuthRouteProps<undefined>> => {
+): Promise<AuthRouteProps<OrderEntryPageData>> => {
   return withAuthLoader(
     data,
     async () => {
-      // No business data is returned.
-      // The authenticated client context is enough for this page.
-      return undefined;
+      const localizationLabels = await getLocalizationLabelsService({
+        entryIds: LOCALIZATION_ENTRY_IDS.orderEntry,
+        locale: data.locale,
+      });
+
+      return { localizationLabels };
     },
     { validateAccess: validateOrderEntryAccessService }
   );
@@ -75,7 +84,7 @@ export const loader = withLoaderErrorBoundary(loaderFunction, {
   redirectToError: true,
 });
 
-const OrderEntryPage = (props: AuthRouteProps<undefined>) => {
+const OrderEntryPage = (props: AuthRouteProps<OrderEntryPageData>) => {
   if (!props.authorized) return null;
 
   const cookieHeader = props.clientContext?.cookie ?? "";
@@ -106,16 +115,18 @@ const OrderEntryPage = (props: AuthRouteProps<undefined>) => {
   const userId = props.clientContext?.userId;
 
   return (
-    <OrderEntryLayout
-      vtexIdclientAutCookie={vtexIdclientAutCookie}
-      vtexIdclientAutCookie_client={vtexIdclientAutCookie}
-      segment={segment}
-      session={session}
-      account={account}
-      locale={locale}
-      customerId={customerId}
-      userId={userId}
-    />
+    <LocalizationProvider labels={props.data?.localizationLabels ?? {}}>
+      <OrderEntryLayout
+        vtexIdclientAutCookie={vtexIdclientAutCookie}
+        vtexIdclientAutCookie_client={vtexIdclientAutCookie}
+        segment={segment}
+        session={session}
+        account={account}
+        locale={locale}
+        customerId={customerId}
+        userId={userId}
+      />
+    </LocalizationProvider>
   );
 };
 

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

@@ -6,6 +6,8 @@ import {
 } from "../features/org-units/services";
 import { withErrorBoundary } from "../features/shared/components";
 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 { getBuyerPortalFeatureFlags } from "../features/shared/services/feature-flags/get-feature-flags.service";
 import {
   type ClientContext,
@@ -21,6 +23,7 @@ import type {
   OrgUnitBasicData,
   OrgUnitSettings,
 } from "../features/org-units/types";
+import type { LabelMap } from "../features/shared/localization/types";
 import type { AuthRouteProps, LoaderData } from "../features/shared/types";
 import type { UserData } from "../features/users/types";
 
@@ -34,6 +37,7 @@ export type OrgUnitDetailsPageData = {
   };
   context: {
     clientContext: ClientContext;
+    localization?: { labels: LabelMap };
   };
   hasError?: boolean;
   error?: {
@@ -75,12 +79,21 @@ const loaderFunction = async (
       return { redirected: true } as unknown as OrgUnitDetailsPageData;
     }
 
-    const [orgUnit, user, contracts, settings] = await Promise.all([
-      getOrgUnitBasicDataService({ id: orgUnitId, cookie }),
-      getUserByIdService({ orgUnitId, userId, cookie }),
-      getContractsByOrgUnitIdService({ orgUnitId, cookie }),
-      getOrgUnitSettingsService({ unitId: orgUnitId, cookie }),
-    ]);
+    const [orgUnit, user, contracts, settings, localizationLabels] =
+      await Promise.all([
+        getOrgUnitBasicDataService({ id: orgUnitId, cookie }),
+        getUserByIdService({ orgUnitId, userId, cookie }),
+        getContractsByOrgUnitIdService({ orgUnitId, cookie }),
+        getOrgUnitSettingsService({ unitId: orgUnitId, cookie }),
+        getLocalizationLabelsService({
+          entryIds: [
+            LOCALIZATION_ENTRY_IDS.orgUnits,
+            LOCALIZATION_ENTRY_IDS.addresses,
+            LOCALIZATION_ENTRY_IDS.accountingFields,
+          ],
+          locale: data.locale,
+        }),
+      ]);
 
     return {
       data: {
@@ -91,6 +104,7 @@ const loaderFunction = async (
       },
       context: {
         clientContext: { cookie, userId, ...clientContext },
+        localization: { labels: localizationLabels },
       },
     };
   });

package/src/pages/org-units.tsx

@@ -9,6 +9,8 @@ import {
 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,
@@ -22,6 +24,7 @@ import type {
   OrgUnitBasicData,
   OrgUnitSearchResponse,
 } from "../features/org-units/types";
+import type { LabelMap } from "../features/shared/localization/types";
 import type { AuthRouteProps, LoaderData } from "../features/shared/types";
 import type { UserData } from "../features/users/types";
 
@@ -33,6 +36,7 @@ export type OrgUnitsPageData = {
     currentOrgUnit: OrgUnitBasicData | null;
     currentContract: ContractData | null;
     currentUser: UserData | null;
+    localization?: { labels: LabelMap };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -52,12 +56,17 @@ const loaderFunction = async (
   return withAuthLoader(
     data,
     async ({ cookie, customerId, userId, ...restClientContext }) => {
-      const currentOrgUnit = await getOrgUnitBasicDataService({
-        id: data.query.orgUnitId,
-        cookie,
-      });
-
-      const user = await getUserByIdService({ orgUnitId, userId, cookie });
+      const [currentOrgUnit, user, localizationLabels] = await Promise.all([
+        getOrgUnitBasicDataService({
+          id: data.query.orgUnitId,
+          cookie,
+        }),
+        getUserByIdService({ orgUnitId, userId, cookie }),
+        getLocalizationLabelsService({
+          entryIds: LOCALIZATION_ENTRY_IDS.orgUnits,
+          locale: data.locale,
+        }),
+      ]);
 
       // Organizational Units don't need contract data, but the sidebar
       // (rendered by shared layouts) uses `currentContract` for its identity
@@ -78,6 +87,8 @@ const loaderFunction = async (
         ...restClientContext,
       };
 
+      const localization = { labels: localizationLabels };
+
       if (search) {
         return {
           data: await searchOrgUnitsByNameService({
@@ -91,6 +102,7 @@ const loaderFunction = async (
             currentOrgUnit,
             currentContract,
             currentUser: user,
+            localization,
           },
         };
       }
@@ -118,6 +130,7 @@ const loaderFunction = async (
             currentOrgUnit,
             currentContract,
             currentUser: user,
+            localization,
           },
         };
       }
@@ -133,6 +146,7 @@ const loaderFunction = async (
           currentOrgUnit,
           currentContract,
           currentUser: user,
+          localization,
         },
       };
     }

package/src/pages/payment-groups.tsx

@@ -8,6 +8,8 @@ import {
 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,
@@ -20,6 +22,7 @@ import { getUserByIdService } from "../features/users/services";
 import type { ContractData } from "../features/contracts/types";
 import type { OrgUnitBasicData } from "../features/org-units/types";
 import type { PaginatedPaymentMethod } from "../features/payment-methods/types";
+import type { LabelMap } from "../features/shared/localization/types";
 import type { AuthRouteProps, LoaderData } from "../features/shared/types";
 import type { UserData } from "../features/users/types";
 
@@ -32,6 +35,7 @@ export type PaymentMethodsPageData = {
     clientContext: ClientContext;
     currentOrgUnit: OrgUnitBasicData | null;
     currentUser: UserData | null;
+    localization?: { labels: LabelMap };
   };
   hasError?: boolean;
   error?: ErrorBoundaryProps;
@@ -51,18 +55,16 @@ const loaderFunction = async (
   const page = getValidPage(pageString);
 
   return withAuthLoader(data, async ({ cookie, userId, ...clientContext }) => {
-    const currentOrgUnit = await getOrgUnitBasicDataService({
-      id: orgUnitId,
-      cookie,
-    });
-
-    const user = await getUserByIdService({ orgUnitId, userId, cookie });
-
-    const contract = await getContractDetailsService({
-      contractId,
-      cookie,
-      unitId: orgUnitId,
-    });
+    const [currentOrgUnit, user, contract, localizationLabels] =
+      await Promise.all([
+        getOrgUnitBasicDataService({ id: orgUnitId, cookie }),
+        getUserByIdService({ orgUnitId, userId, cookie }),
+        getContractDetailsService({ contractId, cookie, unitId: orgUnitId }),
+        getLocalizationLabelsService({
+          entryIds: LOCALIZATION_ENTRY_IDS.paymentMethods,
+          locale: data.locale,
+        }),
+      ]);
 
     const paymentMethods = await getPaymentMethodsByUnitIdService({
       customerId: contractId,
@@ -88,6 +90,7 @@ const loaderFunction = async (
         currentOrgUnit,
         currentUser: user,
         currentContract: contract,
+        localization: { labels: localizationLabels },
       },
     };
   });