@vtex/faststore-plugin-buyer-portal 1.1.26 → 1.1.28

package/package.json

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

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

@@ -5,9 +5,13 @@ import { useUI } from "@faststore/ui";
 import { BasicBuyingPolicyDrawer, type BasicBuyingPolicyDrawerProps } from "..";
 import { buyerPortalRoutes } from "../../../shared/utils/buyerPortalRoutes";
 import { useAddBuyingPolicy } from "../../hooks";
+import { buyingPolicyDefault } from "../../utils";
 
 import type { BuyingPolicy } from "../../types";
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { id, ...defaultBuyingPolicyValues } = buyingPolicyDefault;
+
 export type AddBuyingPolicyDrawerProps = Omit<
   BasicBuyingPolicyDrawerProps,
   "children"
@@ -80,6 +84,7 @@ export const AddBuyingPolicyDrawer = ({
       }
       orgUnitId={orgUnitId}
       contractId={contractId}
+      initialValues={defaultBuyingPolicyValues}
       {...props}
     />
   );

package/src/features/buying-policies/layouts/BuyingPoliciesLayout/BuyingPoliciesLayout.tsx

@@ -2,7 +2,11 @@ import { useEffect } from "react";
 
 import { useRouter } from "next/router";
 
-import { HeaderInside, InternalSearch } from "../../../shared/components";
+import {
+  EmptyState,
+  HeaderInside,
+  InternalSearch,
+} from "../../../shared/components";
 import { Paginator } from "../../../shared/components";
 import { Table } from "../../../shared/components/Table/Table";
 import { getTableColumns } from "../../../shared/components/Table/utils/tableColumns";
@@ -97,15 +101,29 @@ export const BuyingPoliciesLayout = ({
             />
           </div>
 
-          <Table>
-            <Table.Head
-              columns={getTableColumns({ withType: false, withActions: false })}
-            />
-            <Table.Body>
-              {isLoading ? (
+          {isLoading ? (
+            <Table>
+              <Table.Head
+                columns={getTableColumns({
+                  withType: false,
+                  withActions: false,
+                })}
+              />{" "}
+              <Table.Body>
                 <Table.Loading />
-              ) : (
-                buyingPolicies.map((buyingPolicy) => (
+              </Table.Body>
+            </Table>
+          ) : buyingPolicies.length === 0 ? (
+            <EmptyState
+              title="No buying policies yet"
+              iconName="Rebase"
+              iconSize={40}
+            />
+          ) : (
+            <Table>
+              <Table.Head columns={getTableColumns({ withType: false })} />
+              <Table.Body>
+                {buyingPolicies.map((buyingPolicy) => (
                   <Table.Row
                     key={buyingPolicy.id}
                     title={buyingPolicy.name}
@@ -125,10 +143,10 @@ export const BuyingPoliciesLayout = ({
                       />
                     }
                   />
-                ))
-              )}
-            </Table.Body>
-          </Table>
+                ))}
+              </Table.Body>
+            </Table>
+          )}
 
           <div data-fs-bp-buying-policies-paginator>
             {totalBuyingPolicies > buyingPolicies.length ? (

package/src/features/buying-policies/layouts/BuyingPoliciesLayout/buying-policies-layout.scss

@@ -9,6 +9,16 @@
   @import "../../../shared/components/Table/table.scss";
   @import "../../../shared/components/LevelDivider/level-divider.scss";
   @import "../../../shared/components/Paginator/paginator.scss";
+  @import "../../../shared/components/EmptyState/empty-state.scss";
+
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  [data-fs-empty-state-section] {
+    flex: 1;
+    color: #858585;
+  }
 
   [data-fs-buying-policies-filter] {
     display: flex;

package/src/features/buying-policies/services/get-buying-policies.service.ts

@@ -1,4 +1,5 @@
 import { buyingPoliciesClient } from "../clients/BuyingPoliciesClient";
+import { BuyingPolicy } from "../types";
 
 export type GetBuyingPoliciesServiceProps = {
   orgUnitId: string;
@@ -14,12 +15,29 @@ export const getBuyingPoliciesService = async ({
   contractId,
   cookie,
   orgUnitId,
-}: GetBuyingPoliciesServiceProps) => {
-  return await buyingPoliciesClient.getBuyingPoliciesByOrgUnitId(
-    contractId,
-    orgUnitId,
-    cookie,
-    search,
-    page
-  );
+}: GetBuyingPoliciesServiceProps): Promise<{
+  data: BuyingPolicy[];
+  total: number;
+}> => {
+  try {
+    return await buyingPoliciesClient.getBuyingPoliciesByOrgUnitId(
+      contractId,
+      orgUnitId,
+      cookie,
+      search,
+      page
+    );
+  } catch (error) {
+    console.error("Error in getBuyingPoliciesService:", {
+      error,
+      orgUnitId,
+      contractId,
+      errorMessage: (error as { message?: string })?.message,
+    });
+
+    return {
+      data: [],
+      total: 0,
+    };
+  }
 };

package/src/features/collections/clients/CollectionsClient.ts

@@ -10,6 +10,7 @@ import type {
 type DefaultArgs = {
   contractId: string;
   cookie: string;
+  unitId: string;
 };
 
 export type UpdateCollectionsPayload = Array<{ name: string }>;
@@ -21,10 +22,10 @@ export class CollectionsClient extends Client {
   }
 
   getCollectionFromContract(args: DefaultArgs & { name?: string }) {
-    const { contractId, cookie, name } = args;
+    const { contractId, cookie, name, unitId } = args;
 
     return this.get<GetCollectionsFromContractResponse["collections"]>(
-      `customers/${contractId}/collections`,
+      `customers/${contractId}/units/${unitId}/collections`,
       {
         headers: { Cookie: cookie },
         params: { ...(name ? { name } : undefined), filteredByContract: false },

package/src/features/collections/hooks/useGetCollectionsFromContract.ts

@@ -2,6 +2,7 @@ import { QueryOptions, useQuery } from "../../shared/hooks";
 import { getCollectionsFromContractService } from "../services/get-collections-from-contract.service";
 
 export const useGetCollectionsFromContract = (
+  unitId: string,
   contractId: string,
   options?: QueryOptions<AwaitedType<typeof getCollectionsFromContractService>>
 ) => {
@@ -9,6 +10,7 @@ export const useGetCollectionsFromContract = (
     `collections/get-collections-from-contract`,
     ({ cookie }) =>
       getCollectionsFromContractService({
+        unitId,
         contractId,
         cookie,
       }),

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

@@ -1,6 +1,6 @@
 import { Icon } from "../Icon";
 
-type EmptyStateProps = {
+export type EmptyStateProps = {
   title: string;
   description?: string;
   iconName?: string;

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

@@ -75,3 +75,5 @@ export {
 export { Paginator } from "./Paginator/Paginator";
 export type { CounterProps as PaginatorCounterProps } from "./Paginator/Counter";
 export type { NextPageButtonProps as PaginatorNextPageButtonProps } from "./Paginator/NextPageButton";
+
+export { EmptyState, type EmptyStateProps } from "./EmptyState/EmptyState";

package/src/pages/collections.tsx

@@ -66,7 +66,11 @@ export async function loader(
         filterByScope: false,
         page: 1,
       }),
-      getCollectionsFromContractService({ contractId, cookie }),
+      getCollectionsFromContractService({
+        contractId,
+        cookie,
+        unitId: orgUnitId,
+      }),
     ]);
 
   const isContractEmpty = contractCollections.every((c) => !c.inContract);