@vtex/faststore-plugin-buyer-portal 2.0.16 → 2.0.17

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.0.17] - 2026-07-30
+
+### Fixed
+
+- Org Unit Details' single-contract card showed the Org Unit's name and initial under the avatar instead of the linked contract's, in the pre-`suma` `OrgUnitDetailsLayout` flow
+
 ## [2.0.16] - 2026-07-28
 
 ### Added
@@ -803,7 +809,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add CHANGELOG file
 - Add README file
 
-[unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v2.0.16...HEAD
+[unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v2.0.17...HEAD
 [1.3.55]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.54...v1.3.55
 [1.3.54]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.53...v1.3.54
 [1.3.53]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.52...v1.3.53
@@ -901,6 +907,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [2.0.10]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v2.0.9...v2.0.10
 [2.0.9]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/2.0.9
 
+[2.0.17]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v2.0.16...v2.0.17
 [2.0.16]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v2.0.15...v2.0.16
 [2.0.15]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v2.0.14...v2.0.15
 [2.0.14]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v2.0.13...v2.0.14

package/package.json

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

package/src/features/org-units/layouts/OrgUnitDetailsLayout/OrgUnitDetailsLayout.tsx

@@ -80,6 +80,7 @@ export const OrgUnitsDetailsLayout = ({
   const { t } = useLocalization();
 
   const isSingleContract = contracts.length <= 1;
+  const singleContract = contracts[0];
 
   const { orgUnit: userUnit } = useOrgUnitByUser(user?.id ?? "");
 
@@ -262,12 +263,15 @@ export const OrgUnitsDetailsLayout = ({
               footerMessage={t("orgUnitDetails.links.manageContractSettings")}
               footerLink={buyerPortalRoutes.profileDetails({
                 orgUnitId: orgUnit.id,
-                contractId: contracts[0]?.id ?? "",
+                contractId: singleContract?.id ?? "",
               })}
               enableFooter
             >
-              <LetterHighlight letter={orgUnit.name[0]} />
-              <VerticalNav.Menu title={orgUnit.name} loading={loading}>
+              <LetterHighlight letter={singleContract?.name ?? ""} />
+              <VerticalNav.Menu
+                title={singleContract?.name ?? ""}
+                loading={loading}
+              >
                 {loading ? (
                   Array(8)
                     .fill(null)
@@ -293,34 +297,35 @@ export const OrgUnitsDetailsLayout = ({
               subTitle={contracts.length}
               data-fs-bp-contracts-list-card
             >
-              {contracts.map((contract) => (
-                <BasicCard.Line
-                  key={contract.id}
-                  title={contract.name ?? ""}
-                  icon={
-                    <LetterHighlight
-                      size="small"
-                      letter={contract.name ?? ""}
-                    />
-                  }
-                  href={buyerPortalRoutes.profileDetails({
-                    orgUnitId: orgUnit.id,
-                    contractId: contract.id,
-                  })}
-                  menu={
-                    <BasicDropdownMenu>
-                      <DropdownItem>
-                        <Icon
-                          name="Edit"
-                          width={ICON_SIZE}
-                          height={ICON_SIZE}
-                        />
-                        {t("orgUnitDetails.actions.edit")}
-                      </DropdownItem>
-                    </BasicDropdownMenu>
-                  }
-                />
-              ))}
+              {contracts.map((contract) => {
+                const contractName = contract.name ?? "";
+
+                return (
+                  <BasicCard.Line
+                    key={contract.id}
+                    title={contractName}
+                    icon={
+                      <LetterHighlight size="small" letter={contractName} />
+                    }
+                    href={buyerPortalRoutes.profileDetails({
+                      orgUnitId: orgUnit.id,
+                      contractId: contract.id,
+                    })}
+                    menu={
+                      <BasicDropdownMenu>
+                        <DropdownItem>
+                          <Icon
+                            name="Edit"
+                            width={ICON_SIZE}
+                            height={ICON_SIZE}
+                          />
+                          {t("orgUnitDetails.actions.edit")}
+                        </DropdownItem>
+                      </BasicDropdownMenu>
+                    }
+                  />
+                );
+              })}
             </BasicCard>
           )}
           <BasicCard

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

@@ -22,4 +22,4 @@ export const SCOPE_KEYS = {
   CREDIT_CARDS: "creditCards",
 } as const;
 
-export const CURRENT_VERSION = "2.0.16";
+export const CURRENT_VERSION = "2.0.17";