hey-pharmacist-ecommerce 1.1.0 → 1.1.1

package/dist/index.mjs

@@ -4,11 +4,11 @@ import globalAxios4 from 'axios';
 import { Toaster, toast } from 'sonner';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { motion, AnimatePresence } from 'framer-motion';
-import { Heart, Sparkles, ShieldCheck, TrendingUp, Search, ArrowUpDown, ChevronDown, LayoutGrid, LayoutList, SlidersHorizontal, X, Clock, Package, ArrowLeft, ChevronRight, Shield, Truck, Award, Star, Check, Minus, Plus, ShoppingCart, Trash2, ShoppingBag, HeartPulse, BadgePercent, ArrowRight, Edit3, MapPin, CreditCard, Lock, PackageCheck, EyeOff, Eye, CheckCircle2, UserPlus, Mail, Phone, LogOut, Calendar, CalendarDays, Filter, ChevronLeft, ArrowUpRight, Warehouse, BellRing, Crown, User, Menu, Facebook, Twitter, Instagram, Globe, Home } from 'lucide-react';
+import { Heart, Sparkles, ShieldCheck, TrendingUp, Search, ArrowUpDown, ChevronDown, LayoutGrid, LayoutList, SlidersHorizontal, X, Clock, Package, ArrowLeft, ChevronRight, Shield, Truck, Award, Star, Check, Minus, Plus, ShoppingCart, Trash2, ShoppingBag, HeartPulse, BadgePercent, ArrowRight, Edit3, MapPin, CreditCard, Lock, PackageCheck, EyeOff, Eye, CheckCircle2, UserPlus, Mail, Phone, LogOut, Calendar, CalendarDays, Filter, ChevronLeft, ArrowUpRight, Warehouse, BellRing, Crown, User, Grid, List, Menu, Facebook, Twitter, Instagram, Globe, Home } from 'lucide-react';
 import Image3 from 'next/image';
 import { useRouter, useSearchParams } from 'next/navigation';
 import dynamic from 'next/dynamic';
-import Link6 from 'next/link';
+import Link8 from 'next/link';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
@@ -8312,7 +8312,7 @@ function ProductDetailScreen({ productId }) {
     return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19.createElement("div", { className: "h-[520px] animate-pulse rounded-3xl bg-slate-200" }), /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-3 gap-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React19.createElement("div", { key: index, className: "h-32 animate-pulse rounded-2xl bg-slate-200" })))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-4 rounded-3xl bg-white p-6 shadow-sm" }, /* @__PURE__ */ React19.createElement("div", { className: "h-8 w-32 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React19.createElement("div", { className: "h-10 w-48 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React19.createElement("div", { className: "h-6 w-full animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React19.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" }), /* @__PURE__ */ React19.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" })))));
   }
   if (!product) {
-    return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl bg-white p-10 text-center shadow-sm" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }), /* @__PURE__ */ React19.createElement("h1", { className: "mt-6 text-2xl font-semibold text-gray-900" }, "Product not found"), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 text-gray-600" }, "It may have been removed or is temporarily unavailable. Discover other pharmacy essentials in our catalogue."), /* @__PURE__ */ React19.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React19.createElement(Link6, { href: "/shop", className: "inline-block" }, /* @__PURE__ */ React19.createElement(Button, null, "Browse products"))))));
+    return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl bg-white p-10 text-center shadow-sm" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }), /* @__PURE__ */ React19.createElement("h1", { className: "mt-6 text-2xl font-semibold text-gray-900" }, "Product not found"), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 text-gray-600" }, "It may have been removed or is temporarily unavailable. Discover other pharmacy essentials in our catalogue."), /* @__PURE__ */ React19.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React19.createElement(Link8, { href: "/shop", className: "inline-block" }, /* @__PURE__ */ React19.createElement(Button, null, "Browse products"))))));
   }
   product.tags && product.tags.length > 0 ? product.tags.slice(0, 6) : ["Pharmacist approved", "Gentle on daily routines", "Backed by real customers"];
   const highlightCards = [
@@ -8347,7 +8347,7 @@ function ProductDetailScreen({ productId }) {
     },
     /* @__PURE__ */ React19.createElement(ArrowLeft, { className: "h-5 w-5" }),
     "Continue shopping"
-  ), /* @__PURE__ */ React19.createElement("div", { className: "hidden items-center gap-3 text-sm text-white/80 md:flex" }, /* @__PURE__ */ React19.createElement(Link6, { href: "/", className: "transition hover:text-white" }, "Home"), /* @__PURE__ */ React19.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React19.createElement(Link6, { href: "/shop", className: "transition hover:text-white" }, "Shop"), /* @__PURE__ */ React19.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React19.createElement("span", { className: "truncate font-medium text-white" }, product.name))), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React19.createElement("div", { className: "hidden items-center gap-3 text-sm text-white/80 md:flex" }, /* @__PURE__ */ React19.createElement(Link8, { href: "/", className: "transition hover:text-white" }, "Home"), /* @__PURE__ */ React19.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React19.createElement(Link8, { href: "/shop", className: "transition hover:text-white" }, "Shop"), /* @__PURE__ */ React19.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React19.createElement("span", { className: "truncate font-medium text-white" }, product.name))), /* @__PURE__ */ React19.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
@@ -8485,7 +8485,7 @@ function ProductDetailScreen({ productId }) {
       }
     ),
     isFavorited ? "Saved" : "Save for later"
