fix(herbatika): scope product list cache by customer

Author: KaiUweCZE

apps/herbatika/src/components/product-lists/use-account-product-lists.ts

@@ -63,7 +63,9 @@ export function useAccountProductLists() {
   const [deleteListId, setDeleteListId] = useState<string | null>(null);
   const [statusError, setStatusError] = useState<string | null>(null);
 
+  const customerId = authQuery.customer?.id ?? null;
   const listsQuery = useProductLists({
+    customerId,
     limit: 100,
     enabled: authQuery.isAuthenticated,
   });

apps/herbatika/src/components/product-lists/use-product-list-picker.ts

@@ -62,8 +62,13 @@ export function useProductListPicker({
   const [activeListKey, setActiveListKey] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
 
+  const customerId = authQuery.customer?.id ?? null;
   const shouldFetchLists = isOpen && authQuery.isAuthenticated;
-  const listsQuery = useProductLists({ limit: 100, enabled: shouldFetchLists });
+  const listsQuery = useProductLists({
+    customerId,
+    limit: 100,
+    enabled: shouldFetchLists,
+  });
   const listIds = useMemo(
     () => listsQuery.productLists.map((list) => list.id).filter(Boolean),
     [listsQuery.productLists],

apps/herbatika/src/lib/storefront/product-lists.client.ts

@@ -176,7 +176,13 @@ export const listProductLists = async (
   input: ProductListListInput = {},
   signal?: AbortSignal,
 ) => {
-  const { enabled: _enabled, limit = 20, offset = 0, ...query } = input;
+  const {
+    enabled: _enabled,
+    customerId: _customerId,
+    limit = 20,
+    offset = 0,
+    ...query
+  } = input;
   const response = await storefrontSdk.client.fetch<ProductListListResponse>(
     PRODUCT_LISTS_PATH,
     {

apps/herbatika/src/lib/storefront/product-lists.ts

@@ -98,6 +98,7 @@ export const productListQueryKeys = {
         type: input?.type,
         limit: input?.limit,
         offset: input?.offset,
+        customerId: input?.customerId ?? null,
       },
     ] as const,
   detail: (id?: string | null) =>

apps/herbatika/src/lib/storefront/product-lists.types.ts

@@ -69,6 +69,7 @@ export type ProductListListInput = {
   type?: StoreProductListType;
   limit?: number;
   offset?: number;
+  customerId?: string | null;
   enabled?: boolean;
 };