@vtex/faststore-plugin-buyer-portal 1.3.14 → 1.3.16-experimental.20251103194517

package/.github/workflows/betarelease.yaml

@@ -0,0 +1,69 @@
+# This Action runs on experimental branch and publishes an experimental version to npm
+name: CD Beta
+
+on:
+  push:
+    branches:
+      - beta
+
+jobs:
+  build:
+    name: BuyerPortal Beta
+    timeout-minutes: 15
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 2
+
+      - name: Setup Node.js environment
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "yarn"
+          registry-url: "https://registry.npmjs.org"
+
+      - name: Configure CI Git User
+        run: |
+          git config user.name vtexgithubbot
+          git config user.email vtexgithubbot@github.com
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Get current version
+        id: get_version
+        run: |
+          CURRENT_VERSION=$(node -p "require('./package.json').version")
+          echo "current_version=$CURRENT_VERSION" >> $GITHUB_OUTPUT
+
+      - name: Generate experimental version
+        id: generate_version
+        run: |
+          # Extract base version (remove any existing prerelease suffix)
+          BASE_VERSION=$(echo "${{ steps.get_version.outputs.current_version }}" | sed -E 's/(-.*)?$//')
+          # Generate timestamp-based identifier
+          TIMESTAMP=$(date +%Y%m%d%H%M%S)
+          # Create experimental version
+          EXPERIMENTAL_VERSION="${BASE_VERSION}-experimental.${TIMESTAMP}"
+          echo "experimental_version=$EXPERIMENTAL_VERSION" >> $GITHUB_OUTPUT
+          echo "Publishing experimental version: $EXPERIMENTAL_VERSION"
+
+      - name: Update package.json version
+        run: |
+          npm version ${{ steps.generate_version.outputs.experimental_version }} --no-git-tag-version
+
+      - name: Publish experimental version
+        run: yarn publish --non-interactive --tag experimental
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Push changes and tags
+        run: |
+          git config user.email "vtexgithubbot@github.com"
+          git config user.name "vtexgithubbot"
+          git add package.json
+          git commit -m "chore: publish experimental version ${{ steps.generate_version.outputs.experimental_version }}" || echo "No changes to commit"
+          git push origin experimental || echo "No changes to push"

package/CHANGELOG.md

@@ -7,6 +7,22 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- Create BETA publish flow
+
+## [1.3.16] - 2025-11-03
+
+### Added
+
+- Add rename and delete options to dropdown
+
+## [1.3.15] - 2025-11-03
+
+### Added
+
+- Disable default button for inactive credit card
+
 ## [1.3.14] - 2025-11-03
 
 ### Fixed
@@ -15,6 +31,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [1.3.13] - 2025-11-03
 
+### Fixed
+
 - Setup OTLP to send log events on error boundary
 
 ## [1.3.12] - 2025-10-30
