@diffsome/react 1.1.3 → 1.2.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/context/DiffsomeContext.tsx
-import { createContext, useContext, useState, useEffect, useMemo } from "react";
+import { createContext, useContext, useState, useEffect, useCallback, useMemo } from "react";
 import { Diffsome } from "@diffsome/sdk";
 import { jsx } from "react/jsx-runtime";
 var DiffsomeContext = createContext(null);
@@ -14,6 +14,10 @@ var getEnvVar = (key) => {
 };
 function DiffsomeProvider({ children, config = {} }) {
   const [isReady, setIsReady] = useState(false);
+  const [cart, setCart] = useState(null);
+  const [cartLoading, setCartLoading] = useState(true);
+  const [wishlistItems, setWishlistItems] = useState([]);
+  const [wishlistLoading, setWishlistLoading] = useState(true);
   const tenantId = config.tenantId || getEnvVar("DIFFSOME_TENANT_ID");
   const apiKey = config.apiKey || getEnvVar("DIFFSOME_API_KEY");
   const baseUrl = config.baseUrl || getEnvVar("DIFFSOME_BASE_URL");
@@ -31,13 +35,59 @@ function DiffsomeProvider({ children, config = {} }) {
       storageType: config.storageType ?? "localStorage"
     });
   }, [tenantId, baseUrl, apiKey, config.persistToken, config.storageType]);
+  const refreshCart = useCallback(async () => {
+    setCartLoading(true);
+    try {
+      const cartData = await client.shop.getCart();
+      setCart(cartData);
+    } catch (err) {
+      setCart(null);
+    } finally {
+      setCartLoading(false);
+    }
+  }, [client]);
+  const refreshWishlist = useCallback(async () => {
+    if (!client.isAuthenticated()) {
+      setWishlistItems([]);
+      setWishlistLoading(false);
+      return;
+    }
+    setWishlistLoading(true);
+    try {
+      const response = await client.shop.getWishlist({ per_page: 100 });
+      setWishlistItems(response.data);
+    } catch (err) {
+      setWishlistItems([]);
+    } finally {
+      setWishlistLoading(false);
+    }
+  }, [client]);
   useEffect(() => {
     setIsReady(true);
-  }, []);
+    refreshCart();
+    refreshWishlist();
+  }, [refreshCart, refreshWishlist]);
+  useEffect(() => {
+    const handleAuthChange = () => {
+      refreshWishlist();
+    };
+    if (typeof window !== "undefined") {
+      window.addEventListener("storage", handleAuthChange);
+      return () => window.removeEventListener("storage", handleAuthChange);
+    }
+  }, [refreshWishlist]);
   const value = useMemo(() => ({
     client,
-    isReady
-  }), [client, isReady]);
+    isReady,
+    cart,
+    cartLoading,
+    setCart,
+    refreshCart,
+    wishlistItems,
+    wishlistLoading,
+    setWishlistItems,
+    refreshWishlist
+  }), [client, isReady, cart, cartLoading, refreshCart, wishlistItems, wishlistLoading, refreshWishlist]);
   return /* @__PURE__ */ jsx(DiffsomeContext.Provider, { value, children });
 }
 function useDiffsome() {
@@ -194,27 +244,9 @@ function useSocialAuth() {
 }
 
 // src/hooks/useCart.ts
-import { useState as useState4, useEffect as useEffect4, useCallback as useCallback4 } from "react";
+import { useCallback as useCallback4 } from "react";
 function useCart() {
-  const client = useClient();
-  const [cart, setCart] = useState4(null);
-  const [loading, setLoading] = useState4(true);
-  const [error, setError] = useState4(null);
-  const fetchCart = useCallback4(async () => {
-    try {
-      const cartData = await client.shop.getCart();
-      setCart(cartData);
-      setError(null);
-    } catch (err) {
-      setCart(null);
-      setError(err instanceof Error ? err : new Error("Failed to fetch cart"));
-    } finally {
-      setLoading(false);
-    }
-  }, [client]);
-  useEffect4(() => {
-    fetchCart();
-  }, [fetchCart]);
+  const { client, cart, cartLoading, setCart, refreshCart } = useDiffsome();
   const addToCart = useCallback4(async (productId, quantity = 1, variantId, options) => {
     const data = {
       product_id: productId,
@@ -225,25 +257,21 @@ function useCart() {
     const updatedCart = await client.shop.addToCart(data);
     setCart(updatedCart);
     return updatedCart;
-  }, [client]);
+  }, [client, setCart]);
   const updateItem = useCallback4(async (itemId, quantity) => {
     const updatedCart = await client.shop.updateCartItem(itemId, { quantity });
     setCart(updatedCart);
     return updatedCart;
-  }, [client]);
+  }, [client, setCart]);
   const removeItem = useCallback4(async (itemId) => {
     const updatedCart = await client.shop.removeFromCart(itemId);
     setCart(updatedCart);
     return updatedCart;
-  }, [client]);
+  }, [client, setCart]);
   const clearCart = useCallback4(async () => {
     await client.shop.clearCart();
     setCart(null);
-  }, [client]);
-  const refresh = useCallback4(async () => {
-    setLoading(true);
-    await fetchCart();
-  }, [fetchCart]);
+  }, [client, setCart]);
   const isInCart = useCallback4((productId, variantId) => {
     if (!cart?.items) return false;
     return cart.items.some(
@@ -265,117 +293,77 @@ function useCart() {
     subtotal: cart?.subtotal ?? 0,
     shippingFee: cart?.shipping_fee ?? 0,
     total: cart?.total ?? 0,
-    loading,
-    error,
+    loading: cartLoading,
     addToCart,
     updateItem,
     removeItem,
     clearCart,
-    refresh,
+    refresh: refreshCart,
     isInCart,
     getItemQuantity
   };
 }
 
 // src/hooks/useWishlist.ts
-import { useState as useState5, useEffect as useEffect5, useCallback as useCallback5 } from "react";
+import { useState as useState4, useCallback as useCallback5, useMemo as useMemo2 } from "react";
 function useWishlist() {
-  const client = useClient();
-  const [items, setItems] = useState5([]);
-  const [loading, setLoading] = useState5(true);
-  const [error, setError] = useState5(null);
-  const [wishlistMap, setWishlistMap] = useState5({});
-  const fetchWishlist = useCallback5(async () => {
-    if (!client.isAuthenticated()) {
-      setItems([]);
-      setWishlistMap({});
-      setLoading(false);
-      return;
-    }
-    try {
-      const response = await client.shop.getWishlist({ per_page: 100 });
-      setItems(response.data);
-      const map = {};
-      response.data.forEach((item) => {
-        const key = item.variant_id ? `${item.product_id}_${item.variant_id}` : String(item.product_id);
-        map[key] = true;
-      });
-      setWishlistMap(map);
-      setError(null);
-    } catch (err) {
-      setItems([]);
-      setWishlistMap({});
-      setError(err instanceof Error ? err : new Error("Failed to fetch wishlist"));
-    } finally {
-      setLoading(false);
-    }
-  }, [client]);
-  useEffect5(() => {
-    fetchWishlist();
-  }, [fetchWishlist]);
+  const { client, wishlistItems, wishlistLoading, setWishlistItems, refreshWishlist, setCart } = useDiffsome();
+  const [error, setError] = useState4(null);
+  const wishlistMap = useMemo2(() => {
+    const map = {};
+    wishlistItems.forEach((item) => {
+      const key = item.variant_id ? `${item.product_id}_${item.variant_id}` : String(item.product_id);
+      map[key] = true;
+    });
+    return map;
+  }, [wishlistItems]);
   const isInWishlist = useCallback5((productId, variantId) => {
     const key = variantId ? `${productId}_${variantId}` : String(productId);
     return wishlistMap[key] || false;
   }, [wishlistMap]);
   const toggleWishlist = useCallback5(async (productId, variantId) => {
     const result = await client.shop.toggleWishlist(productId, variantId);
-    const key = variantId ? `${productId}_${variantId}` : String(productId);
-    setWishlistMap((prev) => ({
-      ...prev,
-      [key]: result.in_wishlist
-    }));
     if (result.action === "added") {
-      await fetchWishlist();
+      await refreshWishlist();
     } else {
-      setItems((prev) => prev.filter(
+      setWishlistItems(wishlistItems.filter(
         (item) => !(item.product_id === productId && item.variant_id === variantId)
       ));
     }
     return result;
-  }, [client, fetchWishlist]);
+  }, [client, refreshWishlist, setWishlistItems, wishlistItems]);
   const addToWishlist = useCallback5(async (productId, variantId, note) => {
     const item = await client.shop.addToWishlist({
       product_id: productId,
       variant_id: variantId,
       note
     });
-    await fetchWishlist();
+    await refreshWishlist();
     return item;
-  }, [client, fetchWishlist]);
+  }, [client, refreshWishlist]);
   const removeFromWishlist = useCallback5(async (wishlistId) => {
-    const item = items.find((i) => i.id === wishlistId);
     await client.shop.removeFromWishlist(wishlistId);
-    if (item) {
-      const key = item.variant_id ? `${item.product_id}_${item.variant_id}` : String(item.product_id);
-      setWishlistMap((prev) => {
-        const next = { ...prev };
-        delete next[key];
-        return next;
-      });
-    }
-    setItems((prev) => prev.filter((i) => i.id !== wishlistId));
-  }, [client, items]);
+    setWishlistItems(wishlistItems.filter((i) => i.id !== wishlistId));
+  }, [client, setWishlistItems, wishlistItems]);
   const moveToCart = useCallback5(async (wishlistIds) => {
     const result = await client.shop.moveWishlistToCart(wishlistIds);
-    await fetchWishlist();
+    await refreshWishlist();
+    const cartData = await client.shop.getCart();
+    setCart(cartData);
     return result;
-  }, [client, fetchWishlist]);
+  }, [client, refreshWishlist, setCart]);
   const updateNote = useCallback5(async (wishlistId, note) => {
     const item = await client.shop.updateWishlistNote(wishlistId, note);
-    setItems((prev) => prev.map((i) => i.id === wishlistId ? item : i));
+    setWishlistItems(wishlistItems.map((i) => i.id === wishlistId ? item : i));
     return item;
-  }, [client]);
+  }, [client, setWishlistItems, wishlistItems]);
   const getProductWishlistCount = useCallback5(async (productSlug) => {
     return await client.shop.getProductWishlistCount(productSlug);
   }, [client]);
