@vtex/faststore-plugin-buyer-portal 1.3.16 → 1.3.18

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,26 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.3.18] - 2025-11-05
+
+### Added
+
+- Responsiviness to Roles and Roles Details page
+
+### Added
+
+- Notifications details on budget and integration
+
+### Added
+
+- Add budget notification page
+
+## [1.3.17] - 2025-11-03
+
+### Added
+
+- Create BETA publish flow
+
 ## [1.3.16] - 2025-11-03
 
 ### Added
@@ -100,13 +120,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [1.2.4] - 2025-10-16
 
 ### Added
-
-- Responsiviness to Roles and Roles Details page
-
-### Added
-
 - Responsiviness adjustment to to Buying policies page
 
+
 ### Added
 
 - Responsiviness to Buying policies page
@@ -195,7 +211,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.16...HEAD
+[unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.18...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
@@ -210,6 +226,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 # <<<<<<< HEAD
 
+[1.3.18]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.17...v1.3.18
+[1.3.17]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.16...v1.3.17
 [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

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.16",
+  "version": "1.3.18",
   "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/budgets/components/BudgetDeleteDrawer/BudgetDeleteDrawer.tsx

@@ -11,7 +11,7 @@ import {
   InputText,
 } from "../../../shared/components";
 import { useDebounce } from "../../../shared/hooks";
-import { useDeleteBudget } from "../../hooks";
+import { useDeleteBudget } from "../../hooks/useDeleteBudget";
 
 export interface BudgetDeleteDrawerProps
   extends Omit<BasicDrawerProps, "children"> {

package/src/features/budgets/components/BudgetEditNotificationDrawer/BudgetEditNotificationDrawer.tsx

@@ -0,0 +1,139 @@
+import { useCallback, useState } from "react";
+
+import { useRouter } from "next/router";
+
+import { useUI } from "@faststore/ui";
+
+import { BasicDrawer, type BasicDrawerProps } from "../../../shared/components";
+import { useBuyerPortal } from "../../../shared/hooks";
+import { parseAmount } from "../../../shared/utils/budgetAmountParse";
+import { useUpdateBudget } from "../../hooks";
+import { BudgetNotificationForm } from "../BudgetNotificationForm/BudgetNotificationForm";
+
+import type { BudgetInput, BudgetNotification } from "../../types";
+
+interface BudgetEditNotificationDrawerProps
+  extends Omit<BasicDrawerProps, "children"> {
+  budget: BudgetInput;
+  budgetId: string;
+  orgUnitId: string;
+  contractId: string;
+}
+
+export function BudgetEditNotificationDrawer({
+  budget,
+  budgetId,
+  close,
+  orgUnitId,
+  contractId,
+  ...props
+}: BudgetEditNotificationDrawerProps) {
+  const { pushToast } = useUI();
+  const { clientContext } = useBuyerPortal();
+  const router = useRouter();
+
+  const [notifications, setNotifications] = useState<
+    BudgetNotification | undefined
+  >(budget.notifications);
+  const [showNotificationsUsersError, setShowNotificationsUsersError] =
+    useState(false);
+
+  const { mutate: updateBudget, isLoading } = useUpdateBudget({
+    options: {
+      onSuccess: () => {
+        pushToast({ message: "Budget updated successfully.", status: "INFO" });
+        close();
+        router.reload();
+      },
+      onError: (error: Error) => {
+        pushToast({
+          message: error?.message || "An error occurred. Please try again.",
+          status: "ERROR",
+        });
+      },
+    },
+  });
+
+  const handleChange = useCallback(
+    <K extends keyof BudgetInput>(field: K, value: BudgetInput[K]) => {
+      if (field !== "notifications") return;
+
+      const next = value as BudgetInput["notifications"];
+
+      setNotifications(next);
+    },
+    [notifications]
+  );
+
+  const handleSubmit = () => {
+    const notificationsEnabled = Boolean(notifications?.hasNotification);
+    const hasUsers = (notifications?.users?.length ?? 0) > 0;
+
+    if (notificationsEnabled && !hasUsers) {
+      setShowNotificationsUsersError(true);
+      pushToast({
+        message: "Add at least one user to notifications or turn it off.",
+        status: "ERROR",
+      });
+      return;
+    }
+    setShowNotificationsUsersError(false);
+
+    const payload: BudgetInput = {
+      ...budget,
+      endDate: budget.endDate || budget.expirationDate,
+      amount: budget.amount ? String(budget.amount).replace(",", "") : "0",
+      allocations: budget?.allocations ?? [],
+      notifications: notifications ?? {
+        hasNotification: false,
+        thresholds: [],
+        users: [],
+      },
+    };
+
+    updateBudget({
+      budgetId,
+      cookie: clientContext.cookie,
+      customerId: contractId,
+      data: payload,
+      unitId: orgUnitId,
+    });
+  };
+
+  return (
+    <BasicDrawer
+      data-fs-bp-budget-notifications-drawer
+      close={close}
+      {...props}
+    >
+      <BasicDrawer.Heading title="Edit notifications" onClose={close} />
+
+      <BasicDrawer.Body>
+        <BudgetNotificationForm
+          budget={{ ...budget, notifications }}
+          handleChange={handleChange}
+          totalAmount={parseAmount(budget.amount)}
+          currency="USD"
+          locale="en-US"
+          unitId={orgUnitId}
+          contractId={contractId}
+          showUsersError={showNotificationsUsersError}
+        />
+      </BasicDrawer.Body>
+
+      <BasicDrawer.Footer data-fs-bp-budget-notifications-drawer-footer>
+        <BasicDrawer.Button variant="ghost" onClick={close}>
+          Cancel
+        </BasicDrawer.Button>
+        <BasicDrawer.Button
+          variant="confirm"
+          onClick={handleSubmit}
+          disabled={isLoading}
+          isLoading={isLoading}
+        >
+          Save
+        </BasicDrawer.Button>
+      </BasicDrawer.Footer>
+    </BasicDrawer>
+  );
+}

package/src/features/budgets/components/BudgetEditNotificationDrawer/budget-edit-notification-drawer.scss

@@ -0,0 +1,34 @@
+
+
+[data-fs-bp-budget-notifications-drawer] {
+  @import "../../../shared/components/BasicDrawer/basic-drawer.scss";
+  @import "../../../shared/components/EmptyState/empty-state.scss";
+  @import "../../../shared/components/InputText/input-text.scss";
+  @import "../../../shared/components/ErrorMessage/error-message.scss";
+
+  &[data-fs-bp-basic-drawer] > [data-fs-bp-basic-drawer-footer] {
+    justify-content: flex-end;
+    gap: var(--fs-spacing-1);
+  }
+
+  &[data-fs-bp-basic-drawer][data-fs-slide-over-size="partial"] {
+    width: 100%;
+    max-width: none;
+
+    @include media(">=tablet") {
+      max-width: 30rem;
+    }
+
+    @include media(">=notebook") {
+      max-width: 40rem;
+    }
+  }
+
+  [data-fs-bp-basic-drawer-body] {
+    overflow-y: auto;
+  }
+
+  [data-fs-bp-budget-notifications-drawer-name] {
+    color: #0366dd;
+  }
+}