@diffsome/react 1.1.3 → 1.2.1

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,73 @@ 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);
-  }, []);
+    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);
+    };
+    init();
+    return () => {
+      mounted = false;
+    };
+  }, [client]);
   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() {
@@ -52,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);
@@ -77,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 {
@@ -95,7 +248,7 @@ function useAuth() {
       setLoading(false);
     }
   }, [client]);
-  const register = useCallback2(async (data) => {
+  const register = useCallback3(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -110,7 +263,7 @@ function useAuth() {
       setLoading(false);
     }
   }, [client]);
-  const logout = useCallback2(async () => {
+  const logout = useCallback3(async () => {
     setLoading(true);
     try {
       await client.auth.logout();
@@ -119,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 {
@@ -155,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 {
@@ -173,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 {
@@ -194,28 +347,10 @@ function useSocialAuth() {
 }
 
 // src/hooks/useCart.ts
-import { useState as useState4, useEffect as useEffect4, useCallback as useCallback4 } from "react";
+import { useCallback as useCallback5 } 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 addToCart = useCallback4(async (productId, quantity = 1, variantId, options) => {
+  const { client, cart, cartLoading, setCart, refreshCart } = useDiffsome();
+  const addToCart = useCallback5(async (productId, quantity = 1, variantId, options) => {
     const data = {
       product_id: productId,
       quantity,
@@ -225,32 +360,28 @@ function useCart() {
     const updatedCart = await client.shop.addToCart(data);
     setCart(updatedCart);
     return updatedCart;
-  }, [client]);
-  const updateItem = useCallback4(async (itemId, quantity) => {
+  }, [client, setCart]);
+  const updateItem = useCallback5(async (itemId, quantity) => {
     const updatedCart = await client.shop.updateCartItem(itemId, { quantity });
     setCart(updatedCart);
     return updatedCart;
-  }, [client]);
-  const removeItem = useCallback4(async (itemId) => {
+  }, [client, setCart]);
+  const removeItem = useCallback5(async (itemId) => {
     const updatedCart = await client.shop.removeFromCart(itemId);
     setCart(updatedCart);
     return updatedCart;
-  }, [client]);
-  const clearCart = useCallback4(async () => {
+  }, [client, setCart]);
+  const clearCart = useCallback5(async () => {
     await client.shop.clearCart();
     setCart(null);
-  }, [client]);
-  const refresh = useCallback4(async () => {
-    setLoading(true);
-    await fetchCart();
-  }, [fetchCart]);
-  const isInCart = useCallback4((productId, variantId) => {
+  }, [client, setCart]);
+  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)
@@ -265,117 +396,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 useState5, useCallback as useCallback6, useMemo as useMemo2 } from "react";
 function useWishlist() {
-  const client = useClient();
-  const [items, setItems] = useState5([]);
-  const [loading, setLoading] = useState5(true);
+  const { client, wishlistItems, wishlistLoading, setWishlistItems, refreshWishlist, setCart } = useDiffsome();
   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 isInWishlist = useCallback5((productId, variantId) => {
+  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 = 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);
-    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]);
-  const addToWishlist = useCallback5(async (productId, variantId, note) => {
+  }, [client, refreshWishlist, setWishlistItems, wishlistItems]);
+  const addToWishlist = useCallback6(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]);
-  const removeFromWishlist = useCallback5(async (wishlistId) => {
-    const item = items.find((i) => i.id === wishlistId);
+  }, [client, refreshWishlist]);
+  const removeFromWishlist = useCallback6(async (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]);
-  const moveToCart = useCallback5(async (wishlistIds) => {
+    setWishlistItems(wishlistItems.filter((i) => i.id !== wishlistId));
+  }, [client, setWishlistItems, wishlistItems]);
+  const moveToCart = useCallback6(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]);
-  const updateNote = useCallback5(async (wishlistId, note) => {
+  }, [client, refreshWishlist, setCart]);
+  const updateNote = useCallback6(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]);
-  const getProductWishlistCount = useCallback5(async (productSlug) => {
+  }, [client, setWishlistItems, wishlistItems]);
+  const getProductWishlistCount = useCallback6(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,12 +475,12 @@ 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 useState6, useEffect as useEffect5, useCallback as useCallback7 } from "react";
 function useProducts(options = {}) {
   const { autoFetch = true, ...params } = options;
   const client = useClient();
@@ -398,7 +489,7 @@ function useProducts(options = {}) {
   const [loading, setLoading] = useState6(autoFetch);
   const [error, setError] = useState6(null);
   const [currentParams, setCurrentParams] = useState6(params);
-  const fetchProducts = useCallback6(async (fetchParams, append = false) => {
+  const fetchProducts = useCallback7(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
     try {
@@ -415,22 +506,22 @@ function useProducts(options = {}) {
       setLoading(false);
     }
   }, [client]);
-  useEffect6(() => {
+  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);
@@ -451,7 +542,7 @@ function useProduct(idOrSlug) {
   const [product, setProduct] = useState6(null);
   const [loading, setLoading] = useState6(true);
   const [error, setError] = useState6(null);
-  const fetchProduct = useCallback6(async () => {
+  const fetchProduct = useCallback7(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -463,7 +554,7 @@ function useProduct(idOrSlug) {
       setLoading(false);
     }
   }, [client, idOrSlug]);
-  useEffect6(() => {
+  useEffect5(() => {
     fetchProduct();
   }, [fetchProduct]);
   return {
@@ -478,7 +569,7 @@ function useCategories() {
   const [categories, setCategories] = useState6([]);
   const [loading, setLoading] = useState6(true);
   const [error, setError] = useState6(null);
-  const fetchCategories = useCallback6(async () => {
+  const fetchCategories = useCallback7(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -490,7 +581,7 @@ function useCategories() {
       setLoading(false);
     }
   }, [client]);
-  useEffect6(() => {
+  useEffect5(() => {
     fetchCategories();
   }, [fetchCategories]);
   return {
@@ -505,7 +596,7 @@ function useFeaturedProducts(limit = 8) {
   const [products, setProducts] = useState6([]);
   const [loading, setLoading] = useState6(true);
   const [error, setError] = useState6(null);
-  const fetchProducts = useCallback6(async () => {
+  const fetchProducts = useCallback7(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -517,7 +608,7 @@ function useFeaturedProducts(limit = 8) {
       setLoading(false);
     }
   }, [client, limit]);
-  useEffect6(() => {
+  useEffect5(() => {
     fetchProducts();
   }, [fetchProducts]);
   return {
@@ -533,7 +624,7 @@ function useProductsByType(type, params) {
   const [meta, setMeta] = useState6(null);
   const [loading, setLoading] = useState6(true);
   const [error, setError] = useState6(null);
-  const fetchProducts = useCallback6(async () => {
+  const fetchProducts = useCallback7(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -546,7 +637,7 @@ function useProductsByType(type, params) {
       setLoading(false);
     }
   }, [client, type, params]);
-  useEffect6(() => {
+  useEffect5(() => {
     fetchProducts();
   }, [fetchProducts]);
   return {
@@ -571,7 +662,7 @@ function useBundleItems(productSlug) {
   const [bundle, setBundle] = useState6(null);
   const [loading, setLoading] = useState6(true);
   const [error, setError] = useState6(null);
-  const fetchBundle = useCallback6(async () => {
+  const fetchBundle = useCallback7(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -583,7 +674,7 @@ function useBundleItems(productSlug) {
       setLoading(false);
     }
   }, [client, productSlug]);
-  useEffect6(() => {
+  useEffect5(() => {
     fetchBundle();
   }, [fetchBundle]);
   return {
@@ -595,14 +686,14 @@ function useBundleItems(productSlug) {
 }
 
 // src/hooks/useOrders.ts
-import { useState as useState7, useEffect as useEffect7, 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] = useState7([]);
   const [meta, setMeta] = useState7(null);
   const [loading, setLoading] = useState7(true);
   const [error, setError] = useState7(null);
-  const fetchOrders = useCallback7(async (fetchParams, append = false) => {
+  const fetchOrders = useCallback8(async (fetchParams, append = false) => {
     if (!client.isAuthenticated()) {
       setOrders([]);
       setLoading(false);
@@ -624,16 +715,16 @@ function useOrders(params) {
       setLoading(false);
     }
   }, [client]);
-  useEffect7(() => {
+  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 {
@@ -651,7 +742,7 @@ function useOrder(idOrNumber) {
   const [order, setOrder] = useState7(null);
   const [loading, setLoading] = useState7(true);
   const [error, setError] = useState7(null);
-  const fetchOrder = useCallback7(async () => {
+  const fetchOrder = useCallback8(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -663,10 +754,10 @@ function useOrder(idOrNumber) {
       setLoading(false);
     }
   }, [client, idOrNumber]);
-  useEffect7(() => {
+  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);
@@ -684,7 +775,7 @@ function useCreateOrder() {
   const client = useClient();
   const [loading, setLoading] = useState7(false);
   const [error, setError] = useState7(null);
-  const createOrder = useCallback7(async (data) => {
+  const createOrder = useCallback8(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -705,13 +796,19 @@ function useCreateOrder() {
 }
 
 // src/hooks/usePayment.ts
-import { useState as useState8, 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] = useState8(null);
   const [loading, setLoading] = useState8(true);
   const [error, setError] = useState8(null);
-  const fetchStatus = useCallback8(async () => {
+  const fetchStatus = useCallback9(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -723,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
@@ -737,7 +848,7 @@ function useTossPayment() {
   const client = useClient();
   const [loading, setLoading] = useState8(false);
   const [error, setError] = useState8(null);
-  const preparePayment = useCallback8(async (orderNumber, successUrl, failUrl) => {
+  const preparePayment = useCallback9(async (orderNumber, successUrl, failUrl) => {
     setLoading(true);
     setError(null);
     try {
@@ -754,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 {
@@ -771,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 {
@@ -796,7 +907,7 @@ function useStripePayment() {
   const client = useClient();
   const [loading, setLoading] = useState8(false);
   const [error, setError] = useState8(null);
-  const createCheckout = useCallback8(async (orderNumber, successUrl, cancelUrl) => {
+  const createCheckout = useCallback9(async (orderNumber, successUrl, cancelUrl) => {
     setLoading(true);
     setError(null);
     try {
@@ -813,7 +924,7 @@ function useStripePayment() {
       setLoading(false);
     }
   }, [client]);
-  const verifyPayment = useCallback8(async (sessionId) => {
+  const verifyPayment = useCallback9(async (sessionId) => {
     setLoading(true);
     setError(null);
     try {
@@ -826,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 {
@@ -849,13 +960,13 @@ function useStripePayment() {
 }
 
 // src/hooks/useCoupons.ts
-import { useState as useState9, useEffect as useEffect8, 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] = useState9([]);
   const [loading, setLoading] = useState9(true);
   const [error, setError] = useState9(null);
-  const fetchCoupons = useCallback9(async () => {
+  const fetchCoupons = useCallback10(async () => {
     if (!client.isAuthenticated()) {
       setCoupons([]);
       setLoading(false);
@@ -872,7 +983,7 @@ function useCoupons() {
       setLoading(false);
     }
   }, [client]);
-  useEffect8(() => {
+  useEffect7(() => {
     fetchCoupons();
   }, [fetchCoupons]);
   return {
@@ -887,7 +998,7 @@ function useValidateCoupon() {
   const [validation, setValidation] = useState9(null);
   const [loading, setLoading] = useState9(false);
   const [error, setError] = useState9(null);
-  const validate = useCallback9(async (code, orderAmount) => {
+  const validate = useCallback10(async (code, orderAmount) => {
     setLoading(true);
     setError(null);
     try {
@@ -903,7 +1014,7 @@ function useValidateCoupon() {
       setLoading(false);
     }
   }, [client]);
-  const reset = useCallback9(() => {
+  const reset = useCallback10(() => {
     setValidation(null);
     setError(null);
   }, []);
@@ -917,13 +1028,13 @@ function useValidateCoupon() {
 }
 
 // src/hooks/useSubscriptions.ts
-import { useState as useState10, useEffect as useEffect9, 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] = useState10([]);
   const [loading, setLoading] = useState10(true);
   const [error, setError] = useState10(null);
-  const fetchSubscriptions = useCallback10(async () => {
+  const fetchSubscriptions = useCallback11(async () => {
     if (!client.isAuthenticated()) {
       setSubscriptions([]);
       setLoading(false);
@@ -940,7 +1051,7 @@ function useSubscriptions() {
       setLoading(false);
     }
   }, [client]);
-  useEffect9(() => {
+  useEffect8(() => {
     fetchSubscriptions();
   }, [fetchSubscriptions]);
   const activeSubscription = subscriptions.find((s) => s.is_active) ?? null;
@@ -959,7 +1070,7 @@ function useSubscription(id) {
   const [subscription, setSubscription] = useState10(null);
   const [loading, setLoading] = useState10(true);
   const [error, setError] = useState10(null);
-  const fetchSubscription = useCallback10(async () => {
+  const fetchSubscription = useCallback11(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -971,20 +1082,20 @@ function useSubscription(id) {
       setLoading(false);
     }
   }, [client, id]);
-  useEffect9(() => {
+  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;
@@ -1003,7 +1114,7 @@ function useCreateSubscription() {
   const client = useClient();
   const [loading, setLoading] = useState10(false);
   const [error, setError] = useState10(null);
-  const createCheckout = useCallback10(async (planId, successUrl, cancelUrl) => {
+  const createCheckout = useCallback11(async (planId, successUrl, cancelUrl) => {
     setLoading(true);
     setError(null);
     try {
@@ -1020,7 +1131,7 @@ function useCreateSubscription() {
       setLoading(false);
     }
   }, [client]);
-  const verifyCheckout = useCallback10(async (sessionId) => {
+  const verifyCheckout = useCallback11(async (sessionId) => {
     setLoading(true);
     setError(null);
     try {
@@ -1034,7 +1145,7 @@ function useCreateSubscription() {
       setLoading(false);
     }
   }, [client]);
-  const createSetupIntent = useCallback10(async () => {
+  const createSetupIntent = useCallback11(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1058,13 +1169,13 @@ function useCreateSubscription() {
 }
 
 // src/hooks/useDownloads.ts
-import { useState as useState11, useEffect as useEffect10, 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] = useState11([]);
   const [loading, setLoading] = useState11(true);
   const [error, setError] = useState11(null);
-  const fetchDownloads = useCallback11(async () => {
+  const fetchDownloads = useCallback12(async () => {
     if (!client.isAuthenticated()) {
       setDownloads([]);
       setLoading(false);
@@ -1081,13 +1192,13 @@ function useDownloads() {
       setLoading(false);
     }
   }, [client]);
-  useEffect10(() => {
+  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 {
@@ -1104,7 +1215,7 @@ function useOrderDownloads(orderNumber) {
   const [downloads, setDownloads] = useState11([]);
   const [loading, setLoading] = useState11(true);
   const [error, setError] = useState11(null);
-  const fetchDownloads = useCallback11(async () => {
+  const fetchDownloads = useCallback12(async () => {
     if (!client.isAuthenticated()) {
       setDownloads([]);
       setLoading(false);
@@ -1121,13 +1232,13 @@ function useOrderDownloads(orderNumber) {
       setLoading(false);
     }
   }, [client, orderNumber]);
-  useEffect10(() => {
+  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 {
@@ -1141,7 +1252,7 @@ function useOrderDownloads(orderNumber) {
 }
 
 // src/hooks/useReviews.ts
-import { useState as useState12, useEffect as useEffect11, 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] = useState12([]);
@@ -1149,7 +1260,7 @@ function useProductReviews(productSlug, params) {
   const [meta, setMeta] = useState12(null);
   const [loading, setLoading] = useState12(true);
   const [error, setError] = useState12(null);
-  const fetchReviews = useCallback12(async () => {
+  const fetchReviews = useCallback13(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1163,7 +1274,7 @@ function useProductReviews(productSlug, params) {
       setLoading(false);
     }
   }, [client, productSlug, params]);
-  useEffect11(() => {
+  useEffect10(() => {
     fetchReviews();
   }, [fetchReviews]);
   return {
@@ -1181,7 +1292,7 @@ function useCanReview(productSlug) {
   const [reason, setReason] = useState12(null);
   const [loading, setLoading] = useState12(true);
   const [error, setError] = useState12(null);
-  const check = useCallback12(async () => {
+  const check = useCallback13(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1196,7 +1307,7 @@ function useCanReview(productSlug) {
       setLoading(false);
     }
   }, [client, productSlug]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (client.isAuthenticated()) {
       check();
     } else {
@@ -1217,7 +1328,7 @@ function useCreateReview() {
   const client = useClient();
   const [loading, setLoading] = useState12(false);
   const [error, setError] = useState12(null);
-  const createReview = useCallback12(async (productSlug, data) => {
+  const createReview = useCallback13(async (productSlug, data) => {
     setLoading(true);
     setError(null);
     try {
@@ -1242,7 +1353,7 @@ function useMyReviews(params) {
   const [meta, setMeta] = useState12(null);
   const [loading, setLoading] = useState12(true);
   const [error, setError] = useState12(null);
-  const fetchReviews = useCallback12(async () => {
+  const fetchReviews = useCallback13(async () => {
     if (!client.isAuthenticated()) {
       setReviews([]);
       setLoading(false);
@@ -1260,14 +1371,14 @@ function useMyReviews(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect11(() => {
+  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;
@@ -1284,7 +1395,7 @@ function useMyReviews(params) {
 }
 
 // src/hooks/useBlog.ts
-import { useState as useState13, useEffect as useEffect12, 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();
@@ -1293,7 +1404,7 @@ function useBlog(options = {}) {
   const [loading, setLoading] = useState13(autoFetch);
   const [error, setError] = useState13(null);
   const [currentParams, setCurrentParams] = useState13(params);
-  const fetchPosts = useCallback13(async (fetchParams, append = false) => {
+  const fetchPosts = useCallback14(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
     try {
@@ -1310,18 +1421,18 @@ function useBlog(options = {}) {
       setLoading(false);
     }
   }, [client]);
-  useEffect12(() => {
+  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]);
@@ -1340,7 +1451,7 @@ function useBlogPost(slug) {
   const [post, setPost] = useState13(null);
   const [loading, setLoading] = useState13(true);
   const [error, setError] = useState13(null);
-  const fetchPost = useCallback13(async () => {
+  const fetchPost = useCallback14(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1352,7 +1463,7 @@ function useBlogPost(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect12(() => {
+  useEffect11(() => {
     fetchPost();
   }, [fetchPost]);
   return {
@@ -1367,7 +1478,7 @@ function useBlogCategories() {
   const [categories, setCategories] = useState13([]);
   const [loading, setLoading] = useState13(true);
   const [error, setError] = useState13(null);
-  const fetchCategories = useCallback13(async () => {
+  const fetchCategories = useCallback14(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1379,7 +1490,7 @@ function useBlogCategories() {
       setLoading(false);
     }
   }, [client]);
-  useEffect12(() => {
+  useEffect11(() => {
     fetchCategories();
   }, [fetchCategories]);
   return {
@@ -1394,7 +1505,7 @@ function useBlogTags() {
   const [tags, setTags] = useState13([]);
   const [loading, setLoading] = useState13(true);
   const [error, setError] = useState13(null);
-  const fetchTags = useCallback13(async () => {
+  const fetchTags = useCallback14(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1406,7 +1517,7 @@ function useBlogTags() {
       setLoading(false);
     }
   }, [client]);
-  useEffect12(() => {
+  useEffect11(() => {
     fetchTags();
   }, [fetchTags]);
   return {
@@ -1421,7 +1532,7 @@ function useFeaturedBlog(limit = 5) {
   const [posts, setPosts] = useState13([]);
   const [loading, setLoading] = useState13(true);
   const [error, setError] = useState13(null);
-  const fetchPosts = useCallback13(async () => {
+  const fetchPosts = useCallback14(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1433,7 +1544,7 @@ function useFeaturedBlog(limit = 5) {
       setLoading(false);
     }
   }, [client, limit]);
-  useEffect12(() => {
+  useEffect11(() => {
     fetchPosts();
   }, [fetchPosts]);
   return {
@@ -1449,7 +1560,7 @@ function useBlogSearch() {
   const [meta, setMeta] = useState13(null);
   const [loading, setLoading] = useState13(false);
   const [error, setError] = useState13(null);
-  const search = useCallback13(async (query) => {
+  const search = useCallback14(async (query) => {
     setLoading(true);
     setError(null);
     try {
@@ -1472,13 +1583,13 @@ function useBlogSearch() {
 }
 
 // src/hooks/useBoards.ts
-import { useState as useState14, useEffect as useEffect13, 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] = useState14([]);
   const [loading, setLoading] = useState14(true);
   const [error, setError] = useState14(null);
-  const fetchBoards = useCallback14(async () => {
+  const fetchBoards = useCallback15(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1490,7 +1601,7 @@ function useBoards(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect13(() => {
+  useEffect12(() => {
     fetchBoards();
   }, [fetchBoards]);
   return {
@@ -1505,7 +1616,7 @@ function useBoard(slug) {
   const [board, setBoard] = useState14(null);
   const [loading, setLoading] = useState14(true);
   const [error, setError] = useState14(null);
-  const fetchBoard = useCallback14(async () => {
+  const fetchBoard = useCallback15(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1517,7 +1628,7 @@ function useBoard(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect13(() => {
+  useEffect12(() => {
     fetchBoard();
   }, [fetchBoard]);
   return {
@@ -1534,7 +1645,7 @@ function useBoardPosts(boardSlug, params) {
   const [loading, setLoading] = useState14(true);
   const [error, setError] = useState14(null);
   const [currentParams, setCurrentParams] = useState14(params);
-  const fetchPosts = useCallback14(async (fetchParams, append = false) => {
+  const fetchPosts = useCallback15(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
     try {
@@ -1551,16 +1662,16 @@ function useBoardPosts(boardSlug, params) {
       setLoading(false);
     }
   }, [client, boardSlug]);
-  useEffect13(() => {
+  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]);
@@ -1579,7 +1690,7 @@ function useBoardPost(postId) {
   const [post, setPost] = useState14(null);
   const [loading, setLoading] = useState14(true);
   const [error, setError] = useState14(null);
-  const fetchPost = useCallback14(async () => {
+  const fetchPost = useCallback15(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1591,7 +1702,7 @@ function useBoardPost(postId) {
       setLoading(false);
     }
   }, [client, postId]);
-  useEffect13(() => {
+  useEffect12(() => {
     fetchPost();
   }, [fetchPost]);
   return {
@@ -1605,7 +1716,7 @@ function useCreateBoardPost() {
   const client = useClient();
   const [loading, setLoading] = useState14(false);
   const [error, setError] = useState14(null);
-  const createPost = useCallback14(async (data) => {
+  const createPost = useCallback15(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -1626,7 +1737,7 @@ function useCreateBoardPost() {
 }
 
 // src/hooks/useComments.ts
-import { useState as useState15, useEffect as useEffect14, 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();
@@ -1634,7 +1745,7 @@ function useComments(options) {
   const [meta, setMeta] = useState15(null);
   const [loading, setLoading] = useState15(true);
   const [error, setError] = useState15(null);
-  const fetchComments = useCallback15(async () => {
+  const fetchComments = useCallback16(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1659,10 +1770,10 @@ function useComments(options) {
       setLoading(false);
     }
   }, [client, type, target, page, per_page]);
-  useEffect14(() => {
+  useEffect13(() => {
     fetchComments();
   }, [fetchComments]);
-  const createComment = useCallback15(async (data) => {
+  const createComment = useCallback16(async (data) => {
     let response;
     switch (type) {
       case "board":
@@ -1678,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
@@ -1708,7 +1819,7 @@ function useComments(options) {
 }
 
 // src/hooks/useForms.ts
-import { useState as useState16, useEffect as useEffect15, 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] = useState16(null);
@@ -1716,7 +1827,7 @@ function useForm(formSlug) {
   const [error, setError] = useState16(null);
   const [submitting, setSubmitting] = useState16(false);
   const [submitted, setSubmitted] = useState16(false);
-  const fetchForm = useCallback16(async () => {
+  const fetchForm = useCallback17(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1728,10 +1839,10 @@ function useForm(formSlug) {
       setLoading(false);
     }
   }, [client, formSlug]);
-  useEffect15(() => {
+  useEffect14(() => {
     fetchForm();
   }, [fetchForm]);
-  const submit = useCallback16(async (data) => {
+  const submit = useCallback17(async (data) => {
     setSubmitting(true);
     setError(null);
     try {
@@ -1746,7 +1857,7 @@ function useForm(formSlug) {
       setSubmitting(false);
     }
   }, [client, formSlug]);
-  const reset = useCallback16(() => {
+  const reset = useCallback17(() => {
     setSubmitted(false);
     setError(null);
   }, []);
@@ -1762,13 +1873,13 @@ function useForm(formSlug) {
 }
 
 // src/hooks/useReservation.ts
-import { useState as useState17, useEffect as useEffect16, 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] = useState17([]);
   const [loading, setLoading] = useState17(true);
   const [error, setError] = useState17(null);
-  const fetchServices = useCallback17(async () => {
+  const fetchServices = useCallback18(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1780,7 +1891,7 @@ function useReservationServices() {
       setLoading(false);
     }
   }, [client]);
-  useEffect16(() => {
+  useEffect15(() => {
     fetchServices();
   }, [fetchServices]);
   return {
@@ -1795,7 +1906,7 @@ function useReservationStaffs() {
   const [staffs, setStaffs] = useState17([]);
   const [loading, setLoading] = useState17(true);
   const [error, setError] = useState17(null);
-  const fetchStaffs = useCallback17(async () => {
+  const fetchStaffs = useCallback18(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1807,7 +1918,7 @@ function useReservationStaffs() {
       setLoading(false);
     }
   }, [client]);
-  useEffect16(() => {
+  useEffect15(() => {
     fetchStaffs();
   }, [fetchStaffs]);
   return {
@@ -1822,7 +1933,7 @@ function useAvailableSlots(serviceId, date, staffId) {
   const [slots, setSlots] = useState17([]);
   const [loading, setLoading] = useState17(true);
   const [error, setError] = useState17(null);
-  const fetchSlots = useCallback17(async () => {
+  const fetchSlots = useCallback18(async () => {
     if (!serviceId || !date) {
       setSlots([]);
       setLoading(false);
@@ -1843,7 +1954,7 @@ function useAvailableSlots(serviceId, date, staffId) {
       setLoading(false);
     }
   }, [client, serviceId, date, staffId]);
-  useEffect16(() => {
+  useEffect15(() => {
     fetchSlots();
   }, [fetchSlots]);
   return {
@@ -1859,7 +1970,7 @@ function useMyReservations(params) {
   const [meta, setMeta] = useState17(null);
   const [loading, setLoading] = useState17(true);
   const [error, setError] = useState17(null);
-  const fetchReservations = useCallback17(async () => {
+  const fetchReservations = useCallback18(async () => {
     if (!client.isAuthenticated()) {
       setReservations([]);
       setLoading(false);
@@ -1877,7 +1988,7 @@ function useMyReservations(params) {
       setLoading(false);
     }
   }, [client, params]);
-  useEffect16(() => {
+  useEffect15(() => {
     fetchReservations();
   }, [fetchReservations]);
   return {
@@ -1892,7 +2003,7 @@ function useCreateReservation() {
   const client = useClient();
   const [loading, setLoading] = useState17(false);
   const [error, setError] = useState17(null);
-  const createReservation = useCallback17(async (data) => {
+  const createReservation = useCallback18(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -1917,7 +2028,7 @@ function useReservationSettings() {
   const [settings, setSettings] = useState17(null);
   const [loading, setLoading] = useState17(true);
   const [error, setError] = useState17(null);
-  const fetchSettings = useCallback17(async () => {
+  const fetchSettings = useCallback18(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -1929,7 +2040,7 @@ function useReservationSettings() {
       setLoading(false);
     }
   }, [client]);
-  useEffect16(() => {
+  useEffect15(() => {
     fetchSettings();
   }, [fetchSettings]);
   return {
@@ -1941,7 +2052,7 @@ function useReservationSettings() {
 }
 
 // src/hooks/useMedia.ts
-import { useState as useState18, useEffect as useEffect17, 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();
@@ -1951,7 +2062,7 @@ function useMedia(options = {}) {
   const [error, setError] = useState18(null);
   const [uploading, setUploading] = useState18(false);
   const [uploadProgress, setUploadProgress] = useState18(0);
-  const fetchMedia = useCallback18(async () => {
+  const fetchMedia = useCallback19(async () => {
     if (!client.isAuthenticated()) {
       setFiles([]);
       setLoading(false);
@@ -1969,12 +2080,12 @@ function useMedia(options = {}) {
       setLoading(false);
     }
   }, [client, type, page, per_page]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (autoFetch) {
       fetchMedia();
     }
   }, [autoFetch, fetchMedia]);
-  const upload = useCallback18(async (file) => {
+  const upload = useCallback19(async (file) => {
     setUploading(true);
     setUploadProgress(0);
     setError(null);
@@ -1991,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);
@@ -2012,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]);
@@ -2031,13 +2142,13 @@ 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 useState19, useEffect as useEffect17, useCallback as useCallback20, 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 fetchEntities = useCallback19(async () => {
+  const fetchEntities = useCallback20(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -2049,7 +2160,7 @@ function useEntities() {
       setLoading(false);
     }
   }, [client]);
-  useEffect18(() => {
+  useEffect17(() => {
     fetchEntities();
   }, [fetchEntities]);
   return {
@@ -2064,7 +2175,7 @@ function useEntity(slug) {
   const [entity, setEntity] = useState19(null);
   const [loading, setLoading] = useState19(true);
   const [error, setError] = useState19(null);
-  const fetchEntity = useCallback19(async () => {
+  const fetchEntity = useCallback20(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -2076,7 +2187,7 @@ function useEntity(slug) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect18(() => {
+  useEffect17(() => {
     fetchEntity();
   }, [fetchEntity]);
   return {
@@ -2093,7 +2204,7 @@ function useEntityRecords(slug, params) {
   const [loading, setLoading] = useState19(true);
   const [error, setError] = useState19(null);
   const [currentParams, setCurrentParams] = useState19(params);
-  const fetchRecords = useCallback19(async (fetchParams, append = false) => {
+  const fetchRecords = useCallback20(async (fetchParams, append = false) => {
     setLoading(true);
     setError(null);
     try {
@@ -2110,30 +2221,30 @@ function useEntityRecords(slug, params) {
       setLoading(false);
     }
   }, [client, slug]);
-  useEffect18(() => {
+  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]);
@@ -2155,7 +2266,7 @@ function useEntityRecord(slug, id) {
   const [record, setRecord] = useState19(null);
   const [loading, setLoading] = useState19(true);
   const [error, setError] = useState19(null);
-  const fetchRecord = useCallback19(async () => {
+  const fetchRecord = useCallback20(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -2167,10 +2278,10 @@ function useEntityRecord(slug, id) {
       setLoading(false);
     }
   }, [client, slug, id]);
-  useEffect18(() => {
+  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;
@@ -2185,7 +2296,7 @@ function useEntityRecord(slug, id) {
 }
 function useTypedEntity(slug) {
   const client = useClient();
-  return useMemo2(() => ({
+  return useMemo3(() => ({
     useRecords: (params) => {
       const result = useEntityRecords(slug, params);
       return {
@@ -2238,6 +2349,7 @@ export {
   useCreateReservation,
   useCreateReview,
   useCreateSubscription,
+  useCurrency,
   useDiffsome,
   useDigitalProducts,
   useDownloads,
@@ -2262,6 +2374,7 @@ export {
   useReservationServices,
   useReservationSettings,
   useReservationStaffs,
+  useSite,
   useSocialAuth,
   useStripePayment,
   useSubscription,