@vtex/faststore-plugin-buyer-portal 2.0.29 → 2.0.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtex/faststore-plugin-buyer-portal",
-  "version": "2.0.29",
+  "version": "2.0.30",
   "description": "A plugin for faststore with buyer portal",
   "main": "index.js",
   "files": [
@@ -16,6 +16,8 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
+    "i18n:check": "node scripts/check-localization-keys.mjs check --base=main",
+    "i18n:refresh": "node scripts/check-localization-keys.mjs refresh",
     "prepare": "husky",
     "release": "yarn release:stable",
     "release:stable": "yarn check --integrity && yarn release-it -c .release-it.json --ci --no-npm",

package/src/features/addresses/components/AddressDropdownMenu/AddressDropdownMenu.tsx

@@ -192,7 +192,7 @@ ${t("shared.messages.changesTimeout")}`,
       <BasicDropdownMenu data-fs-bp-dropdown-menu>
         <DropdownItem onClick={handleOpenNewTab}>
           <Icon name="OpenNewTab" {...sizeProps} />
-          Open
+          {t("shared.buttons.open")}
         </DropdownItem>
         {!isAddressEditingRestricted && (
           <>

package/src/features/addresses/components/AddressesCard/AddressesCard.tsx

@@ -67,7 +67,7 @@ export default function AddressesCard({
                     <DropdownMenu>
                       <DropdownItem data-fs-card-dropdown-item>
                         <Icon name="ArrowSquareOut" data-fs-dropdown-icon />
-                        Open
+                        {t("shared.buttons.open")}
                       </DropdownItem>
                       <DropdownItem>
                         <Icon

package/src/features/buying-policies/components/AccountingFieldCriteriaSelector/AccountingFieldCriteriaSelector.tsx

@@ -4,6 +4,7 @@ import { useUI } from "@faststore/ui";
 
 import { useListAccountingFields } from "../../../accounting-fields/hooks";
 import { CustomDropdown } from "../../../shared/components/CustomDropdown/CustomDropdown";
+import { LocalizationEslintIgnore } from "../../../shared/components/LocalizationEslintIgnore/LocalizationEslintIgnore";
 import { useBuyerPortal } from "../../../shared/hooks";
 import { useLocalization } from "../../../shared/localization/LocalizationContext";
 import {
@@ -91,7 +92,9 @@ export const AccountingFieldCriteriaSelector = ({
     <div data-fs-bp-accounting-field-criteria-selector>
       <div data-fs-bp-accounting-fields-criteria-string>
         <span onClick={handleEditablePartClick} data-fs-bp-editable-part>
-          $exists(customData.customFields.fields[customFieldId="
+          <LocalizationEslintIgnore>
+            $exists(customData.customFields.fields[customFieldId="
+          </LocalizationEslintIgnore>
         </span>
 
         <div onClick={handleFieldClick} style={{ display: "inline-block" }}>
@@ -115,7 +118,7 @@ export const AccountingFieldCriteriaSelector = ({
         </div>
 
         <span onClick={handleEditablePartClick} data-fs-bp-editable-part>
-          "].value)
+          <LocalizationEslintIgnore>"].value)</LocalizationEslintIgnore>
         </span>
       </div>
     </div>

package/src/features/buying-policies/components/AccountingFieldCriteriaSelector/AccountingValueCriteriaSelector.tsx

@@ -8,6 +8,7 @@ import {
   useListAccountingValues,
 } from "../../../accounting-fields/hooks";
 import { CustomDropdown } from "../../../shared/components/CustomDropdown/CustomDropdown";
+import { LocalizationEslintIgnore } from "../../../shared/components/LocalizationEslintIgnore/LocalizationEslintIgnore";
 import { useBuyerPortal, useDebounce } from "../../../shared/hooks";
 import { useLocalization } from "../../../shared/localization/LocalizationContext";
 import {
@@ -216,7 +217,9 @@ export const AccountingValueCriteriaSelector = ({
     <div data-fs-bp-accounting-field-criteria-selector>
       <div data-fs-bp-accounting-fields-criteria-string>
         <span onClick={handleEditablePartClick} data-fs-bp-editable-part>
-          customData.customFields.fields[customFieldId="
+          <LocalizationEslintIgnore>
+            customData.customFields.fields[customFieldId="
+          </LocalizationEslintIgnore>
         </span>
 
         <div onClick={handleFieldClick} style={{ display: "inline-block" }}>
@@ -244,7 +247,9 @@ export const AccountingValueCriteriaSelector = ({
         </div>
 
         <span onClick={handleEditablePartClick} data-fs-bp-editable-part>
-          "].customFieldValueId="
+          <LocalizationEslintIgnore>
+            "].customFieldValueId="
+          </LocalizationEslintIgnore>
         </span>
 
         <div onClick={handleValueClick} style={{ display: "inline-block" }}>
@@ -275,7 +280,7 @@ export const AccountingValueCriteriaSelector = ({
         </div>
 
         <span onClick={handleEditablePartClick} data-fs-bp-editable-part>
-          "
+          <LocalizationEslintIgnore>"</LocalizationEslintIgnore>
         </span>
       </div>
     </div>

package/src/features/buying-policies/components/BudgetCriteriaSelector/BudgetCriteriaSelector.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from "react";
 
 import { CustomDropdown } from "../../../shared/components/CustomDropdown/CustomDropdown";
+import { LocalizationEslintIgnore } from "../../../shared/components/LocalizationEslintIgnore/LocalizationEslintIgnore";
 import { useBuyerPortal } from "../../../shared/hooks";
 import { useLocalization } from "../../../shared/localization/LocalizationContext";
 import { useGetBudgets } from "../../hooks/useGetBudgets";
@@ -90,7 +91,9 @@ export const BudgetCriteriaSelector = ({
     <div data-fs-bp-budget-criteria-selector>
       <div data-fs-bp-budget-criteria-string>
         <span onClick={handleEditablePartClick} data-fs-bp-editable-part>
-          $exists(budgetData.budgets[id="
+          <LocalizationEslintIgnore>
+            $exists(budgetData.budgets[id="
+          </LocalizationEslintIgnore>
         </span>
 
         <div onClick={handleBudgetValueClick}>
@@ -115,7 +118,7 @@ export const BudgetCriteriaSelector = ({
         </div>
 
         <span onClick={handleEditablePartClick} data-fs-bp-editable-part>
-          "])
+          <LocalizationEslintIgnore>"])</LocalizationEslintIgnore>
         </span>
       </div>
     </div>

package/src/features/contracts/components/UnableToRemoveContractsDrawer/UnableToRemoveContractsDrawer.tsx

@@ -37,6 +37,7 @@ export const UnableToRemoveContractsDrawer = ({
         </p>
         <p>
           {t("contracts.removeDrawer.unableDeselectHint", [
+            // eslint-disable-next-line no-restricted-syntax -- legacy hardcoded string, pending migration (see specs/custom-localization-system.md#out-of-scope)
             <strong key="organizationalUnit">organizational unit</strong>,
           ])}
         </p>

package/src/features/shared/components/LocalizationEslintIgnore/LocalizationEslintIgnore.tsx

@@ -0,0 +1,12 @@
+export type LocalizationEslintIgnoreProps = {
+  children: React.ReactNode;
+};
+
+/**
+ * Wraps non-translatable literals (e.g. technical/DSL syntax) so the
+ * localization guardrail ignores them. `eslint.config.mjs` exempts this
+ * component by name. See docs/conventions.md#localization.
+ */
+export const LocalizationEslintIgnore = ({
+  children,
+}: LocalizationEslintIgnoreProps) => <>{children}</>;

package/src/features/shared/components/index.ts

@@ -74,6 +74,10 @@ export {
   LevelDivider,
   type LevelDividerProps,
 } from "./LevelDivider/LevelDivider";
+export {
+  LocalizationEslintIgnore,
+  type LocalizationEslintIgnoreProps,
+} from "./LocalizationEslintIgnore/LocalizationEslintIgnore";
 export { Logo } from "./Logo/Logo";
 export { MainLinksDropdownMenu } from "./MainLinksDropdownMenu/MainLinksDropdownMenu";
 export { Pagination } from "./Pagination/Pagination";

package/src/features/shared/layouts/SumaPageLayout/SumaSidebar.tsx

@@ -48,7 +48,7 @@ export const SumaSidebar = ({
           aria-label="Back to contracts"
         >
           <Icon name="ChevronRight" width={16} height={16} />
-          Contracts
+          {t("layouts.navigation.contracts")}
         </Link>
       )}
 

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

@@ -33,4 +33,4 @@ export const STOREFRONT_RESOURCE_NAMES = {
 export type StorefrontResourceName =
   (typeof STOREFRONT_RESOURCE_NAMES)[keyof typeof STOREFRONT_RESOURCE_NAMES];
 
-export const CURRENT_VERSION = "2.0.29";
+export const CURRENT_VERSION = "2.0.30";