-  ))), /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold uppercase tracking-[0.25em]" }, "Need advice?"), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 leading-relaxed" }, "Chat with a pharmacist in real time before completing your purchase. We will help you choose supporting supplements and answer dosing questions.")))), relatedProducts.length > 0 && /* @__PURE__ */ React19.createElement("section", { className: "mt-20" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "You may also like"), /* @__PURE__ */ React19.createElement("p", { className: "mt-1 text-sm text-slate-500" }, "Hand-picked recommendations that pair nicely with this product.")), /* @__PURE__ */ React19.createElement(Link6, { href: "/shop", className: "hidden md:inline-flex" }, /* @__PURE__ */ React19.createElement(Button, { variant: "ghost", className: "text-primary-600" }, "View all products"))), /* @__PURE__ */ React19.createElement("div", { className: "mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-4" }, relatedProducts?.map((relatedProduct) => /* @__PURE__ */ React19.createElement(ProductCard, { key: relatedProduct.id, product: relatedProduct })))))));
+  ))), /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold uppercase tracking-[0.25em]" }, "Need advice?"), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 leading-relaxed" }, "Chat with a pharmacist in real time before completing your purchase. We will help you choose supporting supplements and answer dosing questions.")))), relatedProducts.length > 0 && /* @__PURE__ */ React19.createElement("section", { className: "mt-20" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "You may also like"), /* @__PURE__ */ React19.createElement("p", { className: "mt-1 text-sm text-slate-500" }, "Hand-picked recommendations that pair nicely with this product.")), /* @__PURE__ */ React19.createElement(Link8, { href: "/shop", className: "hidden md:inline-flex" }, /* @__PURE__ */ React19.createElement(Button, { variant: "ghost", className: "text-primary-600" }, "View all products"))), /* @__PURE__ */ React19.createElement("div", { className: "mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-4" }, relatedProducts?.map((relatedProduct) => /* @__PURE__ */ React19.createElement(ProductCard, { key: relatedProduct.id, product: relatedProduct })))))));
 }
 function CartItem({ item }) {
   const { updateQuantity, removeFromCart } = useCart();
@@ -9483,7 +9483,7 @@ function LoginScreen() {
     /* @__PURE__ */ React19.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(HeartPulse, { className: "h-4 w-4" }), "Hey Pharmacist"), /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold leading-tight lg:text-5xl" }, "Pharmacy-grade care for your household"), /* @__PURE__ */ React19.createElement("p", { className: "max-w-xl text-white/80" }, "Log in to unlock personalized regimens, pharmacist support, and fast delivery on wellness essentials curated just for you.")),
     /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4 rounded-3xl bg-white/10 p-6 backdrop-blur" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(ShieldCheck, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-white/80" }, "HIPAA-compliant security keeps your health information protected.")), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-white/80" }, "Pharmacists ready to chat in under 10 minutes for medication support."))),
     /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-6 text-sm text-white/80" }, /* @__PURE__ */ React19.createElement("span", null, "Need an account?"), /* @__PURE__ */ React19.createElement(
