@vtex/faststore-plugin-buyer-portal 2.0.0 → 2.0.1

package/.github/workflows/release.yaml

@@ -26,7 +26,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '24'
+          node-version: "24"
           cache: "yarn"
           registry-url: "https://registry.npmjs.org"
 
@@ -41,12 +41,11 @@ jobs:
       - name: Update npm to latest
         run: npm install -g npm@latest
 
-      # Temporarily disabled for v2.0.0 major release — restore after publish with [skip ci]
-      # - name: Generate CHANGELOG and update Version Const
-      #   run: yarn release
+      - name: Generate CHANGELOG and update Version Const
+        run: yarn release
 
-      # - name: Update version to patch
-      #   run: yarn version --patch
+      - name: Update version to patch
+        run: yarn version --patch
 
       - name: Publish
         run: npm publish
@@ -69,7 +68,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '24'
+          node-version: "24"
           cache: "yarn"
           registry-url: "https://registry.npmjs.org"
 

package/CHANGELOG.md

@@ -7,6 +7,29 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.0.1] - 2026-06-02
+
+### Changed
+
+- Uncomment release
+
+### Added
+
+- Accounting Fields
+  - Add submenu in navigation menu with mocked data
+  - Include create, delete and edit drawers to accounting field with mocked data
+  - Include empty accounting field alert
+  - Create accounting field route, page and empty state
+  - Include create, edit, delete and remove from unit drawers to accounting values
+  - Implement integration for list, details, remove, update and create operations
+  - Load Accounting Fields in Budget allocation selector and remove old Custom Fields options
+  - Add Accounting Fields criterias to Buying Policy and remove old Custom Fields criterias.
+  - Update Address Locations old custom fields endpoints
+  - Update the Locations label in Addresses Settings drawer
+  - Include Accounting field and value E2E tests
+  - Fix Addresses, Locations, Recipients, Budgets and Buying Policies E2E tests
+  - Remove legacy Custom Fields components
+
 ## [2.0.0] - Unreleased
 
 ### Breaking Changes