-  const refresh = useCallback5(async () => {
-    setLoading(true);
-    await fetchWishlist();
-  }, [fetchWishlist]);
   return {
-    items,
-    count: items.length,
-    loading,
+    items: wishlistItems,
+    count: wishlistItems.length,
+    loading: wishlistLoading,
     error,
     isInWishlist,
     toggleWishlist,
@@ -384,20 +372,20 @@ function useWishlist() {
     moveToCart,
     updateNote,
     getProductWishlistCount,
-    refresh
+    refresh: refreshWishlist
   };
 }
 
 // src/hooks/useProducts.ts
-import { useState as useState6, useEffect as useEffect6, useCallback as useCallback6 } from "react";
+import { useState as useState5, useEffect as useEffect4, useCallback as useCallback6 } from "react";
 function useProducts(options = {}) {
   const { autoFetch = true, ...params } = options;
   const client = useClient();
-  const [products, setProducts] = useState6([]);
-  const [meta, setMeta] = useState6(null);
-  const [loading, setLoading] = useState6(autoFetch);
-  const [error, setError] = useState6(null);
-  const [currentParams, setCurrentParams] = useState6(params);
+  const [products, setProducts] = useState5([]);
+  const [meta, setMeta] = useState5(null);
+  const [loading, setLoading] = useState5(autoFetch);
+  const [error, setError] = useState5(null);
+  const [currentParams, setCurrentParams] = useState5(params);
   const fetchProducts = useCallback6(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
@@ -415,7 +403,7 @@ function useProducts(options = {}) {
       setLoading(false);
     }
   }, [client]);