-      Link6,
+      Link8,
       {
         href: "/register",
         className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-2 font-semibold transition hover:bg-white/25"
@@ -9532,7 +9532,7 @@ function LoginScreen() {
         className: "h-4 w-4 rounded border-slate-300 text-primary-600 focus:ring-primary-500"
       }
     ), "Remember me"), /* @__PURE__ */ React19.createElement(
-      Link6,
+      Link8,
       {
         href: "/forgot-password",
         className: "font-medium text-primary-600 transition hover:text-primary-700"
@@ -9608,7 +9608,7 @@ function RegisterScreen() {
     /* @__PURE__ */ React19.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(HeartPulse, { className: "h-4 w-4" }), "Join Hey Pharmacist"), /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold leading-tight lg:text-5xl" }, "Create your wellness account"), /* @__PURE__ */ React19.createElement("p", { className: "max-w-xl text-white/80" }, "Unlock concierge-level pharmacy support, curated product recommendations, and smarter refills designed for busy families.")),
     /* @__PURE__ */ React19.createElement("div", { className: "space-y-4 rounded-3xl bg-white/10 p-6 backdrop-blur" }, BENEFITS.map((benefit) => /* @__PURE__ */ React19.createElement("div", { key: benefit, className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(CheckCircle2, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-white/85" }, benefit)))),
     /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-6 text-sm text-white/80" }, /* @__PURE__ */ React19.createElement("span", null, "Already part of the community?"), /* @__PURE__ */ React19.createElement(
-      Link6,
+      Link8,
       {
         href: "/login",
         className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-2 font-semibold transition hover:bg-white/25"
@@ -9702,8 +9702,8 @@ function RegisterScreen() {
         },
         showConfirmPassword ? /* @__PURE__ */ React19.createElement(EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React19.createElement(Eye, { className: "h-5 w-5" })
       )),
-      /* @__PURE__ */ React19.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement(Shield, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "By creating an account, you agree to our", " ", /* @__PURE__ */ React19.createElement(Link6, { href: "/terms", className: "font-semibold text-primary-600 hover:text-primary-700" }, "Terms of Service"), " ", "and", " ", /* @__PURE__ */ React19.createElement(
-        Link6,
+      /* @__PURE__ */ React19.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement(Shield, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "By creating an account, you agree to our", " ", /* @__PURE__ */ React19.createElement(Link8, { href: "/terms", className: "font-semibold text-primary-600 hover:text-primary-700" }, "Terms of Service"), " ", "and", " ", /* @__PURE__ */ React19.createElement(
+        Link8,
         {
           href: "/privacy",
           className: "font-semibold text-primary-600 hover:text-primary-700"
@@ -9866,7 +9866,7 @@ function ProfileScreen() {
       "View recent orders"
     )))),
     /* @__PURE__ */ React19.createElement("section", { className: "grid gap-4 md:grid-cols-2" }, quickLinks.map((item) => /* @__PURE__ */ React19.createElement(
-      Link6,
+      Link8,
       {
         key: item.href,
         href: item.href,
@@ -10287,7 +10287,7 @@ function CurrentOrdersScreen() {
     },
     /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick actions"),
     /* @__PURE__ */ React19.createElement("div", { className: "mt-4 space-y-3 text-sm text-white/80" }, /* @__PURE__ */ React19.createElement(
-      Link6,
+      Link8,
       {
         href: "/orders",
         className: "flex items-center justify-between rounded-2xl bg-white/10 px-4 py-3 transition hover:bg-white/20"
@@ -10662,6 +10662,559 @@ You can add it back at any time.`
     ))), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-end gap-3" }, /* @__PURE__ */ React19.createElement(Button, { type: "button", variant: "outline", onClick: closeModal }, "Cancel"), /* @__PURE__ */ React19.createElement(Button, { type: "submit", isLoading: isSubmitting }, editingAddress ? "Save changes" : "Save address")))
   ));
 }
+function useWishlistProducts(productIds = []) {
+  const [products, setProducts] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [cache] = useState(() => /* @__PURE__ */ new Map());
+  const uniqueIds = useMemo(
+    () => Array.from(new Set((productIds || []).filter(Boolean))),
+    [productIds]
+  );
+  const fetchProducts = useCallback(async () => {
+    if (uniqueIds.length === 0) {
+      setProducts([]);
+      setIsLoading(false);
+      setError(null);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const api = new ProductsApi(AXIOS_CONFIG);
+      const results = await Promise.all(
+        uniqueIds.map(async (id) => {
+          if (cache.has(id)) return cache.get(id);
+          const response = await api.getSingleProduct(id?._id || id || "");
+          const product = response.data;
+          cache.set(id, product);
+          return product;
+        })
+      );
+      setProducts(results);
+    } catch (err) {
+      setError(err);
+      console.error("Failed to load wishlist products", err);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [cache, uniqueIds]);
+  useEffect(() => {
+    fetchProducts();
+  }, [fetchProducts]);
+  return {
+    products,
+    isLoading,
+    error,
+    refetch: fetchProducts
+  };
+}
+var SORT_OPTIONS = [
+  { value: "featured", label: "Most loved" },
+  { value: "price-low", label: "Price: Low to High" },
+  { value: "price-high", label: "Price: High to Low" },
+  { value: "name", label: "Name A-Z" },
+  { value: "availability", label: "Availability" }
+];
+function WishlistScreen() {
+  const router = useRouter();
+  const { isAuthenticated } = useAuth() || {};
+  const {
+    products: wishlistItems,
+    removeFromWishlist,
+    getWishlistCount,
+    clearWishlist,
+    refreshWishlist
+  } = useWishlist();
+  const wishlistCount = getWishlistCount?.() ?? 0;
+  const { products: wishlistProducts, isLoading, error } = useWishlistProducts(
+    wishlistItems
+  );
+  const [onlyInStock, setOnlyInStock] = useState(false);
+  const [viewMode, setViewMode] = useState("list");
+  const [sortOption, setSortOption] = useState("featured");
+  useEffect(() => {
+    if (error) {
+      toast.error("We had trouble loading your saved products. Please try again.");
+    }
+  }, [error]);
+  const handleRemoveFromWishlist = async (productId) => {
+    try {
+      await removeFromWishlist(productId);
+    } catch (err) {
+      console.error("Error removing from wishlist:", err);
+    }
+  };
+  const handleClearWishlist = async () => {
+    const confirmed = window.confirm("Clear all items from your wishlist?");
+    if (!confirmed) return;
+    try {
+      await clearWishlist();
+      await refreshWishlist();
+    } catch (err) {
+      console.error("Error clearing wishlist:", err);
+    }
+  };
+  const totalValue = useMemo(
+    () => wishlistProducts.reduce((sum, product) => sum + (product.finalPrice ?? 0), 0),
+    [wishlistProducts]
+  );
+  useMemo(
+    () => wishlistProducts.reduce((sum, product) => {
+      const before = product.priceBeforeDiscount ?? product.finalPrice ?? 0;
+      const after = product.finalPrice ?? 0;
+      const savings = Math.max(before - after, 0);
+      return sum + savings;
+    }, 0),
+    [wishlistProducts]
+  );
+  useMemo(
+    () => wishlistProducts.filter((product) => (product.inventoryCount ?? 0) > 0).length,
+    [wishlistProducts]
+  );
+  const processedProducts = useMemo(() => {
+    let list = [...wishlistProducts];
+    if (onlyInStock) {
+      list = list.filter((product) => (product.inventoryCount ?? 0) > 0);
+    }
+    switch (sortOption) {
+      case "price-low":
+        list.sort((a, b) => (a.finalPrice ?? 0) - (b.finalPrice ?? 0));
+        break;
+      case "price-high":
+        list.sort((a, b) => (b.finalPrice ?? 0) - (a.finalPrice ?? 0));
+        break;
+      case "name":
+        list.sort((a, b) => (a.name || "").localeCompare(b.name || ""));
+        break;
+      case "availability":
+        list.sort((a, b) => (b.inventoryCount ?? 0) - (a.inventoryCount ?? 0));
+        break;
+      case "featured":
+      default:
+        list.sort((a, b) => (b.totalSold ?? 0) - (a.totalSold ?? 0));
+        break;
+    }
+    return list;
+  }, [wishlistProducts, onlyInStock, sortOption]);
+  const emptyAfterFiltering = !isLoading && wishlistProducts.length > 0 && processedProducts.length === 0;
+  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50 pb-16" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] pb-32 pt-16 text-white" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 opacity-40 mix-blend-soft-light", "aria-hidden": "true" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute -top-1/2 right-1/2 h-[40rem] w-[40rem] rounded-full bg-white/10 blur-3xl" }), /* @__PURE__ */ React19.createElement("div", { className: "absolute left-1/4 top-1/4 h-48 w-48 rounded-full bg-white/20 blur-2xl" })), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "max-w-3xl space-y-6" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(Heart, { className: "h-4 w-4" }), "Wishlist"), /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-5xl" }, "Curate your pharmacy must-haves in one calming space"), /* @__PURE__ */ React19.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "We keep your favourite products ready for reorder, refill reminders, and quick checkout\u2014exactly when you need them.")))), /* @__PURE__ */ React19.createElement("div", { className: "relative -mt-20" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 24 },
+      animate: { opacity: 1, y: 0 },
+      className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-xl shadow-primary-50"
+    },
+    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-6" }, !isAuthenticated && /* @__PURE__ */ React19.createElement("div", { className: "flex min-h-[40vh] items-center justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "max-w-lg rounded-3xl border border-slate-100 bg-white p-10 text-center shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19.createElement("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-primary-50 text-primary-600" }, /* @__PURE__ */ React19.createElement(Heart, { className: "h-8 w-8" })), /* @__PURE__ */ React19.createElement("h2", { className: "mt-6 text-3xl font-bold text-slate-900" }, "Sign in to see your favourites"), /* @__PURE__ */ React19.createElement("p", { className: "mt-3 text-slate-500" }, "Create your curated shelf of products and we'll keep them ready whenever you return."), /* @__PURE__ */ React19.createElement(Button, { className: "mt-6", onClick: () => router.push("/login") }, "Sign In"))), isAuthenticated && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Your saved collection"), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-500" }, "Total value: ", /* @__PURE__ */ React19.createElement("span", { className: "font-semibold text-primary-600" }, formatPrice(totalValue)), onlyInStock && " \u2022 Showing items ready to ship")), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React19.createElement("label", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm font-medium text-slate-600 transition hover:border-primary-200 hover:text-primary-600" }, /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "checkbox",
+        checked: onlyInStock,
+        onChange: (event) => setOnlyInStock(event.target.checked),
+        className: "h-4 w-4 rounded border-slate-300 text-primary-600 focus:ring-primary-500"
+      }
+    ), "Only show in-stock"), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("span", null, "Sort"), /* @__PURE__ */ React19.createElement(
+      "select",
+      {
+        value: sortOption,
+        onChange: (event) => setSortOption(event.target.value),
+        className: "bg-transparent text-sm font-medium text-slate-700 outline-none"
+      },
+      SORT_OPTIONS.map((option) => /* @__PURE__ */ React19.createElement("option", { key: option.value, value: option.value }, option.label))
+    )), /* @__PURE__ */ React19.createElement("div", { className: "flex overflow-hidden rounded-full border border-slate-200 bg-slate-50" }, /* @__PURE__ */ React19.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setViewMode("grid"),
+        className: `flex items-center gap-1 px-3 py-1.5 text-sm font-medium transition ${viewMode === "grid" ? "bg-primary-600 text-white shadow-lg shadow-primary-500/30" : "text-slate-600 hover:bg-white"}`
+      },
+      /* @__PURE__ */ React19.createElement(Grid, { className: "h-4 w-4" }),
+      "Grid"
+    ), /* @__PURE__ */ React19.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setViewMode("list"),
+        className: `flex items-center gap-1 px-3 py-1.5 text-sm font-medium transition ${viewMode === "list" ? "bg-primary-600 text-white shadow-lg shadow-primary-500/30" : "text-slate-600 hover:bg-white"}`
+      },
+      /* @__PURE__ */ React19.createElement(List, { className: "h-4 w-4" }),
+      "List"
+    )), wishlistCount > 0 && /* @__PURE__ */ React19.createElement(
+      Button,
+      {
+        variant: "ghost",
+        className: "text-sm font-semibold text-slate-500 hover:text-red-500",
+        onClick: handleClearWishlist
+      },
+      /* @__PURE__ */ React19.createElement(Trash2, { className: "h-4 w-4" }),
+      "Clear all"
+    ))), isLoading && /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3" }, Array.from({ length: Math.min(wishlistCount || 3, 6) }).map((_, index) => /* @__PURE__ */ React19.createElement(
+      "div",
+      {
+        key: index,
+        className: "h-72 animate-pulse rounded-2xl border border-slate-200 bg-slate-100"
+      }
+    ))), !isLoading && wishlistCount === 0 && /* @__PURE__ */ React19.createElement("div", { className: "flex min-h-[30vh] items-center justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "max-w-2xl rounded-3xl border border-slate-100 bg-white p-12 text-center shadow-xl shadow-primary-50" }, /* @__PURE__ */ React19.createElement("div", { className: "mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-primary-100 text-primary-600" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-10 w-10" })), /* @__PURE__ */ React19.createElement("h2", { className: "mt-6 text-4xl font-bold text-slate-900" }, "Start your wellness wishlist"), /* @__PURE__ */ React19.createElement("p", { className: "mt-4 text-lg text-slate-500" }, "Bookmark pharmacy essentials, supplements, or skincare picks and we'll keep them safe until you're ready to checkout."), /* @__PURE__ */ React19.createElement("div", { className: "mt-8 flex flex-wrap justify-center gap-3" }, /* @__PURE__ */ React19.createElement(Button, { onClick: () => router.push("/shop") }, "Discover products"), /* @__PURE__ */ React19.createElement(Button, { variant: "outline", onClick: () => router.push("/categories") }, "Browse categories")))), !isLoading && processedProducts.length > 0 && /* @__PURE__ */ React19.createElement(React19.Fragment, null, viewMode === "grid" ? /* @__PURE__ */ React19.createElement(
+      motion.div,
+      {
+        layout: true,
+        className: "grid grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-3"
+      },
+      /* @__PURE__ */ React19.createElement(AnimatePresence, null, processedProducts.map((product) => /* @__PURE__ */ React19.createElement(
+        motion.div,
+        {
+          key: product.id,
+          layout: true,
+          initial: { opacity: 0, y: 20 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -20 },
+          transition: { duration: 0.2 }
+        },
+        /* @__PURE__ */ React19.createElement(
+          ProductCard,
+          {
+            product,
+            onClickProduct: (p) => router.push(`/products/${p.id}`),
+            onFavorite: () => handleRemoveFromWishlist(product.id),
+            isFavorited: true
+          }
+        )
+      )))
+    ) : /* @__PURE__ */ React19.createElement(motion.div, { layout: true, className: "space-y-4" }, /* @__PURE__ */ React19.createElement(AnimatePresence, null, processedProducts.map((product) => /* @__PURE__ */ React19.createElement(
+      motion.div,
+      {
+        key: product.id,
+        layout: true,
+        initial: { opacity: 0, y: 20 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: -20 },
+        transition: { duration: 0.2 },
+        className: "flex flex-col gap-4 rounded-2xl border border-slate-100 bg-slate-50 p-4 shadow-sm shadow-primary-50 sm:flex-row sm:items-center"
+      },
+      /* @__PURE__ */ React19.createElement("div", { className: "relative h-28 w-full overflow-hidden rounded-2xl bg-white sm:w-40" }, /* @__PURE__ */ React19.createElement(
+        Image3,
+        {
+          fill: true,
+          src: product.productMedia?.[0]?.file || "/placeholder-product.jpg",
+          alt: product.name || "Wishlist item",
+          className: "h-full w-full object-cover"
+        }
+      )),
+      /* @__PURE__ */ React19.createElement("div", { className: "flex flex-1 flex-col gap-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, product.name), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-500" }, product.parentCategories?.map((category) => category?.name).join(", ") || "General wellness")), /* @__PURE__ */ React19.createElement("div", { className: "text-right" }, /* @__PURE__ */ React19.createElement("p", { className: "text-lg font-bold text-primary-600" }, formatPrice(product.finalPrice ?? 0)), product.isDiscounted && /* @__PURE__ */ React19.createElement("p", { className: "text-xs text-emerald-500" }, "You save ", formatPrice(Math.max((product.priceBeforeDiscount ?? 0) - (product.finalPrice ?? 0), 0))))), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center gap-3 text-xs text-slate-500" }, /* @__PURE__ */ React19.createElement("span", { className: `inline-flex items-center gap-1 rounded-full px-2.5 py-1 font-medium ${product.inventoryCount > 0 ? "bg-emerald-100 text-emerald-700" : "bg-rose-100 text-rose-700"}` }, /* @__PURE__ */ React19.createElement(Package, { className: "h-3.5 w-3.5" }), product.inventoryCount > 0 ? "In stock" : "Backordered"), product.totalSold > 0 && /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-slate-200 px-2.5 py-1 font-medium text-slate-700" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-3.5 w-3.5" }), product.totalSold, "+ purchased")), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ React19.createElement(
+        Button,
+        {
+          size: "sm",
+          onClick: () => router.push(`/products/${product.id}`)
+        },
+        "View details"
+      ), /* @__PURE__ */ React19.createElement(
+        Button,
+        {
+          size: "sm",
+          variant: "outline",
+          onClick: () => handleRemoveFromWishlist(product.id),
+          className: "text-primary-600"
+        },
+        "Remove"
+      )))
+    ))))), isAuthenticated && emptyAfterFiltering && /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-center justify-center rounded-2xl border border-dashed border-slate-200 bg-slate-50 p-12 text-center" }, /* @__PURE__ */ React19.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-slate-200 text-slate-500" }, /* @__PURE__ */ React19.createElement(Package, { className: "h-8 w-8" })), /* @__PURE__ */ React19.createElement("h3", { className: "mt-6 text-2xl font-semibold text-slate-900" }, "Nothing matches those filters"), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 max-w-md text-sm text-slate-500" }, "Try showing out-of-stock items or adjust your sort order to revisit everything you\u2019ve saved."), /* @__PURE__ */ React19.createElement(Button, { className: "mt-6", variant: "outline", onClick: () => setOnlyInStock(false) }, "Show all saved products"))))
+  ))));
+}
+function SearchPage() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const searchQuery = searchParams.get("q") || "";
+  const [products, setProducts] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [searchInput, setSearchInput] = useState(searchQuery);
+  const [hasSearched, setHasSearched] = useState(false);
+  const { isInWishlist } = useWishlist();
+  useEffect(() => {
+    const fetchSearchResults = async () => {
+      if (!searchQuery.trim()) {
+        setProducts([]);
+        setIsLoading(false);
+        return;
+      }
+      try {
+        setIsLoading(true);
+        console.log(searchQuery);
+        const api = new ProductsApi(AXIOS_CONFIG);
+        const response = await api.getAllProductsForStore(
+          searchQuery,
+          void 0,
+          // productType
+          void 0,
+          // categoryId
+          void 0,
+          // maxPrice
+          void 0,
+          // minPrice
+          void 0,
+          // brandFilter
+          "in-stock",
+          // availability
+          "relevance",
+          // sort
+          true,
+          // includeNoVariantProducts
+          true,
+          // isActive
+          20,
+          // limit
+          1
+          // page
+        );
+        if (response.data?.data) {
+          const transformedProducts = response.data.data.map((item) => ({
+            ...item,
+            id: item._id || ""
+          }));
+          setProducts(transformedProducts);
+        } else {
+          setProducts([]);
+        }
+        setHasSearched(true);
+      } catch (error) {
+        console.error("Error fetching search results:", error);
+        setProducts([]);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchSearchResults();
+  }, [searchQuery]);
+  const handleSearch = (e) => {
+    e.preventDefault();
+    if (searchInput.trim()) {
+      window.location.href = `/search?q=${encodeURIComponent(searchInput.trim())}`;
+    }
+  };
+  const clearSearch = () => {
+    setSearchInput("");
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "container mx-auto px-4 py-8" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-2xl mx-auto mb-8" }, /* @__PURE__ */ React.createElement("form", { onSubmit: handleSearch, className: "relative" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-5 w-5 text-gray-400" }), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      type: "text",
+      value: searchInput,
+      onChange: (e) => setSearchInput(e.target.value),
+      placeholder: "Search for products...",
+      className: "pl-10 pr-10 py-6 text-base rounded-lg border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+    }
+  ), searchInput && /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: clearSearch,
+      className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600"
+    },
+    /* @__PURE__ */ React.createElement(X, { className: "h-5 w-5" })
+  )), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "submit",
+      className: "mt-4 w-full bg-primary-600 hover:bg-primary-700 text-white font-medium py-2 px-4 rounded-lg transition-colors"
+    },
+    "Search"
+  ))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-bold text-gray-900 mb-6" }, searchQuery ? `Search results for "${searchQuery}"` : "Search Products"), isLoading ? /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, [...Array(8)].map((_, i) => /* @__PURE__ */ React.createElement("div", { key: i, className: "space-y-3" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-48 w-full rounded-lg" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-1/2" })))) : products.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, products.map((product) => /* @__PURE__ */ React.createElement(
+    ProductCard,
+    {
+      product,
+      isFavorited: isInWishlist(product.id),
+      onClickProduct: (p) => router.push(`/products/${p.id}`)
+    }
+  ))) : hasSearched ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("div", { className: "text-gray-500 text-lg mb-4" }, 'No products found for "', searchQuery, '"'), /* @__PURE__ */ React.createElement("p", { className: "text-gray-500 mb-6" }, "Try different keywords or check out our", " ", /* @__PURE__ */ React.createElement(Link8, { href: "/shop", className: "text-primary-600 hover:underline ml-1 font-medium" }, "featured products"))) : /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("p", { className: "text-gray-500" }, "Enter a search term to find products"))));
+}
+function CategoriesScreen() {
+  const { categories, isLoading } = useCategories();
+  const router = useRouter();
+  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 24 },
+      animate: { opacity: 1, y: 0 },
+      className: "space-y-6"
+    },
+    /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(Package, { className: "h-4 w-4" }), "Product Categories"),
+    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Browse Our Product Range"), /* @__PURE__ */ React19.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Explore our comprehensive selection of healthcare products, carefully curated by our pharmacists to meet all your wellness needs.")), /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur" }, /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick tip"), /* @__PURE__ */ React19.createElement("p", { className: "mt-3 text-sm text-white/80" }, "Use the categories below to quickly find the products you're looking for, or use the search function for specific items.")))
+  ))), /* @__PURE__ */ React19.createElement("div", { className: "relative -mt-16 pb-16" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 24 },
+      animate: { opacity: 1, y: 0 },
+      className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50"
+    },
+    /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3 text-sm text-slate-500 mb-6" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-4 w-4 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "Browse our complete product catalog organized by categories.")),
+    isLoading ? /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, [...Array(8)].map((_, i) => /* @__PURE__ */ React19.createElement("div", { key: i, className: "animate-pulse" }, /* @__PURE__ */ React19.createElement("div", { className: "bg-gray-200 rounded-lg aspect-square mb-2" }), /* @__PURE__ */ React19.createElement("div", { className: "h-4 bg-gray-200 rounded w-3/4 mb-1" }), /* @__PURE__ */ React19.createElement("div", { className: "h-3 bg-gray-200 rounded w-1/2" })))) : categories.length > 0 ? /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, categories.map((category) => /* @__PURE__ */ React19.createElement(
+      Link8,
+      {
+        key: category.id,
+        href: `/shop?category=${category.name}`,
+        className: "group block overflow-hidden rounded-xl border border-gray-100 bg-white p-4 text-center transition hover:shadow-lg hover:border-primary-500"
+      },
+      /* @__PURE__ */ React19.createElement("div", { className: "relative aspect-square w-full overflow-hidden rounded-lg bg-gray-50 mb-3" }, category.image ? /* @__PURE__ */ React19.createElement(
+        Image3,
+        {
+          src: category.image,
+          alt: category.name || "Category Image",
+          fill: true,
+          className: "object-cover transition-transform group-hover:scale-105",
+          sizes: "(max-width: 768px) 50vw, (max-width: 1200px) 33vw, 25vw"
+        }
+      ) : /* @__PURE__ */ React19.createElement("div", { className: "flex h-full w-full items-center justify-center bg-gray-100 text-gray-400" }, /* @__PURE__ */ React19.createElement(Package, { className: "h-12 w-12" }))),
+      /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-gray-900 group-hover:text-primary-600 transition-colors" }, category.name),
+      category.productCount > 0 && /* @__PURE__ */ React19.createElement("p", { className: "mt-1 text-sm text-gray-500" }, category.productCount, " ", category.productCount === 1 ? "product" : "products")
+    ))) : /* @__PURE__ */ React19.createElement(
+      EmptyState,
+      {
+        title: "No categories found",
+        description: "There are currently no product categories available.",
+        icon: Package,
+        actionLabel: "Shop products",
+        onAction: () => router.push("/shop")
+      }
+    )
+  ))));
+}
+function NewAddressPage() {
+  const router = useRouter();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const {
+    register,
+    handleSubmit,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(addressSchema),
+    defaultValues: {
+      country: "United States"
+    }
+  });
+  const onSubmit = async (data) => {
+    setIsSubmitting(true);
+    try {
+      console.log("Submitting address data:", data);
+      const api = new AddressesApi(AXIOS_CONFIG);
+      const response = await api.createAddressForUser({
+        name: data.name,
+        street1: data.street1,
+        street2: data.street2,
+        city: data.city,
+        state: data.state,
+        zip: data.zip,
+        country: data.country,
+        phone: data.phone
+      });
+      toast.success("Address added successfully");
+      router.back();
+    } catch (error) {
+      let errorMessage = "An unexpected error occurred";
+      if (error.response?.data?.message) {
+        errorMessage = error.response.data.message;
+      } else if (error.message) {
+        errorMessage = error.message;
+      }
+      if (error.response?.status === 400) {
+        errorMessage = error.response.data?.message || "Please check your address details and try again";
+      }
+      if (error.message === "Network Error") {
+        errorMessage = "Unable to connect to the server. Please check your internet connection.";
+      }
+      toast.error("Unable to save address", {
+        description: errorMessage,
+        duration: 5e3
+      });
+      if (error.response?.status === 422) {
+        toast.info("Address validation failed", {
+          description: "Make sure your address is complete and formatted correctly.",
+          duration: 6e3
+        });
+      }
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React.createElement("div", { className: "relative bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React.createElement("div", { className: "relative container mx-auto px-4 py-8" }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: () => router.back(),
+      className: "inline-flex items-center gap-2 rounded-lg bg-white/10 px-4 py-2 text-sm font-medium text-white hover:bg-white/20 transition-colors"
+    },
+    /* @__PURE__ */ React.createElement(ArrowLeft, { className: "h-4 w-4" }),
+    "Back"
+  ), /* @__PURE__ */ React.createElement("div", { className: "mt-6 flex items-center gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "rounded-full bg-white/10 p-3" }, /* @__PURE__ */ React.createElement(MapPin, { className: "h-6 w-6" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h1", { className: "text-3xl font-bold" }, "Add New Address"), /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-white/75" }, "Enter your delivery address details below."))))), /* @__PURE__ */ React.createElement("div", { className: "container mx-auto px-4 py-8" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-2xl mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-6" }, /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      label: "Full name",
+      placeholder: "John Doe",
+      ...register("name"),
+      error: errors.name?.message
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      label: "Phone number",
+      placeholder: "+1 (555) 123-4567",
+      ...register("phone"),
+      error: errors.phone?.message
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      label: "Address line 1",
+      placeholder: "123 Main St",
+      ...register("street1"),
+      error: errors.street1?.message
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      label: "Address line 2 (optional)",
+      placeholder: "Apt 4B",
+      ...register("street2")
+    }
+  )), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      label: "City",
+      placeholder: "New York",
+      ...register("city"),
+      error: errors.city?.message
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      label: "State",
+      placeholder: "NY",
+      ...register("state"),
+      error: errors.state?.message
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      label: "ZIP code",
+      placeholder: "10001",
+      ...register("zip"),
+      error: errors.zip?.message
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      label: "Country",
+      placeholder: "United States",
+      ...register("country"),
+      error: errors.country?.message
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: "flex justify-end gap-4" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      onClick: () => router.back()
+    },
+    "Cancel"
+  ), /* @__PURE__ */ React.createElement(Button, { type: "submit", disabled: isSubmitting }, isSubmitting ? "Adding Address..." : "Add Address")))))));
+}
 function Header() {
   const { config } = useTheme();
   const { user, isAuthenticated } = useAuth();
@@ -10678,7 +11231,7 @@ function Header() {
     { href: "/about", label: "About" },
     { href: "/contact", label: "Contact" }
   ];
-  return /* @__PURE__ */ React19.createElement("header", { className: "sticky top-0 z-40 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React19.createElement(Link6, { href: "/", className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React19.createElement("header", { className: "sticky top-0 z-40 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React19.createElement(Link8, { href: "/", className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React19.createElement(
     Image3,
     {
       src: config.logo,
@@ -10687,7 +11240,7 @@ function Header() {
       className: "object-contain"
     }
   )), /* @__PURE__ */ React19.createElement("span", { className: "text-2xl font-bold text-gray-900 hidden sm:block" }, config.storeName)), /* @__PURE__ */ React19.createElement("nav", { className: "hidden lg:flex items-center gap-8" }, navLinks.map((link) => /* @__PURE__ */ React19.createElement(
-    Link6,
+    Link8,
     {
       key: link.href,
       href: link.href,
@@ -10734,15 +11287,15 @@ function Header() {
       },
       /* @__PURE__ */ React19.createElement(X, { className: "w-4 h-4" })
     ))
-  ))), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React19.createElement(Link6, { href: "/wishlist", className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React19.createElement(Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React19.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, wishlistCount)), /* @__PURE__ */ React19.createElement(Link6, { href: "/cart", className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React19.createElement(ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React19.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, cart.cartBody?.items?.length) : null), isAuthenticated ? /* @__PURE__ */ React19.createElement(
-    Link6,
+  ))), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React19.createElement(Link8, { href: "/wishlist", className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React19.createElement(Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React19.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, wishlistCount)), /* @__PURE__ */ React19.createElement(Link8, { href: "/cart", className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React19.createElement(ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React19.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, cart.cartBody?.items?.length) : null), isAuthenticated ? /* @__PURE__ */ React19.createElement(
+    Link8,
     {
       href: "/account",
       className: "p-2 hover:bg-gray-100 rounded-lg transition-colors"
     },
     /* @__PURE__ */ React19.createElement(User, { className: "w-6 h-6 text-gray-700" })
   ) : /* @__PURE__ */ React19.createElement(
-    Link6,
+    Link8,
     {
       href: "/login",
       className: "hidden sm:block px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors font-medium"
@@ -10764,7 +11317,7 @@ function Header() {
       className: "lg:hidden overflow-hidden border-t border-gray-200"
     },
     /* @__PURE__ */ React19.createElement("nav", { className: "flex flex-col gap-1 py-2" }, navLinks.map((link) => /* @__PURE__ */ React19.createElement(
-      Link6,
+      Link8,
       {
         key: link.href,
         href: link.href,
@@ -10773,7 +11326,7 @@ function Header() {
       },
       link.label
     )), !isAuthenticated && /* @__PURE__ */ React19.createElement(
-      Link6,
+      Link8,
       {
         href: "/login",
         onClick: () => setIsMobileMenuOpen(false),
@@ -10805,21 +11358,21 @@ function Footer() {
       { label: "Returns", href: "/returns" }
     ]};
   return /* @__PURE__ */ React19.createElement("footer", { className: "bg-gray-900 text-gray-300" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-12" }, /* @__PURE__ */ React19.createElement("div", { className: "lg:col-span-2" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-2xl font-bold text-white mb-4" }, config.storeName), /* @__PURE__ */ React19.createElement("p", { className: "text-gray-400 mb-6 max-w-md" }, "Your trusted online store for quality products. We deliver excellence with every order."), /* @__PURE__ */ React19.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(Mail, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "support@", config.storeName.toLowerCase().replace(/\s+/g, ""), ".com")), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(Phone, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "+1 (555) 123-4567")), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(MapPin, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "123 Store Street, City, Country")))), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Shop"), /* @__PURE__ */ React19.createElement("ul", { className: "space-y-2" }, footerLinks.shop.map((link) => /* @__PURE__ */ React19.createElement("li", { key: link.href }, /* @__PURE__ */ React19.createElement(
-    Link6,
+    Link8,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
   ))))), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Account"), /* @__PURE__ */ React19.createElement("ul", { className: "space-y-2" }, footerLinks.account.map((link) => /* @__PURE__ */ React19.createElement("li", { key: link.href }, /* @__PURE__ */ React19.createElement(
-    Link6,
+    Link8,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
   ))))), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Support"), /* @__PURE__ */ React19.createElement("ul", { className: "space-y-2" }, footerLinks.support.map((link) => /* @__PURE__ */ React19.createElement("li", { key: link.href }, /* @__PURE__ */ React19.createElement(
-    Link6,
+    Link8,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
@@ -10849,6 +11402,6 @@ function Footer() {
   )))));
 }
 
-export { AddressesScreen, AuthProvider, Badge, Button, CartItem, CartProvider, CartScreen, CheckoutScreen, CurrentOrdersScreen, EcommerceProvider, EmptyState, Footer, Header, Input, LoginScreen, Modal, OrderCard, OrderCardSkeleton, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, ProfileScreen, RegisterScreen, ShopScreen, Skeleton, ThemeProvider, WishlistProvider, formatDate, formatPrice, generateColorShades, getApiConfiguration, getInitials, hexToRgb, initializeApiAdapter, truncate, useAddresses, useAuth, useCart, useCategories, useCurrentOrders, useOrder, useOrders, useProduct, useProducts, useTheme, useWishlist };
+export { AddressesScreen, AuthProvider, Badge, Button, CartItem, CartProvider, CartScreen, CategoriesScreen, CheckoutScreen, CurrentOrdersScreen, EcommerceProvider, EmptyState, Footer, Header, Input, LoginScreen, Modal, NewAddressPage as NewAddressScreen, OrderCard, OrderCardSkeleton, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, ProfileScreen, RegisterScreen, SearchPage as SearchResultsScreen, ShopScreen, Skeleton, ThemeProvider, WishlistProvider, WishlistScreen, formatDate, formatPrice, generateColorShades, getApiConfiguration, getInitials, hexToRgb, initializeApiAdapter, truncate, useAddresses, useAuth, useCart, useCategories, useCurrentOrders, useOrder, useOrders, useProduct, useProducts, useTheme, useWishlist };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map