Initial commit

2026-03-19 17:05:52 +00:00
commit 9637af5f00
628 changed files with 78693 additions and 0 deletions
--- a/src/hooks/useCart.ts
+++ b/src/hooks/useCart.ts
@@ -0,0 +1,160 @@
+"use client";
+
+import { useState, useEffect, useCallback, useMemo } from "react";
+import { useSearchParams, useRouter } from "next/navigation";
+import type { CartItem } from "@/components/ecommerce/cart/ProductCartItem";
+
+export interface ExtendedCartItem extends CartItem {
+    productId: string;
+}
+
+const CART_STORAGE_KEY = "shop_cart_items";
+
+const saveCartToStorage = (items: ExtendedCartItem[]) => {
+    try {
+        localStorage.setItem(CART_STORAGE_KEY, JSON.stringify(items));
+    } catch (error) {
+        console.warn("Failed to save cart to localStorage:", error);
+    }
+};
+
+const loadCartFromStorage = (): ExtendedCartItem[] => {
+    try {
+        const stored = localStorage.getItem(CART_STORAGE_KEY);
+        if (stored) {
+            return JSON.parse(stored);
+        }
+    } catch (error) {
+        console.warn("Failed to load cart from localStorage:", error);
+    }
+    return [];
+};
+
+const clearCartFromStorage = () => {
+    try {
+        localStorage.removeItem(CART_STORAGE_KEY);
+    } catch (error) {
+        console.warn("Failed to clear cart from localStorage:", error);
+    }
+};
+
+export function useCart() {
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const [cartItems, setCartItems] = useState<ExtendedCartItem[]>([]);
+    const [isOpen, setIsOpen] = useState(false);
+
+    useEffect(() => {
+        if (typeof window === "undefined") return;
+
+        const success = searchParams.get("success");
+        const sessionId = searchParams.get("session_id");
+
+        if (success === "true" || sessionId) {
+            clearCartFromStorage();
+            setCartItems([]);
+
+            const url = new URL(window.location.href);
+            url.searchParams.delete("success");
+            url.searchParams.delete("session_id");
+            router.replace(url.pathname + url.search);
+        } else {
+            const loadedItems = loadCartFromStorage();
+            if (loadedItems.length > 0) {
+                setCartItems(loadedItems);
+            }
+        }
+    }, [searchParams, router]);
+
+    useEffect(() => {
+        if (typeof window === "undefined") return;
+
+        const success = searchParams.get("success");
+        const sessionId = searchParams.get("session_id");
+        if (success === "true" || sessionId) return;
+
+        if (cartItems.length > 0) {
+            saveCartToStorage(cartItems);
+        } else {
+            clearCartFromStorage();
+        }
+    }, [cartItems, searchParams]);
+
+    const addItem = useCallback((item: ExtendedCartItem) => {
+        setCartItems((prev) => {
+            const existing = prev.find((i) => i.id === item.id);
+            if (existing) {
+                return prev.map((i) =>
+                    i.id === item.id
+                        ? { ...i, quantity: i.quantity + item.quantity }
+                        : i
+                );
+            }
+            return [...prev, item];
+        });
+        setIsOpen(true);
+    }, []);
+
+    const updateQuantity = useCallback((itemId: string, quantity: number) => {
+        setCartItems((prev) =>
+            prev.map((item) => (item.id === itemId ? { ...item, quantity } : item))
+        );
+    }, []);
+
+    const removeItem = useCallback((itemId: string) => {
+        setCartItems((prev) => prev.filter((item) => item.id !== itemId));
+    }, []);
+
+    const clearCart = useCallback(() => {
+        setCartItems([]);
+        clearCartFromStorage();
+    }, []);
+
+    const total = useMemo(() => {
+        return cartItems
+            .reduce((sum, item) =>
+                sum + parseFloat(item.price.replace("$", "").replace(",", "")) * item.quantity,
+                0
+            )
+            .toFixed(2);
+    }, [cartItems]);
+
+    const itemCount = useMemo(() => {
+        return cartItems.reduce((sum, item) => sum + item.quantity, 0);
+    }, [cartItems]);
+
+    const getCheckoutItems = useCallback(() => {
+        return cartItems.map((item) => {
+            const metadata: Record<string, string> = {};
+            if (item.variants && item.variants.length > 0) {
+                item.variants.forEach((variant) => {
+                    const [key, value] = variant.split(':').map(s => s.trim());
+                    if (key && value) {
+                        metadata[key.toLowerCase()] = value;
+                    }
+                });
+            }
+
+            return {
+                productId: item.productId,
+                quantity: item.quantity,
+                imageSrc: item.imageSrc,
+                imageAlt: item.imageAlt,
+                metadata: Object.keys(metadata).length > 0 ? metadata : undefined,
+            };
+        });
+    }, [cartItems]);
+
+    return {
+        items: cartItems,
+        isOpen,
+        setIsOpen,
+        addItem,
+        updateQuantity,
+        removeItem,
+        clearCart,
+        total,
+        itemCount,
+        getCheckoutItems,
+    };
+}