@@ -181,7 +199,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/v1.3.14...HEAD
+[unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.16...HEAD
 [1.2.3]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.2.2...1.2.3
 [1.2.3]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.2.3
 [1.2.4]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.2.4
@@ -196,6 +214,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 # <<<<<<< HEAD
 
+[1.3.16]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.15...v1.3.16
+[1.3.15]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.14...v1.3.15
 [1.3.14]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.13...v1.3.14
 [1.3.13]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.12...v1.3.13
 [1.3.12]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.11...v1.3.12

package/beta-release.sh

@@ -0,0 +1,23 @@
+#!/bin/bash
+
+BRANCH_NAME="beta"
+
+echo "Attempting to checkout branch: $BRANCH_NAME"
+
+git fetch --all
+
+echo "Delete current $BRANCH_NAME"
+git branch -D "$BRANCH_NAME"
+
+echo "Create branch $BRANCH_NAME"
+git checkout -b "$BRANCH_NAME"
+
+git add .
+
+echo "Update $BRANCH_NAME"
+git commit -m "Update BETA environment"
+
+git push --set-upstream origin +$BRANCH_NAME
+
+echo "Go back to previous branch on local workspace"
+git checkout -

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtex/faststore-plugin-buyer-portal",
-  "version": "1.3.14",
+  "version": "1.3.16-experimental.20251103194517",
   "description": "A plugin for faststore with buyer portal",
   "main": "index.js",
   "scripts": {
@@ -8,7 +8,8 @@
     "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix",
     "prepare": "husky",
     "release": "yarn release:stable",
-    "release:stable": "yarn check --integrity && yarn release-it -c .release-it.json --ci --no-npm"
+    "release:stable": "yarn check --integrity && yarn release-it -c .release-it.json --ci --no-npm",
+    "release:beta": "./beta-release.sh"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [

package/src/features/credit-cards/components/CreditCardDropdownMenu/CreditCardDropdownMenu.tsx

@@ -114,17 +114,18 @@ export const CreditCardDropdownMenu = ({
           Rename
         </DropdownItem> */}
 
-        {currentCreditCard.isDefault ? (
-          <DropdownItem onClick={handleUnsetAsDefault}>
-            <Icon name="BookmarkRemove" {...sizeProps} />
-            Unset as default
-          </DropdownItem>
-        ) : (
-          <DropdownItem onClick={handleSetAsDefault}>
-            <Icon name="BookmarkAdd" {...sizeProps} />
-            Set as default
-          </DropdownItem>
-        )}
+        {currentCreditCard.isActive &&
+          (currentCreditCard.isDefault ? (
+            <DropdownItem onClick={handleUnsetAsDefault}>
+              <Icon name="BookmarkRemove" {...sizeProps} />
+              Unset as default
+            </DropdownItem>
+          ) : (
+            <DropdownItem onClick={handleSetAsDefault}>
+              <Icon name="BookmarkAdd" {...sizeProps} />
+              Set as default
+            </DropdownItem>
+          ))}
 
         {/* Precisamos controlar scope com um toggle pra credit card devido a suas particularidades */}
         {/* <DropdownItem onClick={openRemoveDrawer}>
@@ -134,7 +135,7 @@ export const CreditCardDropdownMenu = ({
         {
           // isRootLevelOrgUnit && ( TODO: Put again when we validate the delete rule
           <>
-            <BasicDropdownMenu.Separator />
+            {currentCreditCard.isActive && <BasicDropdownMenu.Separator />}
 
             <DropdownItem
               onClick={openDeleteDrawer}

package/src/features/credit-cards/layouts/CreditCardsLayout/CreditCardLayout.tsx

@@ -97,7 +97,14 @@ export const CreditCardLayout = ({ data }: CreditCardsLayoutProps) => {
         aria-label="is contract active"
         defaultChecked={creditCard.isActive}
         onChange={(event) => {
+          updateItemsFromRefetch(
+            creditCards.map((c) =>
+              c === creditCard ? { ...c, isActive: !c.isActive } : c
+            )
+          );
+
           creditCard.isActive = !creditCard.isActive;
+
           handleCardChangeStatus(
             event,
             creditCard.accountId,

package/src/features/org-units/components/AddAllToOrgUnitDropdown/AddAllToOrgUnitDropdown.tsx

@@ -2,6 +2,11 @@ import { useState } from "react";
 
 import { DropdownItem } from "@faststore/ui";
 
+import {
+  CreateOrgUnitDrawer,
+  DeleteOrgUnitDrawer,
+  UpdateOrgUnitDrawer,
+} from "..";
 import { CreateAddressDrawer } from "../../../addresses/components";
 import { CreateBudgetDrawer } from "../../../budgets/components/CreateBudgetDrawer/CreateBudgetDrawer";
 import { AddBuyingPolicyDrawer } from "../../../buying-policies/components";
@@ -14,7 +19,6 @@ import { useGetRolesOptions } from "../../../roles/hooks";
 import { BasicDropdownMenu, Icon } from "../../../shared/components";
 import { useDrawerProps } from "../../../shared/hooks";
 import { CreateUserDrawer } from "../../../users/components";
-import { CreateOrgUnitDrawer } from "../CreateOrgUnitDrawer/CreateOrgUnitDrawer";
 
 export type AddAllToOrgUnitDropdownProps = {
   isSingleContract: boolean;
@@ -60,6 +64,12 @@ export const AddAllToOrgUnitDropdown = ({
     setCustomField(customField);
   }
 
+  const {
+    open: openUpdateDrawer,
+    isOpen: isOpenUpdateDrawer,
+    ...updateDrawerProps
+  } = useDrawerProps();
+
   const {
     open: openAddressDrawer,
     isOpen: isOpenAddressDrawer,
@@ -84,6 +94,12 @@ export const AddAllToOrgUnitDropdown = ({
     ...buyingPolicyDrawerProps
   } = useDrawerProps();
 
+  const {
+    open: openDeleteDrawer,
+    isOpen: isOpenDeleteDrawer,
+    ...deleteDrawerProps
+  } = useDrawerProps();
+
   return (
     <>
       <BasicDropdownMenu align={align}>
@@ -95,6 +111,12 @@ export const AddAllToOrgUnitDropdown = ({
           Add contract
         </DropdownItem> */}
 
+        <DropdownItem onClick={openUpdateDrawer}>
+          <Icon name="FormatSize" {...sizeProps} />
+          Rename
+        </DropdownItem>
+        <BasicDropdownMenu.Separator />
+
         {isSingleContract && (
           <>
             <DropdownItem onClick={openAddressDrawer}>
@@ -149,6 +171,16 @@ export const AddAllToOrgUnitDropdown = ({
           <Icon name="Rebase" {...sizeProps} />
           Add buying policy
         </DropdownItem>
+
+        <BasicDropdownMenu.Separator />
+
+        <DropdownItem
+          onClick={openDeleteDrawer}
+          data-fs-bp-dropdown-menu-item-mode="danger"
+        >
+          <Icon name="Delete" {...sizeProps} />
+          Delete
+        </DropdownItem>
       </BasicDropdownMenu>
 
       {isOpenCreditCardDrawer && (
@@ -215,6 +247,23 @@ export const AddAllToOrgUnitDropdown = ({
           contractId={contractId}
         />
       )}
+      {isOpenUpdateDrawer && (
+        <UpdateOrgUnitDrawer
+          readonly
+          id={unitId}
+          name={unitName}
+          {...updateDrawerProps}
+          isOpen={isOpenUpdateDrawer}
+        />
+      )}
+      {isOpenDeleteDrawer && (
+        <DeleteOrgUnitDrawer
+          id={unitId}
+          name={unitName}
+          {...deleteDrawerProps}
+          isOpen={isOpenDeleteDrawer}
+        />
+      )}
     </>
   );
 };

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

@@ -25,7 +25,6 @@ import {
   AddAllToOrgUnitDropdown,
   OrgUnitBreadcrumb,
   OrgUnitDetailsNavbar,
-  OrgUnitsDropdownMenu,
 } from "../../components";
 import { useOrgUnitByUser } from "../../hooks";
 
@@ -104,14 +103,6 @@ export const OrgUnitsDetailsLayout = ({
             />
           )}
 
-          <Dropdown>
-            <BasicDropdownMenu.Trigger />
-            <OrgUnitsDropdownMenu
-              isComplete={false}
-              id={orgUnit.id}
-              name={orgUnit.name}
-            />
-          </Dropdown>
           <Dropdown>
             <DropdownButton asChild>
               <HeaderInside.Button />

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

@@ -13,4 +13,4 @@ export const LOCAL_STORAGE_LOCATION_EDIT_KEY = "bp_hide_edit_location_confirm";
 export const LOCAL_STORAGE_RECIPIENT_EDIT_KEY =
   "bp_hide_edit_recipient_confirm";
 
-export const CURRENT_VERSION = "1.3.14";
+export const CURRENT_VERSION = "1.3.16";