@@ -652,7 +675,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.87...HEAD
+[unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/2.0.1...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
@@ -736,6 +759,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [1.3.71]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.70...v1.3.71
 [1.3.70]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.69...v1.3.70
 [1.3.85]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.3.85
-
 [1.3.87]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.86...v1.3.87
 [1.3.86]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.3.86
+
+[2.0.1]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/2.0.1

package/cypress/constants.ts

@@ -62,7 +62,7 @@ export const TEST_DATA = {
   },
   BUYING_POLICIES: {
     NEW_POLICY: {
-      NAME: "Test Buying Policy E2E",
+      NAME: "Buying Policy",
       DESCRIPTION: "Test buying policy for E2E testing",
       CRITERIA: "value > 1000",
       ACTION_TYPE: "Bypass all buying policies",
@@ -83,7 +83,9 @@ export const TEST_DATA = {
   ADDRESS: {
     NEW_ADDRESS_NAME: "VTEX RJ",
     NEW_ADDRESS_STREET: "Praia de Botafogo, 300",
-    EDIT_ADDRESS_STREET: "Praia de Botafogo, 400",
+    EDIT_ADDRESS_STREET: "Praia de Botafogo",
+    NEW_ADDRESS_NUMBER: "400",
+    NEW_ADDRESS_NEIGHBORHOOD: "Botafogo",
     NEW_ADDRESS_COMPLEMENT: "Segundo Andar",
     NEW_ADDRESS_CITY: "Rio de Janeiro",
     NEW_ADDRESS_STATE: "RJ",
@@ -127,4 +129,62 @@ export const TEST_DATA = {
     },
     ADDRESS_FOR_CREDIT_CARDS_TEST: "Address for Credit Cards Test",
   },
+  ACCOUNTING_FIELDS: {
+    ITEMS: [
+      {
+        id: "cf-a1b2c3d4-e5f6-7890-abcd-ef1234567890",
+        enabled: true,
+        level: "order",
+        name: "Centro de Custo",
+        required: true,
+        type: "option",
+        valueCount: 5,
+      },
+      {
+        id: "cf-b2c3d4e5-f6a7-8901-bcde-f12345678901",
+        enabled: true,
+        level: "item",
+        name: "Departamento",
+        required: false,
+        type: "option",
+        valueCount: 12,
+      },
+      {
+        id: "cf-c3d4e5f6-a7b8-9012-cdef-123456789012",
+        enabled: false,
+        level: "order",
+        name: "Projeto",
+        required: false,
+        type: "option",
+        valueCount: 0,
+      },
+      {
+        id: "cf-d4e5f6a7-b8c9-0123-defa-234567890123",
+        enabled: true,
+        level: "item",
+        name: "Classe de Gasto",
+        required: true,
+        valueCount: 3,
+        type: "option",
+      },
+      {
+        id: "cf-e5f6a7b8-c9d0-1234-efab-345678901234",
+        enabled: true,
+        level: "order",
+        name: "Código de Aprovação",
+        required: true,
+        type: "option",
+        valueCount: 3,
+      },
+    ],
+    VALUE: {
+      customFieldId: "CUSTOM_FIELD_ID",
+      value: "Accounting Value",
+      contractId: "CONTRACT_ID",
+      isDefault: false,
+      isAllocation: false,
+      description: "Lorem ipsum dolor sit amet",
+      auxId: "AUX_ID",
+    },
+  },
 };

package/cypress/integration/accounting-fields/fields/accounting-field-create.test.ts

@@ -0,0 +1,219 @@
+/// <reference types="cypress" />
+
+import { TEST_CONFIG, TEST_DATA } from "../../../constants";
+import {
+  checkActionsDropdownMenu,
+  fillCreateFieldForm,
+  interceptCreateAccountingField,
+  interceptCreateAccountingValue,
+  interceptListAccountingFields,
+  openCreateFieldDrawerFromHeader,
+  waitFetchAccountFieldsAndAssert,
+} from "../../../support/accountingFieldHelper";
+
+import type {
+  AccountingField,
+  AccountingFieldFormData,
+} from "../../../../src/features/accounting-fields/types";
+
+describe("Accounting Field - Create", () => {
+  let createdField: AccountingField | null;
+
+  function setCreatedFieldAndInterceptCreateRequest(
+    formData: AccountingFieldFormData
+  ) {
+    createdField = {
+      id: `cf-created-${Date.now()}`,
+      type: "option",
+      valueCount: 0,
+      ...formData,
+    };
+
+    interceptCreateAccountingField(createdField);
+
+    return createdField;
+  }
+
+  function waitForCreateFieldAndAssert(waitForAdd = false) {
+    // Wait for create request to finish
+    cy.wait("@createAccountingField");
+
+    if (waitForAdd) {
+      cy.wait("@createAccountingValue");
+    }
+
+    // Assert if toast message is visible
+    cy.contains("Accounting field added successfully").should("be.visible");
+
+    // Assert if accounting field list was updated
+    waitFetchAccountFieldsAndAssert("[data-fs-bp-contracts-settings-card]", [
+      createdField!,
+      ...TEST_DATA.ACCOUNTING_FIELDS.ITEMS,
+    ]);
+  }
+
+  function interceptRequestsAndFillCreateForm(
+    formData: AccountingFieldFormData,
+    addValue = false
+  ) {
+    // Intercept create and list requests and fill create form with mocked data
+    const field = setCreatedFieldAndInterceptCreateRequest(formData);
+    const mockedFields = [
+      field,
+      ...TEST_DATA.ACCOUNTING_FIELDS.ITEMS,
+    ] as AccountingField[];
+
+    if (addValue) {
+      interceptCreateAccountingValue(field);
+    }
+
+    interceptListAccountingFields(mockedFields);
+    fillCreateFieldForm(formData);
+  }
+
+  beforeEach(() => {
+    cy.login();
+    interceptListAccountingFields();
+    cy.visit(TEST_CONFIG.ROUTES.BUYER_PORTAL);
+
+    // Open create drawer using HeaderInside dropdown menu
+    openCreateFieldDrawerFromHeader();
+    checkActionsDropdownMenu();
+  });
+
+  afterEach(() => {
+    createdField = null;
+  });
+
+  // input requirement: required | enable open text input: checked
+  it("Should create an accounting field required and enabled to open text input", () => {
+    interceptRequestsAndFillCreateForm({
+      enabled: true,
+      required: true,
+      name: "field-required-enabled",
+      level: "order",
+    });
+
+    waitForCreateFieldAndAssert();
+  });
+
+  // input requirement: optional | enable open text input: checked
+  it("Should create an accounting field optional and enabled to open text input", () => {
+    interceptRequestsAndFillCreateForm({
+      enabled: true,
+      required: false,
+      name: "field-optional-enabled",
+      level: "order",
+    });
+
+    waitForCreateFieldAndAssert();
+  });
+
+  // input requirement: optional | enable open text input: unchecked
+  it("Should create an accounting field optional and disabled to open text input", () => {
+    interceptRequestsAndFillCreateForm({
+      enabled: false,
+      required: false,
+      name: "field-optional-disabled",
+      level: "order",
+    });
+
+    waitForCreateFieldAndAssert();
+  });
+
+  // input requirement: required | enable open text input: unchecked | skipped
+  it("Should create an accounting field required and disabled but skip the next step", () => {
+    const formData: AccountingFieldFormData = {
+      enabled: false,
+      required: true,
+      name: "required-disabled-skipped",
+      level: "order",
+    };
+
+    interceptRequestsAndFillCreateForm(formData);
+
+    // Check if accounting field value form is visible
+    cy.get("@accountingFieldForm").should("not.exist");
+    cy.get("[data-fs-bp-accounting-value-form]").should("be.visible");
+
+    // Click on button to skip value creation
+    cy.get("[data-fs-bp-create-accounting-field-drawer]")
+      .contains("[data-fs-bp-basic-drawer-button]", "Skip")
+      .should("be.visible")
+      .click();
+
+    waitForCreateFieldAndAssert();
+
+    // Check if alert is visible and contains the accounting field name
+    cy.get("[data-fs-bp-accounting-field-empty-alert]")
+      .should("be.visible")
+      .contains(formData.name);
+
+    // Click on Add value and check if create value drawer is open
+    cy.get("[data-fs-bp-accounting-field-empty-alert-btn]")
+      .should("be.visible")
+      .click();
+    cy.get("[data-fs-bp-create-accounting-value-drawer]").should("be.visible");
+  });
+
+  // input requirement: required | enable open text input: unchecked | added
+  it("Should create an accounting field required, disabled and add a first value", () => {
+    const formData: AccountingFieldFormData = {
+      enabled: false,
+      required: true,
+      name: "required-disabled-added",
+      level: "order",
+    };
+
+    interceptRequestsAndFillCreateForm(formData, true);
+
+    // Check if accounting field value form is visible
+    cy.get("@accountingFieldForm").should("not.exist");
+    cy.get("[data-fs-bp-accounting-value-form]")
+      .as("accountingValueForm")
+      .should("be.visible");
+
+    cy.get("@accountingValueForm")
+      .find("input[name='value']")
+      .type(`${formData.name}-value`);
+    cy.get("@accountingValueForm")
+      .find("textarea[name='description']")
+      .type(`${formData.name}-description`);
+
+    cy.get("[data-fs-bp-create-accounting-field-drawer]")
+      .contains("[data-fs-bp-basic-drawer-button]", "Add")
+      .click();
+
+    waitForCreateFieldAndAssert(true);
+
+    // Check if alert is visible and contains the accounting field name
+    cy.get("[data-fs-bp-accounting-field-empty-alert]").should("not.exist");
+  });
+
+  // input requirement: required | enable open text input: unchecked | name field empty
+  it("Should not submit an accounting value form without name", () => {
+    interceptRequestsAndFillCreateForm(
+      {
+        enabled: false,
+        required: true,
+        name: "required-disabled-validation",
+        level: "order",
+      },
+      true
+    );
+
+    // Check if accounting field value form is visible
+    cy.get("@accountingFieldForm").should("not.exist");
+    cy.get("[data-fs-bp-accounting-value-form]")
+      .as("accountingValueForm")
+      .should("be.visible");
+
+    cy.get("[data-fs-bp-create-accounting-field-drawer]")
+      .contains("[data-fs-bp-basic-drawer-button]", "Add")
+      .click();
+
+    cy.get("@accountingValueForm")
+      .find("[data-fs-bp-accounting-form-legend]")
+      .contains("[data-fs-bp-error-message]", "Name is required");
+  });
+});

package/cypress/integration/accounting-fields/fields/accounting-field-delete.test.ts

@@ -0,0 +1,119 @@
+/// <reference types="cypress" />
+
+import { TEST_CONFIG, TEST_DATA } from "../../../constants";
+import {
+  ACCOUNTING_FIELDS_SECTION,
+  accessDetailsPageFromFirstItem,
+  confirmDeleteInDrawer,
+  interceptDeleteAccountingField,
+  interceptDetailsPageRequest,
+  interceptListAccountingFields,
+  interceptListAccountingValues,
+  openDeleteDrawerFromFirstItem,
+} from "../../../support/accountingFieldHelper";
+
+import type { AccountingField } from "../../../../src/features/accounting-fields/types";
+
+describe("Accounting Field - Delete", () => {
+  let deletedFieldId = "";
+
+  beforeEach(() => {
+    cy.login();
+    const remainingItems = deletedFieldId
+      ? TEST_DATA.ACCOUNTING_FIELDS.ITEMS.filter(
+          ({ id }) => id !== deletedFieldId
+        )
+      : TEST_DATA.ACCOUNTING_FIELDS.ITEMS;
+    interceptListAccountingFields(remainingItems as AccountingField[]);
+    cy.visit(TEST_CONFIG.ROUTES.BUYER_PORTAL);
+  });
+
+  afterEach(() => {
+    deletedFieldId = "";
+  });
+
+  it("Should delete an accounting field and update list", () => {
+    const accountingField = TEST_DATA.ACCOUNTING_FIELDS
+      .ITEMS[0] as AccountingField;
+    const remainingItems = TEST_DATA.ACCOUNTING_FIELDS.ITEMS.filter(
+      ({ id }) => id !== accountingField.id
+    ) as AccountingField[];
+
+    interceptDeleteAccountingField();
+    openDeleteDrawerFromFirstItem();
+
+    cy.get("[data-fs-bp-delete-accounting-field-drawer]")
+      .as("deleteDrawer")
+      .should("be.visible")
+      .find("[data-fs-bp-basic-drawer-footer]")
+      .contains("button[data-fs-bp-basic-drawer-button]", "Delete")
+      .as("deleteBtn")
+      .should("be.disabled");
+
+    cy.get("@deleteDrawer")
+      .find("input[name='field-label']")
+      .type("random name");
+
+    cy.get("@deleteBtn").should("be.disabled");
+
+    interceptListAccountingFields(remainingItems);
+    confirmDeleteInDrawer(accountingField.name);
+
+    cy.wait("@deleteAccountingField");
+    cy.wait("@getAccountingFields");
+
+    cy.get("[data-fs-bp-delete-accounting-field-drawer]").should("not.exist");
+
+    cy.get(ACCOUNTING_FIELDS_SECTION)
+      .contains("[data-fs-bp-vertical-submenu-title]", "Accounting fields")
+      .next()
+      .find("li")
+      .should("have.length", remainingItems.length)
+      .should("not.contain.text", accountingField.name);
+
+    cy.contains(`${accountingField.name} deleted successfully`).should(
+      "be.visible"
+    );
+  });
+
+  it("Should access accounting field details page, remove it and redirect to home", () => {
+    const accountingField = TEST_DATA.ACCOUNTING_FIELDS
+      .ITEMS[0] as AccountingField;
+    interceptDetailsPageRequest();
+    interceptListAccountingValues();
+    interceptDeleteAccountingField();
+
+    deletedFieldId = accountingField.id;
+
+    accessDetailsPageFromFirstItem();
+    cy.wait("@detailsAccountingField");
+
+    cy.location("pathname")
+      .should("include", "accounting-field")
+      .and("include", accountingField.id);
+
+    cy.get("[data-fs-bp-accounting-field-header]")
+      .contains("h1", accountingField.name)
+      .should("be.visible");
+
+    cy.get("[data-fs-bp-accounting-field-header]")
+      .find("button[aria-label='accounting field delete button']")
+      .click();
+
+    confirmDeleteInDrawer(accountingField.name);
+
+    cy.wait("@deleteAccountingField");
+
+    cy.contains(`${accountingField.name} deleted successfully`).should(
+      "be.visible"
+    );
+
+    cy.wait(TEST_CONFIG.TIMEOUTS.PAGE_LOAD);
+
+    cy.location("pathname")
+      .should("not.include", "accounting-field")
+      .and("not.include", accountingField.id);
+
+    cy.get("[data-fs-bp-delete-accounting-field-drawer]").should("not.exist");
+  });
+});

package/cypress/integration/accounting-fields/fields/accounting-field-list.test.ts

@@ -0,0 +1,78 @@
+/// <reference types="cypress" />
+
+import { TEST_CONFIG } from "../../../constants";
+import {
+  ACCOUNTING_FIELDS_SECTION,
+  checkActionsDropdownMenu,
+  checkCreateAccountingFieldDrawer,
+  interceptListAccountingFields,
+  openCreateFieldDrawerFromHeader,
+  waitFetchAccountFieldsAndAssert,
+  waitForAccountingFieldsListReady,
+} from "../../../support/accountingFieldHelper";
+
+describe("Accounting Field - List", () => {
+  beforeEach(() => {
+    cy.login();
+    interceptListAccountingFields();
+    cy.visit(TEST_CONFIG.ROUTES.BUYER_PORTAL);
+  });
+
+  it("Should list accounting fields in home page menu", () => {
+    waitFetchAccountFieldsAndAssert("[data-fs-bp-contracts-settings-card]");
+  });
+
+  it("Should list accounting fields in navigation drawer menu", () => {
+    // Navigate to profile page (could be any internal page)
+    cy.contains("[data-fs-vertical-nav-menu-link]", "Profile").click();
+
+    // Open navigation drawer
+    cy.get("[data-fs-bp-sidebar-drawer-btn]").click();
+    cy.get("[data-bp-sidebar-menu-drawer-body]")
+      .as("navDrawer")
+      .should("be.visible");
+
+    waitFetchAccountFieldsAndAssert("@navDrawer");
+  });
+
+  it("Should list accounting fields in sidebar menu", () => {
+    cy.viewport("macbook-15");
+
+    // Navigate to profile page (could be any internal page)
+    cy.contains("[data-fs-vertical-nav-menu-link]", "Profile").click();
+
+    waitFetchAccountFieldsAndAssert("[data-fs-bp-sidebar-menu]");
+  });
+
+  it("Should open create accounting field drawer in multiple places", () => {
+    cy.viewport("macbook-15");
+
+    waitForAccountingFieldsListReady();
+
+    cy.get(ACCOUNTING_FIELDS_SECTION)
+      .contains("[data-fs-bp-vertical-submenu-title]", "Accounting fields")
+      .find("[data-fs-bp-vertical-nav-link-actions]")
+      .invoke("css", "visibility", "visible")
+      .should("be.visible")
+      .find("button[aria-label='add account field']")
+      .click();
+
+    checkCreateAccountingFieldDrawer();
+
+    // Home header dropdown menu
+    openCreateFieldDrawerFromHeader();
+    checkActionsDropdownMenu();
+    checkCreateAccountingFieldDrawer();
+
+    // Breadcrumb dropdown
+    cy.contains("[data-fs-vertical-nav-menu-link]", "Profile").click();
+    cy.wait("@getAccountingFields");
+
+    cy.get("[data-fs-bp-nav]")
+      .find("[data-fs-bp-breadcrumb-dropdown-trigger]")
+      .click();
+
+    checkActionsDropdownMenu();
+    checkCreateAccountingFieldDrawer();
+  });
+});