-  useEffect6(() => {
+  useEffect4(() => {
     if (autoFetch) {
       fetchProducts(params);
     }
@@ -448,9 +436,9 @@ function useProducts(options = {}) {
 }
 function useProduct(idOrSlug) {
   const client = useClient();
-  const [product, setProduct] = useState6(null);
-  const [loading, setLoading] = useState6(true);
-  const [error, setError] = useState6(null);
+  const [product, setProduct] = useState5(null);
+  const [loading, setLoading] = useState5(true);
+  const [error, setError] = useState5(null);
   const fetchProduct = useCallback6(async () => {
     setLoading(true);
     setError(null);
@@ -463,7 +451,7 @@ function useProduct(idOrSlug) {
       setLoading(false);
     }
   }, [client, idOrSlug]);
-  useEffect6(() => {
+  useEffect4(() => {
     fetchProduct();
   }, [fetchProduct]);
   return {
@@ -475,9 +463,9 @@ function useProduct(idOrSlug) {
 }
 function useCategories() {
   const client = useClient();
-  const [categories, setCategories] = useState6([]);
-  const [loading, setLoading] = useState6(true);
-  const [error, setError] = useState6(null);
+  const [categories, setCategories] = useState5([]);
+  const [loading, setLoading] = useState5(true);
+  const [error, setError] = useState5(null);
   const fetchCategories = useCallback6(async () => {
     setLoading(true);
     setError(null);
@@ -490,7 +478,7 @@ function useCategories() {
       setLoading(false);
     }
   }, [client]);
-  useEffect6(() => {
+  useEffect4(() => {
     fetchCategories();
   }, [fetchCategories]);
   return {
@@ -502,9 +490,9 @@ function useCategories() {
 }
 function useFeaturedProducts(limit = 8) {
   const client = useClient();
-  const [products, setProducts] = useState6([]);
-  const [loading, setLoading] = useState6(true);
-  const [error, setError] = useState6(null);
+  const [products, setProducts] = useState5([]);
+  const [loading, setLoading] = useState5(true);
+  const [error, setError] = useState5(null);
   const fetchProducts = useCallback6(async () => {
     setLoading(true);
     setError(null);
@@ -517,7 +505,7 @@ function useFeaturedProducts(limit = 8) {
       setLoading(false);
     }
   }, [client, limit]);
-  useEffect6(() => {
+  useEffect4(() => {
     fetchProducts();
   }, [fetchProducts]);
   return {
@@ -529,10 +517,10 @@ function useFeaturedProducts(limit = 8) {
 }
 function useProductsByType(type, params) {
   const client = useClient();
-  const [products, setProducts] = useState6([]);
-  const [meta, setMeta] = useState6(null);
-  const [loading, setLoading] = useState6(true);
-  const [error, setError] = useState6(null);
+  const [products, setProducts] = useState5([]);
+  const [meta, setMeta] = useState5(null);
+  const [loading, setLoading] = useState5(true);
+  const [error, setError] = useState5(null);
   const fetchProducts = useCallback6(async () => {
     setLoading(true);
     setError(null);
@@ -546,7 +534,7 @@ function useProductsByType(type, params) {
       setLoading(false);
     }
   }, [client, type, params]);
-  useEffect6(() => {
+  useEffect4(() => {
     fetchProducts();
   }, [fetchProducts]);
   return {
@@ -568,9 +556,9 @@ function useBundleProducts(params) {
 }
 function useBundleItems(productSlug) {
   const client = useClient();
-  const [bundle, setBundle] = useState6(null);
-  const [loading, setLoading] = useState6(true);
-  const [error, setError] = useState6(null);
+  const [bundle, setBundle] = useState5(null);
+  const [loading, setLoading] = useState5(true);
+  const [error, setError] = useState5(null);
   const fetchBundle = useCallback6(async () => {
     setLoading(true);
     setError(null);
@@ -583,7 +571,7 @@ function useBundleItems(productSlug) {
       setLoading(false);
     }
   }, [client, productSlug]);
-  useEffect6(() => {
+  useEffect4(() => {
     fetchBundle();
   }, [fetchBundle]);
   return {
@@ -595,13 +583,13 @@ function useBundleItems(productSlug) {
 }
 
 // src/hooks/useOrders.ts
-import { useState as useState7, useEffect as useEffect7, useCallback as useCallback7 } from "react";
+import { useState as useState6, useEffect as useEffect5, useCallback as useCallback7 } from "react";
 function useOrders(params) {
   const client = useClient();
-  const [orders, setOrders] = useState7([]);
-  const [meta, setMeta] = useState7(null);
-  const [loading, setLoading] = useState7(true);
-  const [error, setError] = useState7(null);
+  const [orders, setOrders] = useState6([]);
+  const [meta, setMeta] = useState6(null);
+  const [loading, setLoading] = useState6(true);
+  const [error, setError] = useState6(null);
   const fetchOrders = useCallback7(async (fetchParams, append = false) => {
     if (!client.isAuthenticated()) {
       setOrders([]);
@@ -624,7 +612,7 @@ function useOrders(params) {
       setLoading(false);
     }
   }, [client]);
-  useEffect7(() => {
+  useEffect5(() => {
     fetchOrders(params);
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
@@ -648,9 +636,9 @@ function useOrders(params) {
 }
 function useOrder(idOrNumber) {
   const client = useClient();
-  const [order, setOrder] = useState7(null);
-  const [loading, setLoading] = useState7(true);
-  const [error, setError] = useState7(null);
+  const [order, setOrder] = useState6(null);
+  const [loading, setLoading] = useState6(true);
+  const [error, setError] = useState6(null);
   const fetchOrder = useCallback7(async () => {
     setLoading(true);
     setError(null);
@@ -663,7 +651,7 @@ function useOrder(idOrNumber) {
       setLoading(false);
     }
   }, [client, idOrNumber]);
-  useEffect7(() => {
+  useEffect5(() => {
     fetchOrder();
   }, [fetchOrder]);
   const cancel = useCallback7(async () => {
@@ -682,8 +670,8 @@ function useOrder(idOrNumber) {
 }
 function useCreateOrder() {
   const client = useClient();
-  const [loading, setLoading] = useState7(false);
-  const [error, setError] = useState7(null);
+  const [loading, setLoading] = useState6(false);
+  const [error, setError] = useState6(null);
   const createOrder = useCallback7(async (data) => {
     setLoading(true);
     setError(null);
@@ -705,12 +693,12 @@ function useCreateOrder() {
 }
 
 // src/hooks/usePayment.ts
-import { useState as useState8, useCallback as useCallback8 } from "react";
+import { useState as useState7, useCallback as useCallback8 } from "react";
 function usePaymentStatus() {
   const client = useClient();
-  const [status, setStatus] = useState8(null);
-  const [loading, setLoading] = useState8(true);
-  const [error, setError] = useState8(null);
+  const [status, setStatus] = useState7(null);
+  const [loading, setLoading] = useState7(true);
+  const [error, setError] = useState7(null);
   const fetchStatus = useCallback8(async () => {
     setLoading(true);
     setError(null);
@@ -735,8 +723,8 @@ function usePaymentStatus() {
 }
 function useTossPayment() {
   const client = useClient();
-  const [loading, setLoading] = useState8(false);
-  const [error, setError] = useState8(null);
+  const [loading, setLoading] = useState7(false);
+  const [error, setError] = useState7(null);
   const preparePayment = useCallback8(async (orderNumber, successUrl, failUrl) => {
     setLoading(true);
     setError(null);
@@ -794,8 +782,8 @@ function useTossPayment() {
 }
 function useStripePayment() {
   const client = useClient();
-  const [loading, setLoading] = useState8(false);
-  const [error, setError] = useState8(null);
+  const [loading, setLoading] = useState7(false);
+  const [error, setError] = useState7(null);
   const createCheckout = useCallback8(async (orderNumber, successUrl, cancelUrl) => {
     setLoading(true);
     setError(null);
@@ -849,12 +837,12 @@ function useStripePayment() {
 }
 
 // src/hooks/useCoupons.ts
-import { useState as useState9, useEffect as useEffect8, useCallback as useCallback9 } from "react";
+import { useState as useState8, useEffect as useEffect6, useCallback as useCallback9 } from "react";
 function useCoupons() {
   const client = useClient();
-  const [coupons, setCoupons] = useState9([]);
-  const [loading, setLoading] = useState9(true);
-  const [error, setError] = useState9(null);
+  const [coupons, setCoupons] = useState8([]);
+  const [loading, setLoading] = useState8(true);
+  const [error, setError] = useState8(null);
   const fetchCoupons = useCallback9(async () => {
     if (!client.isAuthenticated()) {
       setCoupons([]);
@@ -872,7 +860,7 @@ function useCoupons() {
       setLoading(false);
     }
   }, [client]);
-  useEffect8(() => {
+  useEffect6(() => {
     fetchCoupons();
   }, [fetchCoupons]);
   return {
@@ -884,9 +872,9 @@ function useCoupons() {
 }
 function useValidateCoupon() {
   const client = useClient();
-  const [validation, setValidation] = useState9(null);
-  const [loading, setLoading] = useState9(false);
-  const [error, setError] = useState9(null);
+  const [validation, setValidation] = useState8(null);
+  const [loading, setLoading] = useState8(false);
+  const [error, setError] = useState8(null);
   const validate = useCallback9(async (code, orderAmount) => {
     setLoading(true);
     setError(null);
@@ -917,12 +905,12 @@ function useValidateCoupon() {
 }
 
 // src/hooks/useSubscriptions.ts
-import { useState as useState10, useEffect as useEffect9, useCallback as useCallback10 } from "react";
+import { useState as useState9, useEffect as useEffect7, useCallback as useCallback10 } from "react";
 function useSubscriptions() {
   const client = useClient();
-  const [subscriptions, setSubscriptions] = useState10([]);
-  const [loading, setLoading] = useState10(true);
-  const [error, setError] = useState10(null);
+  const [subscriptions, setSubscriptions] = useState9([]);
+  const [loading, setLoading] = useState9(true);
+  const [error, setError] = useState9(null);
   const fetchSubscriptions = useCallback10(async () => {
     if (!client.isAuthenticated()) {
       setSubscriptions([]);
@@ -940,7 +928,7 @@ function useSubscriptions() {
       setLoading(false);
     }
   }, [client]);
-  useEffect9(() => {
+  useEffect7(() => {
     fetchSubscriptions();
   }, [fetchSubscriptions]);
   const activeSubscription = subscriptions.find((s) => s.is_active) ?? null;
@@ -956,9 +944,9 @@ function useSubscriptions() {
 }
 function useSubscription(id) {
   const client = useClient();
-  const [subscription, setSubscription] = useState10(null);
-  const [loading, setLoading] = useState10(true);
-  const [error, setError] = useState10(null);
+  const [subscription, setSubscription] = useState9(null);
+  const [loading, setLoading] = useState9(true);
+  const [error, setError] = useState9(null);
   const fetchSubscription = useCallback10(async () => {
     setLoading(true);
     setError(null);
@@ -971,7 +959,7 @@ function useSubscription(id) {
       setLoading(false);
     }
   }, [client, id]);
-  useEffect9(() => {
+  useEffect7(() => {
     fetchSubscription();
   }, [fetchSubscription]);
   const cancel = useCallback10(async (immediately = false) => {
@@ -1001,8 +989,8 @@ function useSubscription(id) {
 }
 function useCreateSubscription() {
   const client = useClient();
-  const [loading, setLoading] = useState10(false);
-  const [error, setError] = useState10(null);
+  const [loading, setLoading] = useState9(false);
+  const [error, setError] = useState9(null);
   const createCheckout = useCallback10(async (planId, successUrl, cancelUrl) => {
     setLoading(true);
     setError(null);
@@ -1058,12 +1046,12 @@ function useCreateSubscription() {
 }
 
 // src/hooks/useDownloads.ts
-import { useState as useState11, useEffect as useEffect10, useCallback as useCallback11 } from "react";
+import { useState as useState10, useEffect as useEffect8, useCallback as useCallback11 } from "react";
 function useDownloads() {
   const client = useClient();
-  const [downloads, setDownloads] = useState11([]);
-  const [loading, setLoading] = useState11(true);
-  const [error, setError] = useState11(null);
+  const [downloads, setDownloads] = useState10([]);
+  const [loading, setLoading] = useState10(true);
+  const [error, setError] = useState10(null);
   const fetchDownloads = useCallback11(async () => {
     if (!client.isAuthenticated()) {
       setDownloads([]);
@@ -1081,7 +1069,7 @@ function useDownloads() {
       setLoading(false);
     }
   }, [client]);
-  useEffect10(() => {
+  useEffect8(() => {
     fetchDownloads();
   }, [fetchDownloads]);
   const getDownloadUrl = useCallback11((token) => {
@@ -1101,9 +1089,9 @@ function useDownloads() {
 }
 function useOrderDownloads(orderNumber) {
   const client = useClient();
-  const [downloads, setDownloads] = useState11([]);
-  const [loading, setLoading] = useState11(true);
-  const [error, setError] = useState11(null);
+  const [downloads, setDownloads] = useState10([]);
+  const [loading, setLoading] = useState10(true);
+  const [error, setError] = useState10(null);
   const fetchDownloads = useCallback11(async () => {
     if (!client.isAuthenticated()) {
       setDownloads([]);
@@ -1121,7 +1109,7 @@ function useOrderDownloads(orderNumber) {
       setLoading(false);
     }
   }, [client, orderNumber]);
-  useEffect10(() => {
+  useEffect8(() => {
     fetchDownloads();
   }, [fetchDownloads]);
   const getDownloadUrl = useCallback11((token) => {
@@ -1141,14 +1129,14 @@ function useOrderDownloads(orderNumber) {
 }
 
 // src/hooks/useReviews.ts
-import { useState as useState12, useEffect as useEffect11, useCallback as useCallback12 } from "react";
+import { useState as useState11, useEffect as useEffect9, useCallback as useCallback12 } from "react";
 function useProductReviews(productSlug, params) {
   const client = useClient();
-  const [reviews, setReviews] = useState12([]);
-  const [stats, setStats] = useState12(null);
-  const [meta, setMeta] = useState12(null);
-  const [loading, setLoading] = useState12(true);
-  const [error, setError] = useState12(null);
+  const [reviews, setReviews] = useState11([]);
+  const [stats, setStats] = useState11(null);
+  const [meta, setMeta] = useState11(null);
+  const [loading, setLoading] = useState11(true);
+  const [error, setError] = useState11(null);
   const fetchReviews = useCallback12(async () => {
     setLoading(true);
     setError(null);
@@ -1163,7 +1151,7 @@ function useProductReviews(productSlug, params) {
       setLoading(false);
     }
   }, [client, productSlug, params]);
-  useEffect11(() => {
+  useEffect9(() => {
     fetchReviews();
   }, [fetchReviews]);
   return {
@@ -1177,10 +1165,10 @@ function useProductReviews(productSlug, params) {
 }
 function useCanReview(productSlug) {
   const client = useClient();
-  const [canReview, setCanReview] = useState12(false);
-  const [reason, setReason] = useState12(null);
-  const [loading, setLoading] = useState12(true);
-  const [error, setError] = useState12(null);
+  const [canReview, setCanReview] = useState11(false);
+  const [reason, setReason] = useState11(null);
+  const [loading, setLoading] = useState11(true);
+  const [error, setError] = useState11(null);
   const check = useCallback12(async () => {
     setLoading(true);
     setError(null);
@@ -1196,7 +1184,7 @@ function useCanReview(productSlug) {
       setLoading(false);
     }
   }, [client, productSlug]);
-  useEffect11(() => {
+  useEffect9(() => {
     if (client.isAuthenticated()) {
       check();
     } else {
@@ -1215,8 +1203,8 @@ function useCanReview(productSlug) {
 }
 function useCreateReview() {
   const client = useClient();
-  const [loading, setLoading] = useState12(false);
-  const [error, setError] = useState12(null);
+  const [loading, setLoading] = useState11(false);
+  const [error, setError] = useState11(null);
   const createReview = useCallback12(async (productSlug, data) => {
     setLoading(true);
     setError(null);
@@ -1238,10 +1226,10 @@ function useCreateReview() {
 }
 function useMyReviews(params) {
   const client = useClient();
-  const [reviews, setReviews] = useState12([]);
-  const [meta, setMeta] = useState12(null);
-  const [loading, setLoading] = useState12(true);
-  const [error, setError] = useState12(null);
+  const [reviews, setReviews] = useState11([]);
+  const [meta, setMeta] = useState11(null);
+  const [loading, setLoading] = useState11(true);
+  const [error, setError] = useState11(null);
   const fetchReviews = useCallback12(async () => {
     if (!client.isAuthenticated()) {
       setReviews([]);
@@ -1260,7 +1248,7 @@ function useMyReviews(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect11(() => {
+  useEffect9(() => {
     fetchReviews();
   }, [fetchReviews]);
   const deleteReview = useCallback12(async (reviewId) => {
@@ -1284,15 +1272,15 @@ function useMyReviews(params) {
 }
 
 // src/hooks/useBlog.ts
-import { useState as useState13, useEffect as useEffect12, useCallback as useCallback13 } from "react";
+import { useState as useState12, useEffect as useEffect10, useCallback as useCallback13 } from "react";
 function useBlog(options = {}) {
   const { autoFetch = true, ...params } = options;
   const client = useClient();
-  const [posts, setPosts] = useState13([]);
-  const [meta, setMeta] = useState13(null);
-  const [loading, setLoading] = useState13(autoFetch);
-  const [error, setError] = useState13(null);
-  const [currentParams, setCurrentParams] = useState13(params);
+  const [posts, setPosts] = useState12([]);
+  const [meta, setMeta] = useState12(null);
+  const [loading, setLoading] = useState12(autoFetch);
+  const [error, setError] = useState12(null);
+  const [currentParams, setCurrentParams] = useState12(params);
   const fetchPosts = useCallback13(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
@@ -1310,7 +1298,7 @@ function useBlog(options = {}) {
       setLoading(false);
     }
   }, [client]);
-  useEffect12(() => {
+  useEffect10(() => {
     if (autoFetch) {
       fetchPosts(params);
     }
@@ -1337,9 +1325,9 @@ function useBlog(options = {}) {
 }
 function useBlogPost(slug) {
   const client = useClient();
-  const [post, setPost] = useState13(null);
-  const [loading, setLoading] = useState13(true);
-  const [error, setError] = useState13(null);
+  const [post, setPost] = useState12(null);
+  const [loading, setLoading] = useState12(true);
+  const [error, setError] = useState12(null);
   const fetchPost = useCallback13(async () => {
     setLoading(true);
     setError(null);
@@ -1352,7 +1340,7 @@ function useBlogPost(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect12(() => {
+  useEffect10(() => {
     fetchPost();
   }, [fetchPost]);
   return {
@@ -1364,9 +1352,9 @@ function useBlogPost(slug) {
 }
 function useBlogCategories() {
   const client = useClient();
-  const [categories, setCategories] = useState13([]);
-  const [loading, setLoading] = useState13(true);
-  const [error, setError] = useState13(null);
+  const [categories, setCategories] = useState12([]);
+  const [loading, setLoading] = useState12(true);
+  const [error, setError] = useState12(null);
   const fetchCategories = useCallback13(async () => {
     setLoading(true);
     setError(null);
@@ -1379,7 +1367,7 @@ function useBlogCategories() {
       setLoading(false);
     }
   }, [client]);
-  useEffect12(() => {
+  useEffect10(() => {
     fetchCategories();
   }, [fetchCategories]);
   return {
@@ -1391,9 +1379,9 @@ function useBlogCategories() {
 }
 function useBlogTags() {
   const client = useClient();
-  const [tags, setTags] = useState13([]);
-  const [loading, setLoading] = useState13(true);
-  const [error, setError] = useState13(null);
+  const [tags, setTags] = useState12([]);
+  const [loading, setLoading] = useState12(true);
+  const [error, setError] = useState12(null);
   const fetchTags = useCallback13(async () => {
     setLoading(true);
     setError(null);
@@ -1406,7 +1394,7 @@ function useBlogTags() {
       setLoading(false);
     }
   }, [client]);
-  useEffect12(() => {
+  useEffect10(() => {
     fetchTags();
   }, [fetchTags]);
   return {
@@ -1418,9 +1406,9 @@ function useBlogTags() {
 }
 function useFeaturedBlog(limit = 5) {
   const client = useClient();
-  const [posts, setPosts] = useState13([]);
-  const [loading, setLoading] = useState13(true);
-  const [error, setError] = useState13(null);
+  const [posts, setPosts] = useState12([]);
+  const [loading, setLoading] = useState12(true);
+  const [error, setError] = useState12(null);
   const fetchPosts = useCallback13(async () => {
     setLoading(true);
     setError(null);
@@ -1433,7 +1421,7 @@ function useFeaturedBlog(limit = 5) {
       setLoading(false);
     }
   }, [client, limit]);
-  useEffect12(() => {
+  useEffect10(() => {
     fetchPosts();
   }, [fetchPosts]);
   return {
@@ -1445,10 +1433,10 @@ function useFeaturedBlog(limit = 5) {
 }
 function useBlogSearch() {
   const client = useClient();
-  const [posts, setPosts] = useState13([]);
-  const [meta, setMeta] = useState13(null);
-  const [loading, setLoading] = useState13(false);
-  const [error, setError] = useState13(null);
+  const [posts, setPosts] = useState12([]);
+  const [meta, setMeta] = useState12(null);
+  const [loading, setLoading] = useState12(false);
+  const [error, setError] = useState12(null);
   const search = useCallback13(async (query) => {
     setLoading(true);
     setError(null);
@@ -1472,12 +1460,12 @@ function useBlogSearch() {
 }
 
 // src/hooks/useBoards.ts
-import { useState as useState14, useEffect as useEffect13, useCallback as useCallback14 } from "react";
+import { useState as useState13, useEffect as useEffect11, useCallback as useCallback14 } from "react";
 function useBoards(params) {
   const client = useClient();
-  const [boards, setBoards] = useState14([]);
-  const [loading, setLoading] = useState14(true);
-  const [error, setError] = useState14(null);
+  const [boards, setBoards] = useState13([]);
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
   const fetchBoards = useCallback14(async () => {
     setLoading(true);
     setError(null);
@@ -1490,7 +1478,7 @@ function useBoards(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect13(() => {
+  useEffect11(() => {
     fetchBoards();
   }, [fetchBoards]);
   return {
@@ -1502,9 +1490,9 @@ function useBoards(params) {
 }
 function useBoard(slug) {
   const client = useClient();
-  const [board, setBoard] = useState14(null);
-  const [loading, setLoading] = useState14(true);
-  const [error, setError] = useState14(null);
+  const [board, setBoard] = useState13(null);
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
   const fetchBoard = useCallback14(async () => {
     setLoading(true);
     setError(null);
@@ -1517,7 +1505,7 @@ function useBoard(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect13(() => {
+  useEffect11(() => {
     fetchBoard();
   }, [fetchBoard]);
   return {
@@ -1529,11 +1517,11 @@ function useBoard(slug) {
 }
 function useBoardPosts(boardSlug, params) {
   const client = useClient();
-  const [posts, setPosts] = useState14([]);
-  const [meta, setMeta] = useState14(null);
-  const [loading, setLoading] = useState14(true);
-  const [error, setError] = useState14(null);
-  const [currentParams, setCurrentParams] = useState14(params);
+  const [posts, setPosts] = useState13([]);
+  const [meta, setMeta] = useState13(null);
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
+  const [currentParams, setCurrentParams] = useState13(params);
   const fetchPosts = useCallback14(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
@@ -1551,7 +1539,7 @@ function useBoardPosts(boardSlug, params) {
       setLoading(false);
     }
   }, [client, boardSlug]);
-  useEffect13(() => {
+  useEffect11(() => {
     fetchPosts(params);
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
@@ -1576,9 +1564,9 @@ function useBoardPosts(boardSlug, params) {
 }
 function useBoardPost(postId) {
   const client = useClient();
-  const [post, setPost] = useState14(null);
-  const [loading, setLoading] = useState14(true);
-  const [error, setError] = useState14(null);
+  const [post, setPost] = useState13(null);
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
   const fetchPost = useCallback14(async () => {
     setLoading(true);
     setError(null);
@@ -1591,7 +1579,7 @@ function useBoardPost(postId) {
       setLoading(false);
     }
   }, [client, postId]);
-  useEffect13(() => {
+  useEffect11(() => {
     fetchPost();
   }, [fetchPost]);
   return {
@@ -1603,8 +1591,8 @@ function useBoardPost(postId) {
 }
 function useCreateBoardPost() {
   const client = useClient();
-  const [loading, setLoading] = useState14(false);
-  const [error, setError] = useState14(null);
+  const [loading, setLoading] = useState13(false);
+  const [error, setError] = useState13(null);
   const createPost = useCallback14(async (data) => {
     setLoading(true);
     setError(null);
@@ -1626,14 +1614,14 @@ function useCreateBoardPost() {
 }
 
 // src/hooks/useComments.ts
-import { useState as useState15, useEffect as useEffect14, useCallback as useCallback15 } from "react";
+import { useState as useState14, useEffect as useEffect12, useCallback as useCallback15 } from "react";
 function useComments(options) {
   const { type, target, page, per_page } = options;
   const client = useClient();
-  const [comments, setComments] = useState15([]);
-  const [meta, setMeta] = useState15(null);
-  const [loading, setLoading] = useState15(true);
-  const [error, setError] = useState15(null);
+  const [comments, setComments] = useState14([]);
+  const [meta, setMeta] = useState14(null);
+  const [loading, setLoading] = useState14(true);
+  const [error, setError] = useState14(null);
   const fetchComments = useCallback15(async () => {
     setLoading(true);
     setError(null);
@@ -1659,7 +1647,7 @@ function useComments(options) {
       setLoading(false);
     }
   }, [client, type, target, page, per_page]);
-  useEffect14(() => {
+  useEffect12(() => {
     fetchComments();
   }, [fetchComments]);
   const createComment = useCallback15(async (data) => {
@@ -1708,14 +1696,14 @@ function useComments(options) {
 }
 
 // src/hooks/useForms.ts
-import { useState as useState16, useEffect as useEffect15, useCallback as useCallback16 } from "react";
+import { useState as useState15, useEffect as useEffect13, useCallback as useCallback16 } from "react";
 function useForm(formSlug) {
   const client = useClient();
-  const [form, setForm] = useState16(null);
-  const [loading, setLoading] = useState16(true);
-  const [error, setError] = useState16(null);
-  const [submitting, setSubmitting] = useState16(false);
-  const [submitted, setSubmitted] = useState16(false);
+  const [form, setForm] = useState15(null);
+  const [loading, setLoading] = useState15(true);
+  const [error, setError] = useState15(null);
+  const [submitting, setSubmitting] = useState15(false);
+  const [submitted, setSubmitted] = useState15(false);
   const fetchForm = useCallback16(async () => {
     setLoading(true);
     setError(null);
@@ -1728,7 +1716,7 @@ function useForm(formSlug) {
       setLoading(false);
     }
   }, [client, formSlug]);
-  useEffect15(() => {
+  useEffect13(() => {
     fetchForm();
   }, [fetchForm]);
   const submit = useCallback16(async (data) => {
@@ -1762,12 +1750,12 @@ function useForm(formSlug) {
 }
 
 // src/hooks/useReservation.ts
-import { useState as useState17, useEffect as useEffect16, useCallback as useCallback17 } from "react";
+import { useState as useState16, useEffect as useEffect14, useCallback as useCallback17 } from "react";
 function useReservationServices() {
   const client = useClient();
-  const [services, setServices] = useState17([]);
-  const [loading, setLoading] = useState17(true);
-  const [error, setError] = useState17(null);
+  const [services, setServices] = useState16([]);
+  const [loading, setLoading] = useState16(true);
+  const [error, setError] = useState16(null);
   const fetchServices = useCallback17(async () => {
     setLoading(true);
     setError(null);
@@ -1780,7 +1768,7 @@ function useReservationServices() {
       setLoading(false);
     }
   }, [client]);
-  useEffect16(() => {
+  useEffect14(() => {
     fetchServices();
   }, [fetchServices]);
   return {
@@ -1792,9 +1780,9 @@ function useReservationServices() {
 }
 function useReservationStaffs() {
   const client = useClient();
-  const [staffs, setStaffs] = useState17([]);
-  const [loading, setLoading] = useState17(true);
-  const [error, setError] = useState17(null);
+  const [staffs, setStaffs] = useState16([]);
+  const [loading, setLoading] = useState16(true);
+  const [error, setError] = useState16(null);
   const fetchStaffs = useCallback17(async () => {
     setLoading(true);
     setError(null);
@@ -1807,7 +1795,7 @@ function useReservationStaffs() {
       setLoading(false);
     }
   }, [client]);
-  useEffect16(() => {
+  useEffect14(() => {
     fetchStaffs();
   }, [fetchStaffs]);
   return {
@@ -1819,9 +1807,9 @@ function useReservationStaffs() {
 }
 function useAvailableSlots(serviceId, date, staffId) {
   const client = useClient();
-  const [slots, setSlots] = useState17([]);
-  const [loading, setLoading] = useState17(true);
-  const [error, setError] = useState17(null);
+  const [slots, setSlots] = useState16([]);
+  const [loading, setLoading] = useState16(true);
+  const [error, setError] = useState16(null);
   const fetchSlots = useCallback17(async () => {
     if (!serviceId || !date) {
       setSlots([]);
@@ -1843,7 +1831,7 @@ function useAvailableSlots(serviceId, date, staffId) {
       setLoading(false);
     }
   }, [client, serviceId, date, staffId]);
-  useEffect16(() => {
+  useEffect14(() => {
     fetchSlots();
   }, [fetchSlots]);
   return {
@@ -1855,10 +1843,10 @@ function useAvailableSlots(serviceId, date, staffId) {
 }
 function useMyReservations(params) {
   const client = useClient();
-  const [reservations, setReservations] = useState17([]);
-  const [meta, setMeta] = useState17(null);
-  const [loading, setLoading] = useState17(true);
-  const [error, setError] = useState17(null);
+  const [reservations, setReservations] = useState16([]);
+  const [meta, setMeta] = useState16(null);
+  const [loading, setLoading] = useState16(true);
+  const [error, setError] = useState16(null);
   const fetchReservations = useCallback17(async () => {
     if (!client.isAuthenticated()) {
       setReservations([]);
@@ -1877,7 +1865,7 @@ function useMyReservations(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect16(() => {
+  useEffect14(() => {
     fetchReservations();
   }, [fetchReservations]);
   return {
@@ -1890,8 +1878,8 @@ function useMyReservations(params) {
 }
 function useCreateReservation() {
   const client = useClient();
-  const [loading, setLoading] = useState17(false);
-  const [error, setError] = useState17(null);
+  const [loading, setLoading] = useState16(false);
+  const [error, setError] = useState16(null);
   const createReservation = useCallback17(async (data) => {
     setLoading(true);
     setError(null);
@@ -1914,9 +1902,9 @@ function useCreateReservation() {
 }
 function useReservationSettings() {
   const client = useClient();
-  const [settings, setSettings] = useState17(null);
-  const [loading, setLoading] = useState17(true);
-  const [error, setError] = useState17(null);
+  const [settings, setSettings] = useState16(null);
+  const [loading, setLoading] = useState16(true);
+  const [error, setError] = useState16(null);
   const fetchSettings = useCallback17(async () => {
     setLoading(true);
     setError(null);
@@ -1929,7 +1917,7 @@ function useReservationSettings() {
       setLoading(false);
     }
   }, [client]);
-  useEffect16(() => {
+  useEffect14(() => {
     fetchSettings();
   }, [fetchSettings]);
   return {
@@ -1941,16 +1929,16 @@ function useReservationSettings() {
 }
 
 // src/hooks/useMedia.ts
-import { useState as useState18, useEffect as useEffect17, useCallback as useCallback18 } from "react";
+import { useState as useState17, useEffect as useEffect15, useCallback as useCallback18 } from "react";
 function useMedia(options = {}) {
   const { type, page, per_page, autoFetch = true } = options;
   const client = useClient();
-  const [files, setFiles] = useState18([]);
-  const [meta, setMeta] = useState18(null);
-  const [loading, setLoading] = useState18(autoFetch);
-  const [error, setError] = useState18(null);
-  const [uploading, setUploading] = useState18(false);
-  const [uploadProgress, setUploadProgress] = useState18(0);
+  const [files, setFiles] = useState17([]);
+  const [meta, setMeta] = useState17(null);
+  const [loading, setLoading] = useState17(autoFetch);
+  const [error, setError] = useState17(null);
+  const [uploading, setUploading] = useState17(false);
+  const [uploadProgress, setUploadProgress] = useState17(0);
   const fetchMedia = useCallback18(async () => {
     if (!client.isAuthenticated()) {
       setFiles([]);
@@ -1969,7 +1957,7 @@ function useMedia(options = {}) {
       setLoading(false);
     }
   }, [client, type, page, per_page]);
-  useEffect17(() => {
+  useEffect15(() => {
     if (autoFetch) {
       fetchMedia();
     }
@@ -2031,12 +2019,12 @@ function useMedia(options = {}) {
 }
 
 // src/hooks/useEntities.ts
-import { useState as useState19, useEffect as useEffect18, useCallback as useCallback19, useMemo as useMemo2 } from "react";
+import { useState as useState18, useEffect as useEffect16, useCallback as useCallback19, useMemo as useMemo3 } from "react";
 function useEntities() {
   const client = useClient();
-  const [entities, setEntities] = useState19([]);
-  const [loading, setLoading] = useState19(true);
-  const [error, setError] = useState19(null);
+  const [entities, setEntities] = useState18([]);
+  const [loading, setLoading] = useState18(true);
+  const [error, setError] = useState18(null);
   const fetchEntities = useCallback19(async () => {
     setLoading(true);
     setError(null);
@@ -2049,7 +2037,7 @@ function useEntities() {
       setLoading(false);
     }
   }, [client]);
-  useEffect18(() => {
+  useEffect16(() => {
     fetchEntities();
   }, [fetchEntities]);
   return {
@@ -2061,9 +2049,9 @@ function useEntities() {
 }
 function useEntity(slug) {
   const client = useClient();
-  const [entity, setEntity] = useState19(null);
-  const [loading, setLoading] = useState19(true);
-  const [error, setError] = useState19(null);
+  const [entity, setEntity] = useState18(null);
+  const [loading, setLoading] = useState18(true);
+  const [error, setError] = useState18(null);
   const fetchEntity = useCallback19(async () => {
     setLoading(true);
     setError(null);
@@ -2076,7 +2064,7 @@ function useEntity(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect18(() => {
+  useEffect16(() => {
     fetchEntity();
   }, [fetchEntity]);
   return {
@@ -2088,11 +2076,11 @@ function useEntity(slug) {
 }
 function useEntityRecords(slug, params) {
   const client = useClient();
-  const [records, setRecords] = useState19([]);
-  const [meta, setMeta] = useState19(null);
-  const [loading, setLoading] = useState19(true);
-  const [error, setError] = useState19(null);
-  const [currentParams, setCurrentParams] = useState19(params);
+  const [records, setRecords] = useState18([]);
+  const [meta, setMeta] = useState18(null);
+  const [loading, setLoading] = useState18(true);
+  const [error, setError] = useState18(null);
+  const [currentParams, setCurrentParams] = useState18(params);
   const fetchRecords = useCallback19(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
@@ -2110,7 +2098,7 @@ function useEntityRecords(slug, params) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect18(() => {
+  useEffect16(() => {
     fetchRecords(params);
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
@@ -2152,9 +2140,9 @@ function useEntityRecords(slug, params) {
 }
 function useEntityRecord(slug, id) {
   const client = useClient();
-  const [record, setRecord] = useState19(null);
-  const [loading, setLoading] = useState19(true);
-  const [error, setError] = useState19(null);
+  const [record, setRecord] = useState18(null);
+  const [loading, setLoading] = useState18(true);
+  const [error, setError] = useState18(null);
   const fetchRecord = useCallback19(async () => {
     setLoading(true);
     setError(null);
@@ -2167,7 +2155,7 @@ function useEntityRecord(slug, id) {
       setLoading(false);
     }
   }, [client, slug, id]);
-  useEffect18(() => {
+  useEffect16(() => {
     fetchRecord();
   }, [fetchRecord]);
   const update = useCallback19(async (data) => {
@@ -2185,7 +2173,7 @@ function useEntityRecord(slug, id) {
 }
 function useTypedEntity(slug) {
   const client = useClient();
-  return useMemo2(() => ({
+  return useMemo3(() => ({
     useRecords: (params) => {
       const result = useEntityRecords(slug, params);
       return {