@diffsome/react 1.2.0 → 1.2.1

package/dist/index.mjs

@@ -63,19 +63,33 @@ function DiffsomeProvider({ children, config = {} }) {
     }
   }, [client]);
   useEffect(() => {
-    setIsReady(true);
-    refreshCart();
-    refreshWishlist();
-  }, [refreshCart, refreshWishlist]);
-  useEffect(() => {
-    const handleAuthChange = () => {
-      refreshWishlist();
+    let mounted = true;
+    const init = async () => {
+      if (!mounted) return;
+      setIsReady(true);
+      try {
+        const cartData = await client.shop.getCart();
+        if (mounted) setCart(cartData);
+      } catch (err) {
+        if (mounted) setCart(null);
+      } finally {
+        if (mounted) setCartLoading(false);
+      }
+      if (client.isAuthenticated()) {
+        try {
+          const response = await client.shop.getWishlist({ per_page: 100 });
+          if (mounted) setWishlistItems(response.data);
+        } catch (err) {
+          if (mounted) setWishlistItems([]);
+        }
+      }
+      if (mounted) setWishlistLoading(false);
     };
-    if (typeof window !== "undefined") {
-      window.addEventListener("storage", handleAuthChange);
-      return () => window.removeEventListener("storage", handleAuthChange);
-    }
-  }, [refreshWishlist]);
+    init();
+    return () => {
+      mounted = false;
+    };
+  }, [client]);
   const value = useMemo(() => ({
     client,
     isReady,
@@ -102,15 +116,104 @@ function useClient() {
   return client;
 }
 
-// src/hooks/useAuth.ts
-import { useState as useState2, useEffect as useEffect2, useCallback as useCallback2 } from "react";
-function useAuth() {
+// src/hooks/useSite.ts
+import { useState as useState2, useCallback as useCallback2, useEffect as useEffect2 } from "react";
+var DEFAULT_CURRENCY = {
+  code: "KRW",
+  symbol: "\u20A9",
+  position: "before",
+  decimals: 0
+};
+function useSite() {
   const client = useClient();
-  const [user, setUser] = useState2(null);
+  const [site, setSite] = useState2(null);
   const [loading, setLoading] = useState2(true);
   const [error, setError] = useState2(null);
+  const fetchSite = useCallback2(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await client.site.getInfo();
+      setSite(data);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to fetch site info"));
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  useEffect2(() => {
+    fetchSite();
+  }, [fetchSite]);
+  const currency = site?.currency ?? null;
+  const formatPrice = useCallback2((amount) => {
+    const curr = currency ?? DEFAULT_CURRENCY;
+    const formatted = amount.toLocaleString(void 0, {
+      minimumFractionDigits: curr.decimals,
+      maximumFractionDigits: curr.decimals
+    });
+    if (curr.position === "after") {
+      return `${formatted}${curr.symbol}`;
+    }
+    return `${curr.symbol}${formatted}`;
+  }, [currency]);
+  return {
+    site,
+    loading,
+    error,
+    refresh: fetchSite,
+    currency,
+    formatPrice
+  };
+}
+function useCurrency() {
+  const client = useClient();
+  const [currency, setCurrency] = useState2(null);
+  const [loading, setLoading] = useState2(true);
+  const [error, setError] = useState2(null);
+  const fetchCurrency = useCallback2(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await client.site.getCurrency();
+      setCurrency(data);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to fetch currency"));
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  useEffect2(() => {
+    fetchCurrency();
+  }, [fetchCurrency]);
+  const formatPrice = useCallback2((amount) => {
+    const curr = currency ?? DEFAULT_CURRENCY;
+    const formatted = amount.toLocaleString(void 0, {
+      minimumFractionDigits: curr.decimals,
+      maximumFractionDigits: curr.decimals
+    });
+    if (curr.position === "after") {
+      return `${formatted}${curr.symbol}`;
+    }
+    return `${curr.symbol}${formatted}`;
+  }, [currency]);
+  return {
+    currency,
+    loading,
+    error,
+    formatPrice,
+    refresh: fetchCurrency
+  };
+}
+
+// src/hooks/useAuth.ts
+import { useState as useState3, useEffect as useEffect3, useCallback as useCallback3 } from "react";
+function useAuth() {
+  const client = useClient();
+  const [user, setUser] = useState3(null);
+  const [loading, setLoading] = useState3(true);
+  const [error, setError] = useState3(null);
   const isAuthenticated = !!user && client.isAuthenticated();
-  const fetchProfile = useCallback2(async () => {
+  const fetchProfile = useCallback3(async () => {
     if (!client.isAuthenticated()) {
       setUser(null);
       setLoading(false);
@@ -127,10 +230,10 @@ function useAuth() {
       setLoading(false);
     }
   }, [client]);
-  useEffect2(() => {
+  useEffect3(() => {
     fetchProfile();
   }, [fetchProfile]);
-  const login = useCallback2(async (credentials) => {
+  const login = useCallback3(async (credentials) => {
     setLoading(true);
     setError(null);
     try {
@@ -145,7 +248,7 @@ function useAuth() {
       setLoading(false);
     }
   }, [client]);
-  const register = useCallback2(async (data) => {
+  const register = useCallback3(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -160,7 +263,7 @@ function useAuth() {
       setLoading(false);
     }
   }, [client]);
-  const logout = useCallback2(async () => {
+  const logout = useCallback3(async () => {
     setLoading(true);
     try {
       await client.auth.logout();
@@ -169,23 +272,23 @@ function useAuth() {
       setLoading(false);
     }
   }, [client]);
-  const getProfile = useCallback2(async () => {
+  const getProfile = useCallback3(async () => {
     const profile = await client.auth.me();
     setUser(profile);
     return profile;
   }, [client]);
-  const updateProfile = useCallback2(async (data) => {
+  const updateProfile = useCallback3(async (data) => {
     const profile = await client.auth.updateProfile(data);
     setUser(profile);
     return profile;
   }, [client]);
-  const forgotPassword = useCallback2(async (email) => {
+  const forgotPassword = useCallback3(async (email) => {
     return await client.auth.forgotPassword({ email });
   }, [client]);
-  const resetPassword = useCallback2(async (data) => {
+  const resetPassword = useCallback3(async (data) => {
     return await client.auth.resetPassword(data);
   }, [client]);
-  const refresh = useCallback2(async () => {
+  const refresh = useCallback3(async () => {
     await fetchProfile();
   }, [fetchProfile]);
   return {
@@ -205,13 +308,13 @@ function useAuth() {
 }
 
 // src/hooks/useSocialAuth.ts
-import { useState as useState3, useEffect as useEffect3, useCallback as useCallback3 } from "react";
+import { useState as useState4, useEffect as useEffect4, useCallback as useCallback4 } from "react";
 function useSocialAuth() {
   const client = useClient();
-  const [providers, setProviders] = useState3([]);
-  const [loading, setLoading] = useState3(true);
-  const [error, setError] = useState3(null);
-  const fetchProviders = useCallback3(async () => {
+  const [providers, setProviders] = useState4([]);
+  const [loading, setLoading] = useState4(true);
+  const [error, setError] = useState4(null);
+  const fetchProviders = useCallback4(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -223,14 +326,14 @@ function useSocialAuth() {
       setLoading(false);
     }
   }, [client]);
-  useEffect3(() => {
+  useEffect4(() => {
     fetchProviders();
   }, [fetchProviders]);
-  const getAuthUrl = useCallback3(async (provider) => {
+  const getAuthUrl = useCallback4(async (provider) => {
     const result = await client.auth.getSocialAuthUrl(provider);
     return result.url;
   }, [client]);
-  const handleCallback = useCallback3(async (provider, code) => {
+  const handleCallback = useCallback4(async (provider, code) => {
     return await client.auth.socialCallback(provider, code);
   }, [client]);
   return {
@@ -244,10 +347,10 @@ function useSocialAuth() {
 }
 
 // src/hooks/useCart.ts
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback5 } from "react";
 function useCart() {
   const { client, cart, cartLoading, setCart, refreshCart } = useDiffsome();
-  const addToCart = useCallback4(async (productId, quantity = 1, variantId, options) => {
+  const addToCart = useCallback5(async (productId, quantity = 1, variantId, options) => {
     const data = {
       product_id: productId,
       quantity,
@@ -258,27 +361,27 @@ function useCart() {
     setCart(updatedCart);
     return updatedCart;
   }, [client, setCart]);
-  const updateItem = useCallback4(async (itemId, quantity) => {
+  const updateItem = useCallback5(async (itemId, quantity) => {
     const updatedCart = await client.shop.updateCartItem(itemId, { quantity });
     setCart(updatedCart);
     return updatedCart;
   }, [client, setCart]);
-  const removeItem = useCallback4(async (itemId) => {
+  const removeItem = useCallback5(async (itemId) => {
     const updatedCart = await client.shop.removeFromCart(itemId);
     setCart(updatedCart);
     return updatedCart;
   }, [client, setCart]);
-  const clearCart = useCallback4(async () => {
+  const clearCart = useCallback5(async () => {
     await client.shop.clearCart();
     setCart(null);
   }, [client, setCart]);
-  const isInCart = useCallback4((productId, variantId) => {
+  const isInCart = useCallback5((productId, variantId) => {
     if (!cart?.items) return false;
     return cart.items.some(
       (item) => item.product_id === productId && (variantId === void 0 || item.variant_id === variantId)
     );
   }, [cart]);
-  const getItemQuantity = useCallback4((productId, variantId) => {
+  const getItemQuantity = useCallback5((productId, variantId) => {
     if (!cart?.items) return 0;
     const item = cart.items.find(
       (item2) => item2.product_id === productId && (variantId === void 0 || item2.variant_id === variantId)
@@ -305,10 +408,10 @@ function useCart() {
 }
 
 // src/hooks/useWishlist.ts
-import { useState as useState4, useCallback as useCallback5, useMemo as useMemo2 } from "react";
+import { useState as useState5, useCallback as useCallback6, useMemo as useMemo2 } from "react";
 function useWishlist() {
   const { client, wishlistItems, wishlistLoading, setWishlistItems, refreshWishlist, setCart } = useDiffsome();
-  const [error, setError] = useState4(null);
+  const [error, setError] = useState5(null);
   const wishlistMap = useMemo2(() => {
     const map = {};
     wishlistItems.forEach((item) => {
@@ -317,11 +420,11 @@ function useWishlist() {
     });
     return map;
   }, [wishlistItems]);
-  const isInWishlist = useCallback5((productId, variantId) => {
+  const isInWishlist = useCallback6((productId, variantId) => {
     const key = variantId ? `${productId}_${variantId}` : String(productId);
     return wishlistMap[key] || false;
   }, [wishlistMap]);
-  const toggleWishlist = useCallback5(async (productId, variantId) => {
+  const toggleWishlist = useCallback6(async (productId, variantId) => {
     const result = await client.shop.toggleWishlist(productId, variantId);
     if (result.action === "added") {
       await refreshWishlist();
@@ -332,7 +435,7 @@ function useWishlist() {
     }
     return result;
   }, [client, refreshWishlist, setWishlistItems, wishlistItems]);
-  const addToWishlist = useCallback5(async (productId, variantId, note) => {
+  const addToWishlist = useCallback6(async (productId, variantId, note) => {
     const item = await client.shop.addToWishlist({
       product_id: productId,
       variant_id: variantId,
@@ -341,23 +444,23 @@ function useWishlist() {
     await refreshWishlist();
     return item;
   }, [client, refreshWishlist]);
-  const removeFromWishlist = useCallback5(async (wishlistId) => {
+  const removeFromWishlist = useCallback6(async (wishlistId) => {
     await client.shop.removeFromWishlist(wishlistId);
     setWishlistItems(wishlistItems.filter((i) => i.id !== wishlistId));
   }, [client, setWishlistItems, wishlistItems]);
-  const moveToCart = useCallback5(async (wishlistIds) => {
+  const moveToCart = useCallback6(async (wishlistIds) => {
     const result = await client.shop.moveWishlistToCart(wishlistIds);
     await refreshWishlist();
     const cartData = await client.shop.getCart();
     setCart(cartData);
     return result;
   }, [client, refreshWishlist, setCart]);
-  const updateNote = useCallback5(async (wishlistId, note) => {
+  const updateNote = useCallback6(async (wishlistId, note) => {
     const item = await client.shop.updateWishlistNote(wishlistId, note);
     setWishlistItems(wishlistItems.map((i) => i.id === wishlistId ? item : i));
     return item;
   }, [client, setWishlistItems, wishlistItems]);
-  const getProductWishlistCount = useCallback5(async (productSlug) => {
+  const getProductWishlistCount = useCallback6(async (productSlug) => {
     return await client.shop.getProductWishlistCount(productSlug);
   }, [client]);
   return {
@@ -377,16 +480,16 @@ function useWishlist() {
 }
 
 // src/hooks/useProducts.ts
-import { useState as useState5, useEffect as useEffect4, useCallback as useCallback6 } from "react";
+import { useState as useState6, useEffect as useEffect5, useCallback as useCallback7 } from "react";
 function useProducts(options = {}) {
   const { autoFetch = true, ...params } = options;
   const client = useClient();
-  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) => {
+  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 fetchProducts = useCallback7(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
     try {
@@ -403,22 +506,22 @@ function useProducts(options = {}) {
       setLoading(false);
     }
   }, [client]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (autoFetch) {
       fetchProducts(params);
     }
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
-  const loadMore = useCallback6(async () => {
+  const loadMore = useCallback7(async () => {
     if (!hasMore || loading) return;
     const nextPage = (meta?.current_page ?? 0) + 1;
     await fetchProducts({ ...currentParams, page: nextPage }, true);
   }, [hasMore, loading, meta, currentParams, fetchProducts]);
-  const refresh = useCallback6(async () => {
+  const refresh = useCallback7(async () => {
     setCurrentParams(params);
     await fetchProducts(params);
   }, [params, fetchProducts]);
-  const search = useCallback6(async (query) => {
+  const search = useCallback7(async (query) => {
     const searchParams = { ...params, search: query, page: 1 };
     setCurrentParams(searchParams);
     await fetchProducts(searchParams);
@@ -436,10 +539,10 @@ function useProducts(options = {}) {
 }
 function useProduct(idOrSlug) {
   const client = useClient();
-  const [product, setProduct] = useState5(null);
-  const [loading, setLoading] = useState5(true);
-  const [error, setError] = useState5(null);
-  const fetchProduct = useCallback6(async () => {
+  const [product, setProduct] = useState6(null);
+  const [loading, setLoading] = useState6(true);
+  const [error, setError] = useState6(null);
+  const fetchProduct = useCallback7(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -451,7 +554,7 @@ function useProduct(idOrSlug) {
       setLoading(false);
     }
   }, [client, idOrSlug]);
-  useEffect4(() => {
+  useEffect5(() => {
     fetchProduct();
   }, [fetchProduct]);
   return {
@@ -463,10 +566,10 @@ function useProduct(idOrSlug) {
 }
 function useCategories() {
   const client = useClient();
-  const [categories, setCategories] = useState5([]);
-  const [loading, setLoading] = useState5(true);
-  const [error, setError] = useState5(null);
-  const fetchCategories = useCallback6(async () => {
+  const [categories, setCategories] = useState6([]);
+  const [loading, setLoading] = useState6(true);
+  const [error, setError] = useState6(null);
+  const fetchCategories = useCallback7(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -478,7 +581,7 @@ function useCategories() {
       setLoading(false);
     }
   }, [client]);
-  useEffect4(() => {
+  useEffect5(() => {
     fetchCategories();
   }, [fetchCategories]);
   return {
@@ -490,10 +593,10 @@ function useCategories() {
 }
 function useFeaturedProducts(limit = 8) {
   const client = useClient();
-  const [products, setProducts] = useState5([]);
-  const [loading, setLoading] = useState5(true);
-  const [error, setError] = useState5(null);
-  const fetchProducts = useCallback6(async () => {
+  const [products, setProducts] = useState6([]);
+  const [loading, setLoading] = useState6(true);
+  const [error, setError] = useState6(null);
+  const fetchProducts = useCallback7(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -505,7 +608,7 @@ function useFeaturedProducts(limit = 8) {
       setLoading(false);
     }
   }, [client, limit]);
-  useEffect4(() => {
+  useEffect5(() => {
     fetchProducts();
   }, [fetchProducts]);
   return {
@@ -517,11 +620,11 @@ function useFeaturedProducts(limit = 8) {
 }
 function useProductsByType(type, params) {
   const client = useClient();
-  const [products, setProducts] = useState5([]);
-  const [meta, setMeta] = useState5(null);
-  const [loading, setLoading] = useState5(true);
-  const [error, setError] = useState5(null);
-  const fetchProducts = useCallback6(async () => {
+  const [products, setProducts] = useState6([]);
+  const [meta, setMeta] = useState6(null);
+  const [loading, setLoading] = useState6(true);
+  const [error, setError] = useState6(null);
+  const fetchProducts = useCallback7(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -534,7 +637,7 @@ function useProductsByType(type, params) {
       setLoading(false);
     }
   }, [client, type, params]);
-  useEffect4(() => {
+  useEffect5(() => {
     fetchProducts();
   }, [fetchProducts]);
   return {
@@ -556,10 +659,10 @@ function useBundleProducts(params) {
 }
 function useBundleItems(productSlug) {
   const client = useClient();
-  const [bundle, setBundle] = useState5(null);
-  const [loading, setLoading] = useState5(true);
-  const [error, setError] = useState5(null);
-  const fetchBundle = useCallback6(async () => {
+  const [bundle, setBundle] = useState6(null);
+  const [loading, setLoading] = useState6(true);
+  const [error, setError] = useState6(null);
+  const fetchBundle = useCallback7(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -571,7 +674,7 @@ function useBundleItems(productSlug) {
       setLoading(false);
     }
   }, [client, productSlug]);
-  useEffect4(() => {
+  useEffect5(() => {
     fetchBundle();
   }, [fetchBundle]);
   return {
@@ -583,14 +686,14 @@ function useBundleItems(productSlug) {
 }
 
 // src/hooks/useOrders.ts
-import { useState as useState6, useEffect as useEffect5, useCallback as useCallback7 } from "react";
+import { useState as useState7, useEffect as useEffect6, useCallback as useCallback8 } from "react";
 function useOrders(params) {
   const client = useClient();
-  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) => {
+  const [orders, setOrders] = useState7([]);
+  const [meta, setMeta] = useState7(null);
+  const [loading, setLoading] = useState7(true);
+  const [error, setError] = useState7(null);
+  const fetchOrders = useCallback8(async (fetchParams, append = false) => {
     if (!client.isAuthenticated()) {
       setOrders([]);
       setLoading(false);
@@ -612,16 +715,16 @@ function useOrders(params) {
       setLoading(false);
     }
   }, [client]);
-  useEffect5(() => {
+  useEffect6(() => {
     fetchOrders(params);
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
-  const loadMore = useCallback7(async () => {
+  const loadMore = useCallback8(async () => {
     if (!hasMore || loading) return;
     const nextPage = (meta?.current_page ?? 0) + 1;
     await fetchOrders({ ...params, page: nextPage }, true);
   }, [hasMore, loading, meta, params, fetchOrders]);
-  const refresh = useCallback7(async () => {
+  const refresh = useCallback8(async () => {
     await fetchOrders(params);
   }, [params, fetchOrders]);
   return {
@@ -636,10 +739,10 @@ function useOrders(params) {
 }
 function useOrder(idOrNumber) {
   const client = useClient();
-  const [order, setOrder] = useState6(null);
-  const [loading, setLoading] = useState6(true);
-  const [error, setError] = useState6(null);
-  const fetchOrder = useCallback7(async () => {
+  const [order, setOrder] = useState7(null);
+  const [loading, setLoading] = useState7(true);
+  const [error, setError] = useState7(null);
+  const fetchOrder = useCallback8(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -651,10 +754,10 @@ function useOrder(idOrNumber) {
       setLoading(false);
     }
   }, [client, idOrNumber]);
-  useEffect5(() => {
+  useEffect6(() => {
     fetchOrder();
   }, [fetchOrder]);
-  const cancel = useCallback7(async () => {
+  const cancel = useCallback8(async () => {
     if (!order) throw new Error("Order not loaded");
     const cancelled = await client.shop.cancelOrder(order.id);
     setOrder(cancelled);
@@ -670,9 +773,9 @@ function useOrder(idOrNumber) {
 }
 function useCreateOrder() {
   const client = useClient();
-  const [loading, setLoading] = useState6(false);
-  const [error, setError] = useState6(null);
-  const createOrder = useCallback7(async (data) => {
+  const [loading, setLoading] = useState7(false);
+  const [error, setError] = useState7(null);
+  const createOrder = useCallback8(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -693,13 +796,19 @@ function useCreateOrder() {
 }
 
 // src/hooks/usePayment.ts
-import { useState as useState7, useCallback as useCallback8 } from "react";
+import { useState as useState8, useCallback as useCallback9 } from "react";
+var DEFAULT_CURRENCY2 = {
+  code: "KRW",
+  symbol: "\u20A9",
+  position: "before",
+  decimals: 0
+};
 function usePaymentStatus() {
   const client = useClient();
-  const [status, setStatus] = useState7(null);
-  const [loading, setLoading] = useState7(true);
-  const [error, setError] = useState7(null);
-  const fetchStatus = useCallback8(async () => {
+  const [status, setStatus] = useState8(null);
+  const [loading, setLoading] = useState8(true);
+  const [error, setError] = useState8(null);
+  const fetchStatus = useCallback9(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -711,11 +820,25 @@ function usePaymentStatus() {
       setLoading(false);
     }
   }, [client]);
+  const currency = status?.currency ?? null;
+  const formatPrice = useCallback9((amount) => {
+    const curr = currency ?? DEFAULT_CURRENCY2;
+    const formatted = amount.toLocaleString(void 0, {
+      minimumFractionDigits: curr.decimals,
+      maximumFractionDigits: curr.decimals
+    });
+    if (curr.position === "after") {
+      return `${formatted}${curr.symbol}`;
+    }
+    return `${curr.symbol}${formatted}`;
+  }, [currency]);
   return {
     status,
     loading,
     error,
     refresh: fetchStatus,
+    currency,
+    formatPrice,
     isTossAvailable: status?.toss?.available ?? false,
     isStripeAvailable: status?.stripe?.available ?? false,
     stripePublishableKey: status?.stripe?.publishable_key ?? null
@@ -723,9 +846,9 @@ function usePaymentStatus() {
 }
 function useTossPayment() {
   const client = useClient();
-  const [loading, setLoading] = useState7(false);
-  const [error, setError] = useState7(null);
-  const preparePayment = useCallback8(async (orderNumber, successUrl, failUrl) => {
+  const [loading, setLoading] = useState8(false);
+  const [error, setError] = useState8(null);
+  const preparePayment = useCallback9(async (orderNumber, successUrl, failUrl) => {
     setLoading(true);
     setError(null);
     try {
@@ -742,7 +865,7 @@ function useTossPayment() {
       setLoading(false);
     }
   }, [client]);
-  const confirmPayment = useCallback8(async (paymentKey, orderId, amount) => {
+  const confirmPayment = useCallback9(async (paymentKey, orderId, amount) => {
     setLoading(true);
     setError(null);
     try {
@@ -759,7 +882,7 @@ function useTossPayment() {
       setLoading(false);
     }
   }, [client]);
-  const cancelPayment = useCallback8(async (orderNumber, reason, amount) => {
+  const cancelPayment = useCallback9(async (orderNumber, reason, amount) => {
     setLoading(true);
     setError(null);
     try {
@@ -782,9 +905,9 @@ function useTossPayment() {
 }
 function useStripePayment() {
   const client = useClient();
-  const [loading, setLoading] = useState7(false);
-  const [error, setError] = useState7(null);
-  const createCheckout = useCallback8(async (orderNumber, successUrl, cancelUrl) => {
+  const [loading, setLoading] = useState8(false);
+  const [error, setError] = useState8(null);
+  const createCheckout = useCallback9(async (orderNumber, successUrl, cancelUrl) => {
     setLoading(true);
     setError(null);
     try {
@@ -801,7 +924,7 @@ function useStripePayment() {
       setLoading(false);
     }
   }, [client]);
-  const verifyPayment = useCallback8(async (sessionId) => {
+  const verifyPayment = useCallback9(async (sessionId) => {
     setLoading(true);
     setError(null);
     try {
@@ -814,7 +937,7 @@ function useStripePayment() {
       setLoading(false);
     }
   }, [client]);
-  const refund = useCallback8(async (orderNumber, reason, amount) => {
+  const refund = useCallback9(async (orderNumber, reason, amount) => {
     setLoading(true);
     setError(null);
     try {
@@ -837,13 +960,13 @@ function useStripePayment() {
 }
 
 // src/hooks/useCoupons.ts
-import { useState as useState8, useEffect as useEffect6, useCallback as useCallback9 } from "react";
+import { useState as useState9, useEffect as useEffect7, useCallback as useCallback10 } from "react";
 function useCoupons() {
   const client = useClient();
-  const [coupons, setCoupons] = useState8([]);
-  const [loading, setLoading] = useState8(true);
-  const [error, setError] = useState8(null);
-  const fetchCoupons = useCallback9(async () => {
+  const [coupons, setCoupons] = useState9([]);
+  const [loading, setLoading] = useState9(true);
+  const [error, setError] = useState9(null);
+  const fetchCoupons = useCallback10(async () => {
     if (!client.isAuthenticated()) {
       setCoupons([]);
       setLoading(false);
@@ -860,7 +983,7 @@ function useCoupons() {
       setLoading(false);
     }
   }, [client]);
-  useEffect6(() => {
+  useEffect7(() => {
     fetchCoupons();
   }, [fetchCoupons]);
   return {
@@ -872,10 +995,10 @@ function useCoupons() {
 }
 function useValidateCoupon() {
   const client = useClient();
-  const [validation, setValidation] = useState8(null);
-  const [loading, setLoading] = useState8(false);
-  const [error, setError] = useState8(null);
-  const validate = useCallback9(async (code, orderAmount) => {
+  const [validation, setValidation] = useState9(null);
+  const [loading, setLoading] = useState9(false);
+  const [error, setError] = useState9(null);
+  const validate = useCallback10(async (code, orderAmount) => {
     setLoading(true);
     setError(null);
     try {
@@ -891,7 +1014,7 @@ function useValidateCoupon() {
       setLoading(false);
     }
   }, [client]);
-  const reset = useCallback9(() => {
+  const reset = useCallback10(() => {
     setValidation(null);
     setError(null);
   }, []);
@@ -905,13 +1028,13 @@ function useValidateCoupon() {
 }
 
 // src/hooks/useSubscriptions.ts
-import { useState as useState9, useEffect as useEffect7, useCallback as useCallback10 } from "react";
+import { useState as useState10, useEffect as useEffect8, useCallback as useCallback11 } from "react";
 function useSubscriptions() {
   const client = useClient();
-  const [subscriptions, setSubscriptions] = useState9([]);
-  const [loading, setLoading] = useState9(true);
-  const [error, setError] = useState9(null);
-  const fetchSubscriptions = useCallback10(async () => {
+  const [subscriptions, setSubscriptions] = useState10([]);
+  const [loading, setLoading] = useState10(true);
+  const [error, setError] = useState10(null);
+  const fetchSubscriptions = useCallback11(async () => {
     if (!client.isAuthenticated()) {
       setSubscriptions([]);
       setLoading(false);
@@ -928,7 +1051,7 @@ function useSubscriptions() {
       setLoading(false);
     }
   }, [client]);
-  useEffect7(() => {
+  useEffect8(() => {
     fetchSubscriptions();
   }, [fetchSubscriptions]);
   const activeSubscription = subscriptions.find((s) => s.is_active) ?? null;
@@ -944,10 +1067,10 @@ function useSubscriptions() {
 }
 function useSubscription(id) {
   const client = useClient();
-  const [subscription, setSubscription] = useState9(null);
-  const [loading, setLoading] = useState9(true);
-  const [error, setError] = useState9(null);
-  const fetchSubscription = useCallback10(async () => {
+  const [subscription, setSubscription] = useState10(null);
+  const [loading, setLoading] = useState10(true);
+  const [error, setError] = useState10(null);
+  const fetchSubscription = useCallback11(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -959,20 +1082,20 @@ function useSubscription(id) {
       setLoading(false);
     }
   }, [client, id]);
-  useEffect7(() => {
+  useEffect8(() => {
     fetchSubscription();
   }, [fetchSubscription]);
-  const cancel = useCallback10(async (immediately = false) => {
+  const cancel = useCallback11(async (immediately = false) => {
     const updated = await client.shop.cancelSubscription(id, immediately);
     setSubscription(updated);
     return updated;
   }, [client, id]);
-  const pause = useCallback10(async () => {
+  const pause = useCallback11(async () => {
     const updated = await client.shop.pauseSubscription(id);
     setSubscription(updated);
     return updated;
   }, [client, id]);
-  const resume = useCallback10(async () => {
+  const resume = useCallback11(async () => {
     const updated = await client.shop.resumeSubscription(id);
     setSubscription(updated);
     return updated;
@@ -989,9 +1112,9 @@ function useSubscription(id) {
 }
 function useCreateSubscription() {
   const client = useClient();
-  const [loading, setLoading] = useState9(false);
-  const [error, setError] = useState9(null);
-  const createCheckout = useCallback10(async (planId, successUrl, cancelUrl) => {
+  const [loading, setLoading] = useState10(false);
+  const [error, setError] = useState10(null);
+  const createCheckout = useCallback11(async (planId, successUrl, cancelUrl) => {
     setLoading(true);
     setError(null);
     try {
@@ -1008,7 +1131,7 @@ function useCreateSubscription() {
       setLoading(false);
     }
   }, [client]);
-  const verifyCheckout = useCallback10(async (sessionId) => {
+  const verifyCheckout = useCallback11(async (sessionId) => {
     setLoading(true);
     setError(null);
     try {
@@ -1022,7 +1145,7 @@ function useCreateSubscription() {
       setLoading(false);
     }
   }, [client]);
-  const createSetupIntent = useCallback10(async () => {
+  const createSetupIntent = useCallback11(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1046,13 +1169,13 @@ function useCreateSubscription() {
 }
 
 // src/hooks/useDownloads.ts
-import { useState as useState10, useEffect as useEffect8, useCallback as useCallback11 } from "react";
+import { useState as useState11, useEffect as useEffect9, useCallback as useCallback12 } from "react";
 function useDownloads() {
   const client = useClient();
-  const [downloads, setDownloads] = useState10([]);
-  const [loading, setLoading] = useState10(true);
-  const [error, setError] = useState10(null);
-  const fetchDownloads = useCallback11(async () => {
+  const [downloads, setDownloads] = useState11([]);
+  const [loading, setLoading] = useState11(true);
+  const [error, setError] = useState11(null);
+  const fetchDownloads = useCallback12(async () => {
     if (!client.isAuthenticated()) {
       setDownloads([]);
       setLoading(false);
@@ -1069,13 +1192,13 @@ function useDownloads() {
       setLoading(false);
     }
   }, [client]);
-  useEffect8(() => {
+  useEffect9(() => {
     fetchDownloads();
   }, [fetchDownloads]);
-  const getDownloadUrl = useCallback11((token) => {
+  const getDownloadUrl = useCallback12((token) => {
     return client.shop.getDownloadUrl(token);
   }, [client]);
-  const getDownloadInfo = useCallback11(async (token) => {
+  const getDownloadInfo = useCallback12(async (token) => {
     return await client.shop.getDownloadInfo(token);
   }, [client]);
   return {
@@ -1089,10 +1212,10 @@ function useDownloads() {
 }
 function useOrderDownloads(orderNumber) {
   const client = useClient();
-  const [downloads, setDownloads] = useState10([]);
-  const [loading, setLoading] = useState10(true);
-  const [error, setError] = useState10(null);
-  const fetchDownloads = useCallback11(async () => {
+  const [downloads, setDownloads] = useState11([]);
+  const [loading, setLoading] = useState11(true);
+  const [error, setError] = useState11(null);
+  const fetchDownloads = useCallback12(async () => {
     if (!client.isAuthenticated()) {
       setDownloads([]);
       setLoading(false);
@@ -1109,13 +1232,13 @@ function useOrderDownloads(orderNumber) {
       setLoading(false);
     }
   }, [client, orderNumber]);
-  useEffect8(() => {
+  useEffect9(() => {
     fetchDownloads();
   }, [fetchDownloads]);
-  const getDownloadUrl = useCallback11((token) => {
+  const getDownloadUrl = useCallback12((token) => {
     return client.shop.getDownloadUrl(token);
   }, [client]);
-  const getDownloadInfo = useCallback11(async (token) => {
+  const getDownloadInfo = useCallback12(async (token) => {
     return await client.shop.getDownloadInfo(token);
   }, [client]);
   return {
@@ -1129,15 +1252,15 @@ function useOrderDownloads(orderNumber) {
 }
 
 // src/hooks/useReviews.ts
-import { useState as useState11, useEffect as useEffect9, useCallback as useCallback12 } from "react";
+import { useState as useState12, useEffect as useEffect10, useCallback as useCallback13 } from "react";
 function useProductReviews(productSlug, params) {
   const client = useClient();
-  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 () => {
+  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 fetchReviews = useCallback13(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1151,7 +1274,7 @@ function useProductReviews(productSlug, params) {
       setLoading(false);
     }
   }, [client, productSlug, params]);
-  useEffect9(() => {
+  useEffect10(() => {
     fetchReviews();
   }, [fetchReviews]);
   return {
@@ -1165,11 +1288,11 @@ function useProductReviews(productSlug, params) {
 }
 function useCanReview(productSlug) {
   const client = useClient();
-  const [canReview, setCanReview] = useState11(false);
-  const [reason, setReason] = useState11(null);
-  const [loading, setLoading] = useState11(true);
-  const [error, setError] = useState11(null);
-  const check = useCallback12(async () => {
+  const [canReview, setCanReview] = useState12(false);
+  const [reason, setReason] = useState12(null);
+  const [loading, setLoading] = useState12(true);
+  const [error, setError] = useState12(null);
+  const check = useCallback13(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1184,7 +1307,7 @@ function useCanReview(productSlug) {
       setLoading(false);
     }
   }, [client, productSlug]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (client.isAuthenticated()) {
       check();
     } else {
@@ -1203,9 +1326,9 @@ function useCanReview(productSlug) {
 }
 function useCreateReview() {
   const client = useClient();
-  const [loading, setLoading] = useState11(false);
-  const [error, setError] = useState11(null);
-  const createReview = useCallback12(async (productSlug, data) => {
+  const [loading, setLoading] = useState12(false);
+  const [error, setError] = useState12(null);
+  const createReview = useCallback13(async (productSlug, data) => {
     setLoading(true);
     setError(null);
     try {
@@ -1226,11 +1349,11 @@ function useCreateReview() {
 }
 function useMyReviews(params) {
   const client = useClient();
-  const [reviews, setReviews] = useState11([]);
-  const [meta, setMeta] = useState11(null);
-  const [loading, setLoading] = useState11(true);
-  const [error, setError] = useState11(null);
-  const fetchReviews = useCallback12(async () => {
+  const [reviews, setReviews] = useState12([]);
+  const [meta, setMeta] = useState12(null);
+  const [loading, setLoading] = useState12(true);
+  const [error, setError] = useState12(null);
+  const fetchReviews = useCallback13(async () => {
     if (!client.isAuthenticated()) {
       setReviews([]);
       setLoading(false);
@@ -1248,14 +1371,14 @@ function useMyReviews(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect9(() => {
+  useEffect10(() => {
     fetchReviews();
   }, [fetchReviews]);
-  const deleteReview = useCallback12(async (reviewId) => {
+  const deleteReview = useCallback13(async (reviewId) => {
     await client.shop.deleteReview(reviewId);
     setReviews((prev) => prev.filter((r) => r.id !== reviewId));
   }, [client]);
-  const updateReview = useCallback12(async (reviewId, data) => {
+  const updateReview = useCallback13(async (reviewId, data) => {
     const updated = await client.shop.updateReview(reviewId, data);
     setReviews((prev) => prev.map((r) => r.id === reviewId ? updated : r));
     return updated;
@@ -1272,16 +1395,16 @@ function useMyReviews(params) {
 }
 
 // src/hooks/useBlog.ts
-import { useState as useState12, useEffect as useEffect10, useCallback as useCallback13 } from "react";
+import { useState as useState13, useEffect as useEffect11, useCallback as useCallback14 } from "react";
 function useBlog(options = {}) {
   const { autoFetch = true, ...params } = options;
   const client = useClient();
-  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) => {
+  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 fetchPosts = useCallback14(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
     try {
@@ -1298,18 +1421,18 @@ function useBlog(options = {}) {
       setLoading(false);
     }
   }, [client]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (autoFetch) {
       fetchPosts(params);
     }
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
-  const loadMore = useCallback13(async () => {
+  const loadMore = useCallback14(async () => {
     if (!hasMore || loading) return;
     const nextPage = (meta?.current_page ?? 0) + 1;
     await fetchPosts({ ...currentParams, page: nextPage }, true);
   }, [hasMore, loading, meta, currentParams, fetchPosts]);
-  const refresh = useCallback13(async () => {
+  const refresh = useCallback14(async () => {
     setCurrentParams(params);
     await fetchPosts(params);
   }, [params, fetchPosts]);
@@ -1325,10 +1448,10 @@ function useBlog(options = {}) {
 }
 function useBlogPost(slug) {
   const client = useClient();
-  const [post, setPost] = useState12(null);
-  const [loading, setLoading] = useState12(true);
-  const [error, setError] = useState12(null);
-  const fetchPost = useCallback13(async () => {
+  const [post, setPost] = useState13(null);
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
+  const fetchPost = useCallback14(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1340,7 +1463,7 @@ function useBlogPost(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchPost();
   }, [fetchPost]);
   return {
@@ -1352,10 +1475,10 @@ function useBlogPost(slug) {
 }
 function useBlogCategories() {
   const client = useClient();
-  const [categories, setCategories] = useState12([]);
-  const [loading, setLoading] = useState12(true);
-  const [error, setError] = useState12(null);
-  const fetchCategories = useCallback13(async () => {
+  const [categories, setCategories] = useState13([]);
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
+  const fetchCategories = useCallback14(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1367,7 +1490,7 @@ function useBlogCategories() {
       setLoading(false);
     }
   }, [client]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchCategories();
   }, [fetchCategories]);
   return {
@@ -1379,10 +1502,10 @@ function useBlogCategories() {
 }
 function useBlogTags() {
   const client = useClient();
-  const [tags, setTags] = useState12([]);
-  const [loading, setLoading] = useState12(true);
-  const [error, setError] = useState12(null);
-  const fetchTags = useCallback13(async () => {
+  const [tags, setTags] = useState13([]);
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
+  const fetchTags = useCallback14(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1394,7 +1517,7 @@ function useBlogTags() {
       setLoading(false);
     }
   }, [client]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchTags();
   }, [fetchTags]);
   return {
@@ -1406,10 +1529,10 @@ function useBlogTags() {
 }
 function useFeaturedBlog(limit = 5) {
   const client = useClient();
-  const [posts, setPosts] = useState12([]);
-  const [loading, setLoading] = useState12(true);
-  const [error, setError] = useState12(null);
-  const fetchPosts = useCallback13(async () => {
+  const [posts, setPosts] = useState13([]);
+  const [loading, setLoading] = useState13(true);
+  const [error, setError] = useState13(null);
+  const fetchPosts = useCallback14(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1421,7 +1544,7 @@ function useFeaturedBlog(limit = 5) {
       setLoading(false);
     }
   }, [client, limit]);
-  useEffect10(() => {
+  useEffect11(() => {
     fetchPosts();
   }, [fetchPosts]);
   return {
@@ -1433,11 +1556,11 @@ function useFeaturedBlog(limit = 5) {
 }
 function useBlogSearch() {
   const client = useClient();
-  const [posts, setPosts] = useState12([]);
-  const [meta, setMeta] = useState12(null);
-  const [loading, setLoading] = useState12(false);
-  const [error, setError] = useState12(null);
-  const search = useCallback13(async (query) => {
+  const [posts, setPosts] = useState13([]);
+  const [meta, setMeta] = useState13(null);
+  const [loading, setLoading] = useState13(false);
+  const [error, setError] = useState13(null);
+  const search = useCallback14(async (query) => {
     setLoading(true);
     setError(null);
     try {
@@ -1460,13 +1583,13 @@ function useBlogSearch() {
 }
 
 // src/hooks/useBoards.ts
-import { useState as useState13, useEffect as useEffect11, useCallback as useCallback14 } from "react";
+import { useState as useState14, useEffect as useEffect12, useCallback as useCallback15 } from "react";
 function useBoards(params) {
   const client = useClient();
-  const [boards, setBoards] = useState13([]);
-  const [loading, setLoading] = useState13(true);
-  const [error, setError] = useState13(null);
-  const fetchBoards = useCallback14(async () => {
+  const [boards, setBoards] = useState14([]);
+  const [loading, setLoading] = useState14(true);
+  const [error, setError] = useState14(null);
+  const fetchBoards = useCallback15(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1478,7 +1601,7 @@ function useBoards(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect11(() => {
+  useEffect12(() => {
     fetchBoards();
   }, [fetchBoards]);
   return {
@@ -1490,10 +1613,10 @@ function useBoards(params) {
 }
 function useBoard(slug) {
   const client = useClient();
-  const [board, setBoard] = useState13(null);
-  const [loading, setLoading] = useState13(true);
-  const [error, setError] = useState13(null);
-  const fetchBoard = useCallback14(async () => {
+  const [board, setBoard] = useState14(null);
+  const [loading, setLoading] = useState14(true);
+  const [error, setError] = useState14(null);
+  const fetchBoard = useCallback15(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1505,7 +1628,7 @@ function useBoard(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect11(() => {
+  useEffect12(() => {
     fetchBoard();
   }, [fetchBoard]);
   return {
@@ -1517,12 +1640,12 @@ function useBoard(slug) {
 }
 function useBoardPosts(boardSlug, params) {
   const client = useClient();
-  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) => {
+  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 fetchPosts = useCallback15(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
     try {
@@ -1539,16 +1662,16 @@ function useBoardPosts(boardSlug, params) {
       setLoading(false);
     }
   }, [client, boardSlug]);
-  useEffect11(() => {
+  useEffect12(() => {
     fetchPosts(params);
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
-  const loadMore = useCallback14(async () => {
+  const loadMore = useCallback15(async () => {
     if (!hasMore || loading) return;
     const nextPage = (meta?.current_page ?? 0) + 1;
     await fetchPosts({ ...currentParams, page: nextPage }, true);
   }, [hasMore, loading, meta, currentParams, fetchPosts]);
-  const refresh = useCallback14(async () => {
+  const refresh = useCallback15(async () => {
     setCurrentParams(params);
     await fetchPosts(params);
   }, [params, fetchPosts]);
@@ -1564,10 +1687,10 @@ function useBoardPosts(boardSlug, params) {
 }
 function useBoardPost(postId) {
   const client = useClient();
-  const [post, setPost] = useState13(null);
-  const [loading, setLoading] = useState13(true);
-  const [error, setError] = useState13(null);
-  const fetchPost = useCallback14(async () => {
+  const [post, setPost] = useState14(null);
+  const [loading, setLoading] = useState14(true);
+  const [error, setError] = useState14(null);
+  const fetchPost = useCallback15(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1579,7 +1702,7 @@ function useBoardPost(postId) {
       setLoading(false);
     }
   }, [client, postId]);
-  useEffect11(() => {
+  useEffect12(() => {
     fetchPost();
   }, [fetchPost]);
   return {
@@ -1591,9 +1714,9 @@ function useBoardPost(postId) {
 }
 function useCreateBoardPost() {
   const client = useClient();
-  const [loading, setLoading] = useState13(false);
-  const [error, setError] = useState13(null);
-  const createPost = useCallback14(async (data) => {
+  const [loading, setLoading] = useState14(false);
+  const [error, setError] = useState14(null);
+  const createPost = useCallback15(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -1614,15 +1737,15 @@ function useCreateBoardPost() {
 }
 
 // src/hooks/useComments.ts
-import { useState as useState14, useEffect as useEffect12, useCallback as useCallback15 } from "react";
+import { useState as useState15, useEffect as useEffect13, useCallback as useCallback16 } from "react";
 function useComments(options) {
   const { type, target, page, per_page } = options;
   const client = useClient();
-  const [comments, setComments] = useState14([]);
-  const [meta, setMeta] = useState14(null);
-  const [loading, setLoading] = useState14(true);
-  const [error, setError] = useState14(null);
-  const fetchComments = useCallback15(async () => {
+  const [comments, setComments] = useState15([]);
+  const [meta, setMeta] = useState15(null);
+  const [loading, setLoading] = useState15(true);
+  const [error, setError] = useState15(null);
+  const fetchComments = useCallback16(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1647,10 +1770,10 @@ function useComments(options) {
       setLoading(false);
     }
   }, [client, type, target, page, per_page]);
-  useEffect12(() => {
+  useEffect13(() => {
     fetchComments();
   }, [fetchComments]);
-  const createComment = useCallback15(async (data) => {
+  const createComment = useCallback16(async (data) => {
     let response;
     switch (type) {
       case "board":
@@ -1666,16 +1789,16 @@ function useComments(options) {
     await fetchComments();
     return response.data;
   }, [client, type, target, fetchComments]);
-  const updateComment = useCallback15(async (commentId, content) => {
+  const updateComment = useCallback16(async (commentId, content) => {
     const response = await client.comments.update(commentId, { content });
     setComments((prev) => prev.map((c) => c.id === commentId ? response.data : c));
     return response.data;
   }, [client]);
-  const deleteComment = useCallback15(async (commentId, password) => {
+  const deleteComment = useCallback16(async (commentId, password) => {
     await client.comments.delete(commentId, password ? { password } : void 0);
     setComments((prev) => prev.filter((c) => c.id !== commentId));
   }, [client]);
-  const likeComment = useCallback15(async (commentId) => {
+  const likeComment = useCallback16(async (commentId) => {
     const response = await client.comments.like(commentId);
     setComments((prev) => prev.map(
       (c) => c.id === commentId ? { ...c, likes: response.data.likes } : c
@@ -1696,15 +1819,15 @@ function useComments(options) {
 }
 
 // src/hooks/useForms.ts
-import { useState as useState15, useEffect as useEffect13, useCallback as useCallback16 } from "react";
+import { useState as useState16, useEffect as useEffect14, useCallback as useCallback17 } from "react";
 function useForm(formSlug) {
   const client = useClient();
-  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 () => {
+  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 fetchForm = useCallback17(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1716,10 +1839,10 @@ function useForm(formSlug) {
       setLoading(false);
     }
   }, [client, formSlug]);
-  useEffect13(() => {
+  useEffect14(() => {
     fetchForm();
   }, [fetchForm]);
-  const submit = useCallback16(async (data) => {
+  const submit = useCallback17(async (data) => {
     setSubmitting(true);
     setError(null);
     try {
@@ -1734,7 +1857,7 @@ function useForm(formSlug) {
       setSubmitting(false);
     }
   }, [client, formSlug]);
-  const reset = useCallback16(() => {
+  const reset = useCallback17(() => {
     setSubmitted(false);
     setError(null);
   }, []);
@@ -1750,13 +1873,13 @@ function useForm(formSlug) {
 }
 
 // src/hooks/useReservation.ts
-import { useState as useState16, useEffect as useEffect14, useCallback as useCallback17 } from "react";
+import { useState as useState17, useEffect as useEffect15, useCallback as useCallback18 } from "react";
 function useReservationServices() {
   const client = useClient();
-  const [services, setServices] = useState16([]);
-  const [loading, setLoading] = useState16(true);
-  const [error, setError] = useState16(null);
-  const fetchServices = useCallback17(async () => {
+  const [services, setServices] = useState17([]);
+  const [loading, setLoading] = useState17(true);
+  const [error, setError] = useState17(null);
+  const fetchServices = useCallback18(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1768,7 +1891,7 @@ function useReservationServices() {
       setLoading(false);
     }
   }, [client]);
-  useEffect14(() => {
+  useEffect15(() => {
     fetchServices();
   }, [fetchServices]);
   return {
@@ -1780,10 +1903,10 @@ function useReservationServices() {
 }
 function useReservationStaffs() {
   const client = useClient();
-  const [staffs, setStaffs] = useState16([]);
-  const [loading, setLoading] = useState16(true);
-  const [error, setError] = useState16(null);
-  const fetchStaffs = useCallback17(async () => {
+  const [staffs, setStaffs] = useState17([]);
+  const [loading, setLoading] = useState17(true);
+  const [error, setError] = useState17(null);
+  const fetchStaffs = useCallback18(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1795,7 +1918,7 @@ function useReservationStaffs() {
       setLoading(false);
     }
   }, [client]);
-  useEffect14(() => {
+  useEffect15(() => {
     fetchStaffs();
   }, [fetchStaffs]);
   return {
@@ -1807,10 +1930,10 @@ function useReservationStaffs() {
 }
 function useAvailableSlots(serviceId, date, staffId) {
   const client = useClient();
-  const [slots, setSlots] = useState16([]);
-  const [loading, setLoading] = useState16(true);
-  const [error, setError] = useState16(null);
-  const fetchSlots = useCallback17(async () => {
+  const [slots, setSlots] = useState17([]);
+  const [loading, setLoading] = useState17(true);
+  const [error, setError] = useState17(null);
+  const fetchSlots = useCallback18(async () => {
     if (!serviceId || !date) {
       setSlots([]);
       setLoading(false);
@@ -1831,7 +1954,7 @@ function useAvailableSlots(serviceId, date, staffId) {
       setLoading(false);
     }
   }, [client, serviceId, date, staffId]);
-  useEffect14(() => {
+  useEffect15(() => {
     fetchSlots();
   }, [fetchSlots]);
   return {
@@ -1843,11 +1966,11 @@ function useAvailableSlots(serviceId, date, staffId) {
 }
 function useMyReservations(params) {
   const client = useClient();
-  const [reservations, setReservations] = useState16([]);
-  const [meta, setMeta] = useState16(null);
-  const [loading, setLoading] = useState16(true);
-  const [error, setError] = useState16(null);
-  const fetchReservations = useCallback17(async () => {
+  const [reservations, setReservations] = useState17([]);
+  const [meta, setMeta] = useState17(null);
+  const [loading, setLoading] = useState17(true);
+  const [error, setError] = useState17(null);
+  const fetchReservations = useCallback18(async () => {
     if (!client.isAuthenticated()) {
       setReservations([]);
       setLoading(false);
@@ -1865,7 +1988,7 @@ function useMyReservations(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect14(() => {
+  useEffect15(() => {
     fetchReservations();
   }, [fetchReservations]);
   return {
@@ -1878,9 +2001,9 @@ function useMyReservations(params) {
 }
 function useCreateReservation() {
   const client = useClient();
-  const [loading, setLoading] = useState16(false);
-  const [error, setError] = useState16(null);
-  const createReservation = useCallback17(async (data) => {
+  const [loading, setLoading] = useState17(false);
+  const [error, setError] = useState17(null);
+  const createReservation = useCallback18(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -1902,10 +2025,10 @@ function useCreateReservation() {
 }
 function useReservationSettings() {
   const client = useClient();
-  const [settings, setSettings] = useState16(null);
-  const [loading, setLoading] = useState16(true);
-  const [error, setError] = useState16(null);
-  const fetchSettings = useCallback17(async () => {
+  const [settings, setSettings] = useState17(null);
+  const [loading, setLoading] = useState17(true);
+  const [error, setError] = useState17(null);
+  const fetchSettings = useCallback18(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1917,7 +2040,7 @@ function useReservationSettings() {
       setLoading(false);
     }
   }, [client]);
-  useEffect14(() => {
+  useEffect15(() => {
     fetchSettings();
   }, [fetchSettings]);
   return {
@@ -1929,17 +2052,17 @@ function useReservationSettings() {
 }
 
 // src/hooks/useMedia.ts
-import { useState as useState17, useEffect as useEffect15, useCallback as useCallback18 } from "react";
+import { useState as useState18, useEffect as useEffect16, useCallback as useCallback19 } from "react";
 function useMedia(options = {}) {
   const { type, page, per_page, autoFetch = true } = options;
   const client = useClient();
-  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 () => {
+  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 fetchMedia = useCallback19(async () => {
     if (!client.isAuthenticated()) {
       setFiles([]);
       setLoading(false);
@@ -1957,12 +2080,12 @@ function useMedia(options = {}) {
       setLoading(false);
     }
   }, [client, type, page, per_page]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (autoFetch) {
       fetchMedia();
     }
   }, [autoFetch, fetchMedia]);
-  const upload = useCallback18(async (file) => {
+  const upload = useCallback19(async (file) => {
     setUploading(true);
     setUploadProgress(0);
     setError(null);
@@ -1979,7 +2102,7 @@ function useMedia(options = {}) {
       setUploading(false);
     }
   }, [client]);
-  const uploadMultiple = useCallback18(async (filesToUpload) => {
+  const uploadMultiple = useCallback19(async (filesToUpload) => {
     setUploading(true);
     setUploadProgress(0);
     setError(null);
@@ -2000,7 +2123,7 @@ function useMedia(options = {}) {
       setUploading(false);
     }
   }, [client]);
-  const deleteFile = useCallback18(async (mediaId) => {
+  const deleteFile = useCallback19(async (mediaId) => {
     await client.media.delete(mediaId);
     setFiles((prev) => prev.filter((f) => f.id !== mediaId));
   }, [client]);
@@ -2019,13 +2142,13 @@ function useMedia(options = {}) {
 }
 
 // src/hooks/useEntities.ts
-import { useState as useState18, useEffect as useEffect16, useCallback as useCallback19, useMemo as useMemo3 } from "react";
+import { useState as useState19, useEffect as useEffect17, useCallback as useCallback20, useMemo as useMemo3 } from "react";
 function useEntities() {
   const client = useClient();
-  const [entities, setEntities] = useState18([]);
-  const [loading, setLoading] = useState18(true);
-  const [error, setError] = useState18(null);
-  const fetchEntities = useCallback19(async () => {
+  const [entities, setEntities] = useState19([]);
+  const [loading, setLoading] = useState19(true);
+  const [error, setError] = useState19(null);
+  const fetchEntities = useCallback20(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -2037,7 +2160,7 @@ function useEntities() {
       setLoading(false);
     }
   }, [client]);
-  useEffect16(() => {
+  useEffect17(() => {
     fetchEntities();
   }, [fetchEntities]);
   return {
@@ -2049,10 +2172,10 @@ function useEntities() {
 }
 function useEntity(slug) {
   const client = useClient();
-  const [entity, setEntity] = useState18(null);
-  const [loading, setLoading] = useState18(true);
-  const [error, setError] = useState18(null);
-  const fetchEntity = useCallback19(async () => {
+  const [entity, setEntity] = useState19(null);
+  const [loading, setLoading] = useState19(true);
+  const [error, setError] = useState19(null);
+  const fetchEntity = useCallback20(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -2064,7 +2187,7 @@ function useEntity(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect16(() => {
+  useEffect17(() => {
     fetchEntity();
   }, [fetchEntity]);
   return {
@@ -2076,12 +2199,12 @@ function useEntity(slug) {
 }
 function useEntityRecords(slug, params) {
   const client = useClient();
-  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) => {
+  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 fetchRecords = useCallback20(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
     try {
@@ -2098,30 +2221,30 @@ function useEntityRecords(slug, params) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect16(() => {
+  useEffect17(() => {
     fetchRecords(params);
   }, []);
   const hasMore = meta ? meta.current_page < meta.last_page : false;
-  const loadMore = useCallback19(async () => {
+  const loadMore = useCallback20(async () => {
     if (!hasMore || loading) return;
     const nextPage = (meta?.current_page ?? 0) + 1;
     await fetchRecords({ ...currentParams, page: nextPage }, true);
   }, [hasMore, loading, meta, currentParams, fetchRecords]);
-  const createRecord = useCallback19(async (data) => {
+  const createRecord = useCallback20(async (data) => {
     const record = await client.entities.createRecord(slug, data);
     setRecords((prev) => [record, ...prev]);
     return record;
   }, [client, slug]);
-  const updateRecord = useCallback19(async (id, data) => {
+  const updateRecord = useCallback20(async (id, data) => {
     const record = await client.entities.updateRecord(slug, id, data);
     setRecords((prev) => prev.map((r) => r.id === id ? record : r));
     return record;
   }, [client, slug]);
-  const deleteRecord = useCallback19(async (id) => {
+  const deleteRecord = useCallback20(async (id) => {
     await client.entities.deleteRecord(slug, id);
     setRecords((prev) => prev.filter((r) => r.id !== id));
   }, [client, slug]);
-  const refresh = useCallback19(async () => {
+  const refresh = useCallback20(async () => {
     setCurrentParams(params);
     await fetchRecords(params);
   }, [params, fetchRecords]);
@@ -2140,10 +2263,10 @@ function useEntityRecords(slug, params) {
 }
 function useEntityRecord(slug, id) {
   const client = useClient();
-  const [record, setRecord] = useState18(null);
-  const [loading, setLoading] = useState18(true);
-  const [error, setError] = useState18(null);
-  const fetchRecord = useCallback19(async () => {
+  const [record, setRecord] = useState19(null);
+  const [loading, setLoading] = useState19(true);
+  const [error, setError] = useState19(null);
+  const fetchRecord = useCallback20(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -2155,10 +2278,10 @@ function useEntityRecord(slug, id) {
       setLoading(false);
     }
   }, [client, slug, id]);
-  useEffect16(() => {
+  useEffect17(() => {
     fetchRecord();
   }, [fetchRecord]);
-  const update = useCallback19(async (data) => {
+  const update = useCallback20(async (data) => {
     const updated = await client.entities.updateRecord(slug, id, data);
     setRecord(updated);
     return updated;
@@ -2226,6 +2349,7 @@ export {
   useCreateReservation,
   useCreateReview,
   useCreateSubscription,
+  useCurrency,
   useDiffsome,
   useDigitalProducts,
   useDownloads,
@@ -2250,6 +2374,7 @@ export {
   useReservationServices,
   useReservationSettings,
   useReservationStaffs,
+  useSite,
   useSocialAuth,
   useStripePayment,
   useSubscription,