@vtex/faststore-plugin-buyer-portal 1.3.79 → 1.3.81

package/CHANGELOG.md

@@ -7,6 +7,24 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.3.81] - 2026-04-29
+
+### Changed
+
+- Switch payment methods route/api integration to `payment-groups` and support string-based ids in the add/remove flow (`B2BTEAM-3238`)
+- Register the page in `plugin.config.js` as `payment-groups` with path `/pvt/organization-account/payment-groups/[orgUnitId]/[contractId]` so it matches `buyerPortalRoutes` and resolves navigation 404s. Bookmarks or deep links using the previous `/pvt/organization-account/payment-methods/...` path are no longer served by this plugin (`B2BTEAM-3238`)
+
+## [1.3.80] - 2026-04-29
+
+### Fixed
+- Remove the following components/exports to fix broken 1.3.79 build:
+  - CollectionsSettingsDrawer
+  - AddProductAssortmentDrawer
+  - RemoveProductAssortmentDrawer
+  - AddProductAssortmentDrawerTable
+  - getProductAssortmentFromScopeService
+  - RemoveProductAssortmentDrawerProps
+
 ## [1.3.79] - 2026-04-23
 
 ### Added
@@ -586,7 +604,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.79...HEAD
+[unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.81...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
@@ -654,6 +672,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [1.3.65]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.64...v1.3.65
 [1.3.64]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.3.64
 [1.3.69]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.3.69
+[1.3.81]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.80...v1.3.81
+[1.3.80]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.79...v1.3.80
 [1.3.79]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.78...v1.3.79
 [1.3.78]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.77...v1.3.78
 [1.3.77]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.3.76...v1.3.77

package/package.json

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

package/plugin.config.js

@@ -28,8 +28,8 @@ module.exports = {
       path: "/pvt/organization-account/budgets/[orgUnitId]/[contractId]/[budgetId]",
       appLayout: false,
     },
-    "payment-methods": {
-      path: "/pvt/organization-account/payment-methods/[orgUnitId]/[contractId]",
+    "payment-groups": {
+      path: "/pvt/organization-account/payment-groups/[orgUnitId]/[contractId]",
       appLayout: false,
     },
     "credit-cards": {

package/src/features/payment-methods/clients/PaymentMethodsClient.ts

@@ -2,6 +2,7 @@ import { Client } from "../../shared/clients/Client";
 import { getApiUrl } from "../../shared/utils";
 
 import type {
+  PaymentMethodId,
   PaymentMethodResponse,
   PaymentMethodsIdArray,
   PaymentMethodsReqCommonParams,
@@ -39,7 +40,7 @@ export default class PaymentMethodsClient extends Client {
     }
 
     const queryString = queryParams.toString();
-    const url = `customers/${customerId}/units/${unitId}/payment-methods/paginated${
+    const url = `customers/${customerId}/units/${unitId}/payment-groups/paginated${
       queryString ? `?${queryString}` : ""
     }`;
 
@@ -58,7 +59,7 @@ export default class PaymentMethodsClient extends Client {
     const { customerId, unitId, cookie, paymentMethodsIds } = data;
 
     return await this.post<PaymentMethodResponse, PaymentMethodsIdArray>(
-      `customers/${customerId}/units/${unitId}/payment-methods`,
+      `customers/${customerId}/units/${unitId}/payment-groups`,
       paymentMethodsIds,
       {
         headers: {
@@ -71,13 +72,13 @@ export default class PaymentMethodsClient extends Client {
 
   async removePaymentMethodFromUnit(
     data: PaymentMethodsReqCommonParams & {
-      paymentMethodId: number;
+      paymentMethodId: PaymentMethodId;
     }
   ) {
     const { customerId, unitId, cookie, paymentMethodId } = data;
 
     return await this.delete(
-      `customers/${customerId}/units/${unitId}/payment-methods/${paymentMethodId}`,
+      `customers/${customerId}/units/${unitId}/payment-groups/${paymentMethodId}`,
       null,
       {
         headers: {

package/src/features/payment-methods/components/AddPaymentMethodsDrawer/AddPaymentMethodsDrawer.tsx

@@ -19,6 +19,7 @@ import { useAddPaymentMethodsToUnit } from "../../hooks";
 import { useDebouncedSearchPaymentMethods } from "../../hooks/useDebouncedSearchPaymentMethods";
 
 import type { TableColumn } from "../../../shared/components/Table/TableHead/TableHead";
+import type { PaymentMethodId } from "../../../shared/types";
 
 export type AddPaymentMethodsDrawerProps = Omit<
   BasicDrawerProps,
@@ -35,7 +36,7 @@ export const AddPaymentMethodsDrawer = ({
   const [querySearch, setQuerySearch] = useState("");
   const [drawerPage, setDrawerPage] = useState(1);
   const [isLastPage, setIsLastPage] = useState(true);
-  const [selectedMethods, setSelectedMethods] = useState<Set<number>>(
+  const [selectedMethods, setSelectedMethods] = useState<Set<PaymentMethodId>>(
     new Set()
   );
 
@@ -116,7 +117,7 @@ export const AddPaymentMethodsDrawer = ({
     }
   }, [someSelected]);
 
-  const toggleItem = useCallback((id: number) => {
+  const toggleItem = useCallback((id: PaymentMethodId) => {
     setSelectedMethods((prev) => {
       const next = new Set(prev);
       if (next.has(id)) next.delete(id);

package/src/features/payment-methods/components/RemovePaymentMethodsDrawer/RemovePaymentMethodsDrawer.tsx

@@ -2,6 +2,7 @@ import { type BasicDrawerProps, BasicDrawer } from "../../../shared/components";
 import { useBuyerPortal } from "../../../shared/hooks";
 import { useRemovePaymentMethod } from "../../hooks/useRemovePaymentMethodSubmit";
 
+import type { PaymentMethodId } from "../../../shared/types";
 import type { PaymentMethodData } from "../../types";
 
 export type RemovePaymentMethodsDrawerProps = Omit<
@@ -27,7 +28,7 @@ export const RemovePaymentMethodsDrawer = ({
   const { remove, isRemovingPaymentMethod } =
     useRemovePaymentMethod(handleSuccess);
 
-  const handleSubmit = (paymentMethodId: number) => {
+  const handleSubmit = (paymentMethodId: PaymentMethodId) => {
     remove(paymentMethodId);
   };
 

package/src/features/payment-methods/hooks/useRemovePaymentMethodSubmit.ts

@@ -7,6 +7,7 @@ import { CHANGES_TIMEOUT_MESSAGE } from "../../shared/utils/constants";
 
 import { useRemovePaymentMethodFromUnit } from "./useRemovePaymentMethodsFromUnit";
 
+import type { PaymentMethodId } from "../../shared/types";
 import type { PaymentMethodData } from "../types";
 
 export function useRemovePaymentMethod(onAfterSuccess?: () => void) {
@@ -38,12 +39,14 @@ export function useRemovePaymentMethod(onAfterSuccess?: () => void) {
       },
     });
 
-  const remove = (paymentMethod: PaymentMethodData | number) => {
+  const remove = (paymentMethod: PaymentMethodData | PaymentMethodId) => {
     removePaymentMethod({
       customerId,
       unitId,
       paymentMethodId:
-        typeof paymentMethod === "number" ? paymentMethod : paymentMethod?.id,
+        typeof paymentMethod === "number" || typeof paymentMethod === "string"
+          ? paymentMethod
+          : paymentMethod?.id,
     });
   };
 

package/src/features/payment-methods/services/remove-payment-methods-from-unit.service.ts

@@ -1,9 +1,11 @@
 import { paymentMethodsClient } from "../clients/PaymentMethodsClient";
 
+import type { PaymentMethodId } from "../../shared/types";
+
 export type RemovePaymentMethodFromUnitServiceProps = {
   customerId: string;
   unitId: string;
-  paymentMethodId: number;
+  paymentMethodId: PaymentMethodId;
   cookie: string;
 };
 

package/src/features/payment-methods/types/PaymentMethod.ts

@@ -1,7 +1,9 @@
 import { PageControl } from "../../product-assortment/types";
 
+import type { PaymentMethodId } from "../../shared/types";
+
 export type PaymentMethodData = {
-  id: number;
+  id: PaymentMethodId;
   name: string;
   isEnabled?: boolean;
 };

package/src/features/product-assortment/services/index.ts

@@ -1,8 +1,3 @@
-export {
-  getProductAssortmentFromScopeService,
-  type GetProductAssortmentFromScopeServiceProps,
-} from "./get-product-assortment-from-scope.service";
-
 export {
   getProductAssortmentAttachedService,
   type GetProductAssortmentAttachedServiceProps,

package/src/features/product-assortment/types/index.ts

@@ -41,13 +41,6 @@ export type AddProductAssortmentDrawerProps = Omit<
   BasicDrawerProps,
   "children"
 >;
-
-export type RemoveProductAssortmentDrawerProps = Omit<
-  BasicDrawerProps,
-  "children"
-> & {
-  productAssortment: ProductAssortmentSelectedProps;
-};
 export interface ProductAssortmentSelectedProps {
   id: string;
   name: string;

package/src/features/shared/types/PaymentMethodsClientTypes.ts

@@ -1,4 +1,5 @@
-export type PaymentMethodsIdArray = Array<{ id: number }>;
+export type PaymentMethodId = string | number;
+export type PaymentMethodsIdArray = Array<{ id: PaymentMethodId }>;
 
 export type PaymentMethodResponse = {
   message: string;

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

@@ -4,6 +4,7 @@ export type { CurrencyType, LocaleType } from "./CurrencyType";
 export type { LoaderData } from "./LoaderData";
 export type { IPagination } from "./Pagination";
 export type {
+  PaymentMethodId,
   PaymentMethodResponse,
   PaymentMethodsIdArray,
   PaymentMethodsReqCommonParams,

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

@@ -42,7 +42,7 @@ export const buyerPortalRoutes = {
     ),
 
   paymentMethods: (params: { orgUnitId: string; contractId: string }) =>
-    replaceParams(`${base}/payment-methods/[orgUnitId]/[contractId]`, params),
+    replaceParams(`${base}/payment-groups/[orgUnitId]/[contractId]`, params),
 
   creditCards: (params: { orgUnitId: string; contractId: string }) =>
     replaceParams(`${base}/credit-cards/[orgUnitId]/[contractId]`, params),

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

@@ -22,7 +22,7 @@ export const SCOPE_KEYS = {
   CREDIT_CARDS: "creditCards",
 } as const;
 
-export const CURRENT_VERSION = "1.3.79";
+export const CURRENT_VERSION = "1.3.81";
 
 export const CHANGES_TIMEOUT_MESSAGE =
   "Changes may take up to 10 minutes to apply.";

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

@@ -27,7 +27,7 @@ export const ROUTE_TABS_LAYOUT_MAPPING: Record<string, RouteTabsLayoutConfig> =
       pageName: "Contract",
       pageTitle: "Address Details",
     },
-    "/pvt/organization-account/payment-methods/[orgUnitId]/[contractId]": {
+    "/pvt/organization-account/payment-groups/[orgUnitId]/[contractId]": {
       layout: "ContractTabsLayout",
       pageName: "Contract",
       pageTitle: "Payment Methods",

package/src/features/product-assortment/components/AddProductAssortmentDrawer/AddProductAssortmentDrawer.tsx

@@ -1,198 +0,0 @@
-import { useEffect, useState } from "react";
-
-import { useRouter } from "next/router";
-
-import { Link, Skeleton, useUI } from "@faststore/ui";
-
-import {
-  BasicDrawer,
-  Icon,
-  InternalSearch,
-  Paginator,
-} from "../../../shared/components";
-import { useBuyerPortal, useDebounce } from "../../../shared/hooks";
-import { DEBOUNCE_TIMEOUT } from "../../../shared/utils";
-import { CHANGES_TIMEOUT_MESSAGE } from "../../../shared/utils/constants";
-import { useGetProductAssorments } from "../../hooks";
-import { useAddProductAssortmentToScope } from "../../hooks/useAddProductAssortmentToScope";
-import { AddProductAssortmentDrawerTable } from "../table/AddProductAssortmentDrawerTable";
-
-import type {
-  AddProductAssortmentDrawerProps,
-  ProductAssortmentWithAdditionalInformation,
-} from "../../types";
-
-export const AddProductAssortmentDrawer = ({
-  close,
-  ...props
-}: AddProductAssortmentDrawerProps) => {
-  const { pushToast } = useUI();
-  const [drawerSearch, setDrawerSearch] = useState("");
-  const [drawerPage, setDrawerPage] = useState(1);
-  const { currentOrgUnit, currentContract } = useBuyerPortal();
-  const { reload } = useRouter();
-
-  const { productAssortments: productAssortment, isLoadingProductAssortments } =
-    useGetProductAssorments({
-      contractId: currentContract?.id ?? "",
-      unitId: currentOrgUnit?.id ?? "",
-      page: drawerPage,
-      name: drawerSearch,
-    });
-
-  const unitId = currentOrgUnit?.id;
-  const contractId = currentContract?.id;
-  const isLoading = isLoadingProductAssortments;
-  const [isLastPage, setIsLastPage] = useState(true);
-
-  useEffect(() => {
-    setDrawerSearch("");
-  }, [props.isOpen]);
-
-  useDebounce(drawerSearch, DEBOUNCE_TIMEOUT, {
-    onDebounce: (value) => {
-      setDrawerSearch(value);
-      setDrawerPage(1);
-    },
-  });
-
-  useEffect(() => {
-    if (productAssortment?.paging) {
-      setIsLastPage(productAssortment.paging.pages === drawerPage);
-    }
-  }, [productAssortment.paging]);
-
-  const addProductAssortmentMutation = useAddProductAssortmentToScope();
-
-  const [selectedAssortment, setSelectedAssortment] = useState<
-    ProductAssortmentWithAdditionalInformation[]
-  >([]);
-
-  const handleSuccess = async () => {
-    const itemsToAdd = selectedAssortment.filter((s) => !s.isEnabled);
-
-    if (itemsToAdd.length === 0) {
-      close();
-      return;
-    }
-
-    await addProductAssortmentMutation.mutate({
-      unitId: unitId ?? "",
-      contractId: contractId ?? "",
-      data: itemsToAdd.map((s) => ({ name: s.name })),
-    });
-
-    pushToast({
-      message: `Product assortment added successfully\n${CHANGES_TIMEOUT_MESSAGE}`,
-      status: "INFO",
-    });
-
-    close();
-    reload();
-  };
-
-  return (
-    <BasicDrawer
-      data-fs-bp-add-product-assortment-drawer
-      id="add-product-assortment-drawer"
-      close={close}
-      size="large"
-      {...props}
-    >
-      <BasicDrawer.Heading title="Add product assortment" onClose={close} />
-
-      <BasicDrawer.Body>
-        <span data-fs-bp-add-product-assortment-text-drawer>
-          Add product assortment to <Link href="#">{currentOrgUnit?.name}</Link>
-        </span>
-
-        <div data-fs-bp-add-product-assortment-wrapper>
-          <InternalSearch
-            textSearch={setDrawerSearch}
-            defaultValue={drawerSearch}
-          />
-
-          {productAssortment.paging && productAssortment.items.length > 0 && (
-            <Paginator.Counter
-              total={productAssortment.paging.total}
-              itemsLength={
-                isLastPage
-                  ? productAssortment.paging.total
-                  : drawerPage * productAssortment.paging.perPage
-              }
-            />
-          )}
-        </div>
-        <section>
-          {isLoading ? (
-            <div data-fs-bp-drawer-product-assortment-skeleton>
-              <Skeleton size={{ height: "3.5rem", width: "100%" }} />
-            </div>
-          ) : productAssortment.items && productAssortment.items.length ? (
-            <div>
-              <AddProductAssortmentDrawerTable
-                data={productAssortment.items}
-                onChange={setSelectedAssortment}
-              />
-              {productAssortment.items.length > 0 && (
-                <div data-fs-bp-drawer-product-assortment-paginator>
-                  {productAssortment.items.length > 0 &&
-                  productAssortment.paging.page > 1 ? (
-                    <Paginator.NextPageButton
-                      onClick={() => setDrawerPage(drawerPage - 1)}
-                      disabled={isLoading}
-                    >
-                      {isLoading ? "Loading" : "Previous page"}
-                    </Paginator.NextPageButton>
-                  ) : (
-                    <></>
-                  )}
-
-                  {productAssortment.items.length > 0 && !isLastPage ? (
-                    <Paginator.NextPageButton
-                      onClick={() => setDrawerPage(drawerPage + 1)}
-                      disabled={isLoading}
-                    >
-                      {isLoading ? "Loading" : "Next page"}
-                    </Paginator.NextPageButton>
-                  ) : (
-                    <></>
-                  )}
-
-                  <Paginator.Counter
-                    total={productAssortment.paging.total}
-                    itemsLength={
-                      isLastPage
-                        ? productAssortment.paging.total
-                        : drawerPage * productAssortment.paging.perPage
-                    }
-                  />
-                </div>
-              )}
-            </div>
-          ) : (
-            <div data-fs-bp-add-product-assortment-drawer-empty-state>
-              <Icon name="Shapes" />
-              <p>No product assortment found</p>
-            </div>
-          )}
-        </section>
-      </BasicDrawer.Body>
-      <BasicDrawer.Footer data-fs-bp-add-product-assortment-drawer-footer>
-        <BasicDrawer.Button variant="ghost" onClick={close}>
-          Cancel
-        </BasicDrawer.Button>
-        <BasicDrawer.Button
-          variant="confirm"
-          disabled={selectedAssortment.filter((s) => !s.isEnabled).length === 0}
-          onClick={handleSuccess}
-          isLoading={addProductAssortmentMutation.isLoading}
-        >
-          Add
-          {selectedAssortment.filter((s) => !s.isEnabled).length > 0 &&
-            `(${selectedAssortment.filter((s) => !s.isEnabled).length})`}
-        </BasicDrawer.Button>
-      </BasicDrawer.Footer>
-    </BasicDrawer>
-  );
-};

package/src/features/product-assortment/components/AddProductAssortmentDrawer/add-product-assortment-drawer.scss

@@ -1,66 +0,0 @@
-[data-fs-bp-add-product-assortment-drawer] {
-  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
-  @import "../../../shared/components/BasicDrawer/basic-drawer.scss";
-  @import "../../../shared/components/InputText/input-text.scss";
-  @import "../../../shared/components/InternalSearch/internal-search.scss";
-  @import "../../../shared/components/ErrorMessage/error-message.scss";
-  @import "../../../shared/components/Paginator/paginator.scss";
-  @import "../../components/table/add-product-assortment-drawer-table.scss";
-
-  [data-fs-bp-add-product-assortment-text-drawer] {
-    display: block;
-    color: var(--fs-color-neutral-5);
-    margin-bottom: 1.25rem;
-  }
-
-  [data-fs-bp-add-product-assortment-wrapper] {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 2.5rem;
-
-    @include media("<=tablet") {
-      [data-fs-buyer-portal-internal-search] {
-        width: 100%;
-      }
-
-      [data-fs-bp-paginator-counter] {
-        display: none;
-      }
-    }
-  }
-
-  [data-fs-bp-add-product-assortment-drawer-empty-state] {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: var(--fs-spacing-1);
-    height: 18.75rem;
-
-    color: #858585;
-    font-weight: var(--fs-text-weight-semibold);
-
-    [data-fs-icon] {
-      width: var(--fs-spacing-6);
-      height: var(--fs-spacing-6);
-    }
-  }
-
-  [data-fs-bp-drawer-product-assortment-skeleton] {
-    padding-top: var(--fs-spacing-2);
-  }
-
-  [data-fs-bp-drawer-product-assortment-paginator] {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-top: var(--fs-spacing-0);
-    padding: var(--fs-spacing-2) 0;
-  }
-
-  [data-fs-bp-add-product-assortment-drawer-footer] {
-    justify-content: end;
-    gap: 1.25rem;
-  }
-}

package/src/features/product-assortment/components/CollectionsSettingsDrawer/CollectionsSettingsDrawer.tsx

@@ -1,81 +0,0 @@
-import { useState } from "react";
-
-import { useRouter } from "next/router";
-
-import { useUI } from "@faststore/ui";
-
-import {
-  type BasicDrawerProps,
-  SettingsDrawer,
-  createListTypeOptions,
-} from "../../../shared/components";
-import { useSetScopeConfig, SCOPE_KEYS } from "../../../shared/hooks";
-import { CHANGES_TIMEOUT_MESSAGE } from "../../../shared/utils/constants";
-
-export type CollectionsSettingsDrawerProps = Omit<
-  BasicDrawerProps,
-  "children"
-> & {
-  readonly?: boolean;
-  onUpdate?: () => void;
-};
-
-const COLLECTIONS_LIST_TYPE_OPTIONS = createListTypeOptions("collections");
-
-export const CollectionsSettingsDrawer = ({
-  close,
-  onUpdate,
-  ...otherProps
-}: CollectionsSettingsDrawerProps) => {
-  const { pushToast } = useUI();
-  const router = useRouter();
-
-  const [listType, setListType] = useState<"sync" | "custom">("custom");
-
-  const { setScopeConfig, isSetScopeConfigLoading } = useSetScopeConfig({
-    onSuccess: () => {
-      pushToast({
-        message: `Scope configuration updated successfully\n${CHANGES_TIMEOUT_MESSAGE}`,
-        status: "INFO",
-      });
-      onUpdate?.();
-      close();
-    },
-    onError: () => {
-      pushToast({
-        message: "Failed to update scope configuration",
-        status: "ERROR",
-      });
-    },
-  });
-
-  const handleConfirmClick = () => {
-    setScopeConfig({
-      customerId: router.query.contractId as string,
-      unitId: router.query.orgUnitId as string,
-      scopeName: SCOPE_KEYS.COLLECTIONS,
-      type: listType,
-    });
-  };
-
-  return (
-    <SettingsDrawer
-      title="Collections settings"
-      {...otherProps}
-      close={close}
-      onPrimaryAction={handleConfirmClick}
-      isPrimaryButtonLoading={isSetScopeConfigLoading}
-      scopeName={SCOPE_KEYS.COLLECTIONS}
-      onDismiss={close}
-      data-fs-bp-collections-settings-drawer
-    >
-      <SettingsDrawer.ListType
-        title="List type"
-        name="collections-list-type"
-        value={listType}
-        onChange={setListType}
-        options={COLLECTIONS_LIST_TYPE_OPTIONS}
-      />
-    </SettingsDrawer>
-  );
-};

package/src/features/product-assortment/components/RemoveProductAssortmentDrawer/RemoveProductAssortmentDrawer.tsx

@@ -1,79 +0,0 @@
-import { useRouter } from "next/router";
-
-import { Link, useUI } from "@faststore/ui";
-
-import { BasicDrawer } from "../../../shared/components";
-import { useBuyerPortal } from "../../../shared/hooks";
-import { CHANGES_TIMEOUT_MESSAGE } from "../../../shared/utils/constants";
-import { useRemoveProductAssortmentFromScope } from "../../hooks/useRemoveProductAssortmentFromScope";
-
-import type { RemoveProductAssortmentDrawerProps } from "../../types";
-
-export function RemoveProductAssortmentDrawer({
-  close,
-  productAssortment,
-  ...props
-}: RemoveProductAssortmentDrawerProps) {
-  const { pushToast } = useUI();
-
-  const { reload } = useRouter();
-  const removeAssortmentMutation = useRemoveProductAssortmentFromScope();
-  const { currentOrgUnit, currentContract } = useBuyerPortal();
-
-  async function handleSuccess() {
-    await removeAssortmentMutation.mutate({
-      productAssortmentId: productAssortment.id,
-      unitId: currentOrgUnit?.id ?? "",
-      contractId: currentContract?.id ?? "",
-    });
-
-    pushToast({
-      message: `Product assortment access removed successfully\n${CHANGES_TIMEOUT_MESSAGE}`,
-      status: "INFO",
-    });
-    close();
-
-    reload();
-  }
-
-  return (
-    <BasicDrawer
-      data-fs-bp-remove-product-assortment-drawer
-      close={close}
-      {...props}
-    >
-      <BasicDrawer.Heading
-        title="Remove product assortment from unit"
-        onClose={close}
-      />
-
-      <BasicDrawer.Body>
-        <span>
-          Remove <Link href="#">{productAssortment.name}</Link> contract from
-          <Link href="#"> {currentOrgUnit?.name}</Link> organizational unit?
-        </span>
-        <span>
-          This action will prevent users in this unit from accessing this
-          product assortment during store navigation and checkout.
-        </span>
-      </BasicDrawer.Body>
-
-      <BasicDrawer.Footer data-fs-bp-add-product-assortment-drawer-footer>
-        <BasicDrawer.Button
-          variant="ghost"
-          disabled={removeAssortmentMutation.isLoading}
-          onClick={close}
-        >
-          Cancel
-        </BasicDrawer.Button>
-        <BasicDrawer.Button
-          variant="confirm"
-          isLoading={removeAssortmentMutation.isLoading}
-          onClick={handleSuccess}
-        >
-          Confirm
-        </BasicDrawer.Button>
-      </BasicDrawer.Footer>
-    </BasicDrawer>
-  );
-}

package/src/features/product-assortment/components/RemoveProductAssortmentDrawer/remove-product-assortment-drawer.scss

@@ -1,9 +0,0 @@
-[data-fs-bp-remove-product-assortment-drawer] {
-  @import "@faststore/ui/src/components/atoms/Checkbox/styles.scss";
-
-  span {
-    display: block;
-    color: var(--fs-color-neutral-7);
-    margin-bottom: 1.25rem;
-  }
-}

package/src/features/product-assortment/components/table/AddProductAssortmentDrawerTable.tsx

@@ -1,124 +0,0 @@
-import {
-  Dispatch,
-  SetStateAction,
-  useCallback,
-  useMemo,
-  useState,
-} from "react";
-
-import { Checkbox } from "@faststore/ui";
-
-import { Table } from "../../../shared/components";
-
-import type { TableColumn } from "../../../shared/components/Table/TableHead/TableHead";
-import type { ProductAssortmentWithAdditionalInformation } from "../../types";
-
-interface AddProductAssortmentDrawerTableProps {
-  loading?: boolean;
-  data: ProductAssortmentWithAdditionalInformation[];
-  onChange: Dispatch<
-    SetStateAction<ProductAssortmentWithAdditionalInformation[]>
-  >;
-}
-
-export const AddProductAssortmentDrawerTable = ({
-  data,
-  loading,
-  onChange,
-}: AddProductAssortmentDrawerTableProps) => {
-  const enabledIds = useMemo(
-    () => data.filter((item) => item.isEnabled).map((item) => item.id),
-    [data]
-  );
-
-  const [selectedIds, setSelectedIds] = useState<string[]>(enabledIds);
-
-  const selectableIds = useMemo(
-    () => data.filter((item) => !item.isEnabled).map((item) => item.id),
-    [data]
-  );
-  const allSelected =
-    selectableIds.every((id) => selectedIds.includes(id)) &&
-    selectableIds.length > 0;
-  const partiallySelected =
-    selectedIds.some((id) => selectableIds.includes(id)) && !allSelected;
-
-  const handleSelect = useCallback(
-    (id: string, isEnabled: boolean) => {
-      if (isEnabled) return;
-
-      const newSelectedIds = selectedIds.includes(id)
-        ? selectedIds.filter((item) => item !== id)
-        : [...selectedIds, id];
-
-      setSelectedIds(newSelectedIds);
-      const selectedItems = data.filter((d) => newSelectedIds.includes(d.id));
-      onChange(selectedItems);
-    },
-    [selectedIds, data, onChange]
-  );
-
-  const handleSelectAll = useCallback(() => {
-    const newSelectedIds = allSelected
-      ? enabledIds
-      : [...selectableIds, ...enabledIds];
-    setSelectedIds(newSelectedIds);
-    const selectedItems = data.filter((d) => newSelectedIds.includes(d.id));
-    onChange(selectedItems);
-  }, [allSelected, selectableIds, enabledIds, data, onChange]);
-
-  const columns: TableColumn[] = [
-    {
-      key: "check",
-      align: "center",
-      size: "2.5rem",
-      label: (
-        <Checkbox
-          data-fs-bp-product-assortment-checkbox
-          checked={allSelected}
-          partial={partiallySelected}
-          onChange={handleSelectAll}
-        />
-      ),
-    },
-    {
-      key: "name",
-      label: "Name",
-      align: "left",
-      size: "100%",
-    },
-  ];
-
-  return (
-    <div data-fs-bp-add-product-assortment-drawer-table>
-      <Table layoutFixed>
-        <Table.Head columns={columns} />
-        <Table.Body>
-          {loading ? (
-            <Table.Loading columns={columns.length} />
-          ) : (
-            data.map((option) => (
-              <Table.Row
-                key={option.id}
-                title={option.name}
-                iconName="Shapes"
-                iconSize={24}
-                selected={selectedIds.includes(option.id)}
-                prependColumns={
-                  <Table.Cell align="center">
-                    <Checkbox
-                      data-fs-bp-product-assortment-checkbox
-                      checked={selectedIds.includes(option.id)}
-                      disabled={option.isEnabled}
-                      onChange={() => handleSelect(option.id, option.isEnabled)}
-                    />
-                  </Table.Cell>
-                }
-              />
-            ))
-          )}
-        </Table.Body>
-      </Table>
-    </div>
-  );
-};

package/src/features/product-assortment/components/table/add-product-assortment-drawer-table.scss

@@ -1,14 +0,0 @@
-[data-fs-bp-add-product-assortment-drawer-table] {
-	@import "@faststore/ui/src/components/atoms/Checkbox/styles.scss";
-	@import "../../../shared/components/Table/table.scss";
-
-	margin-top: 1.25rem;
-
-	[data-fs-tooltip] {
-		--fs-tooltip-background: #1f1f1f;
-	}
-
-	[data-fs-bp-product-assortment-checkbox] {
-		margin: 0 auto;
-	}
-}