hey-pharmacist-ecommerce 1.1.15 → 1.1.16

package/dist/index.mjs

@@ -2,12 +2,12 @@
 import React21, { createContext, forwardRef, useContext, useEffect, useState, useCallback, useMemo, useRef } from 'react';
 import globalAxios4 from 'axios';
 import { motion, AnimatePresence } from 'framer-motion';
-import { Eye, Star, ShoppingCart, Sparkles, ShieldCheck, TrendingUp, Search, ArrowUpDown, ChevronDown, LayoutGrid, LayoutList, X, Clock, Package, ChevronLeft, Check, Heart, Truck, RotateCcw, Shield, Trash2, Minus, Plus, ShoppingBag, ArrowRight, CheckCircle2, Edit3, MapPin, CreditCard, Lock, EyeOff, UserPlus, LogOut, HeartPulse, Mail, Phone, User, Filter, ChevronRight, ArrowUpRight, PackageCheck, Warehouse, BellRing, Crown, Grid, List, ArrowLeft, Menu, Facebook, Twitter, Instagram, Shirt, Pill, Box, ExternalLink, Globe, Home, Info, AlertCircle, XCircle } from 'lucide-react';
+import { Eye, Star, ShoppingCart, Sparkles, ShieldCheck, TrendingUp, Search, ArrowUpDown, ChevronDown, LayoutGrid, LayoutList, X, Clock, Package, ChevronLeft, Check, Heart, Truck, RotateCcw, Shield, Trash2, Minus, Plus, ShoppingBag, ArrowRight, CheckCircle2, Edit3, MapPin, CreditCard, Lock, EyeOff, UserPlus, User, Settings, Filter, ChevronRight, ArrowUpRight, PackageCheck, Warehouse, BellRing, Crown, Phone, Grid, List, ArrowLeft, LogOut, Menu, Mail, Facebook, Twitter, Instagram, Shirt, Pill, Box, ExternalLink, Globe, Home, CheckCircle, Edit, Bell, AlertTriangle, Info, AlertCircle, XCircle } from 'lucide-react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { useRouter, useSearchParams } from 'next/navigation';
 import Image4 from 'next/image';
 import dynamic from 'next/dynamic';
-import Link7 from 'next/link';
+import Link6 from 'next/link';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
@@ -8820,7 +8820,7 @@ function ProductDetailScreen({ productId }) {
     return /* @__PURE__ */ React21.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React21.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React21.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React21.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React21.createElement("div", { className: "h-[520px] animate-pulse rounded-3xl bg-slate-200" }), /* @__PURE__ */ React21.createElement("div", { className: "grid grid-cols-3 gap-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React21.createElement("div", { key: index, className: "h-32 animate-pulse rounded-2xl bg-slate-200" })))), /* @__PURE__ */ React21.createElement("div", { className: "space-y-4 rounded-3xl bg-white p-6 shadow-sm" }, /* @__PURE__ */ React21.createElement("div", { className: "h-8 w-32 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React21.createElement("div", { className: "h-10 w-48 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React21.createElement("div", { className: "h-6 w-full animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React21.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" }), /* @__PURE__ */ React21.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" })))));
   }
   if (!product) {
-    return /* @__PURE__ */ React21.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React21.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React21.createElement("div", { className: "rounded-3xl bg-white p-10 text-center shadow-sm" }, /* @__PURE__ */ React21.createElement(Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }), /* @__PURE__ */ React21.createElement("h1", { className: "mt-6 text-2xl font-semibold text-gray-900" }, "Product not found"), /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React21.createElement(Link7, { href: "/shop", className: "inline-block" }, /* @__PURE__ */ React21.createElement(Button, null, "Browse products"))))));
+    return /* @__PURE__ */ React21.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React21.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React21.createElement("div", { className: "rounded-3xl bg-white p-10 text-center shadow-sm" }, /* @__PURE__ */ React21.createElement(Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }), /* @__PURE__ */ React21.createElement("h1", { className: "mt-6 text-2xl font-semibold text-gray-900" }, "Product not found"), /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React21.createElement(Link6, { href: "/shop", className: "inline-block" }, /* @__PURE__ */ React21.createElement(Button, null, "Browse products"))))));
   }
   return /* @__PURE__ */ React21.createElement("div", { className: "min-h-screen bg-white" }, /* @__PURE__ */ React21.createElement("div", { className: "bg-gray-50 border-b border-gray-200 py-4" }, /* @__PURE__ */ React21.createElement("div", { className: "max-w-[1400px] mx-auto px-8 md:px-12" }, /* @__PURE__ */ React21.createElement(
     "button",
@@ -10069,7 +10069,7 @@ function LoginScreen() {
           className: "h-4 w-4 rounded border-slate-300 text-primary-600 focus:ring-primary-500"
         }
       ), "Remember me"), /* @__PURE__ */ React21.createElement(
-        Link7,
+        Link6,
         {
           href: buildPath("/forgot-password"),
           className: "font-medium text-primary transition hover:opacity-80"
@@ -10085,7 +10085,7 @@ function LoginScreen() {
         },
         isSubmitting ? "Signing in..." : "Sign in"
       )
-    ), /* @__PURE__ */ React21.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React21.createElement("p", { className: "text-muted" }, "Don't have an account? ", /* @__PURE__ */ React21.createElement(Link7, { href: buildPath("/register"), className: "font-medium text-primary transition hover:opacity-90" }, "Sign up"))))
+    ), /* @__PURE__ */ React21.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React21.createElement("p", { className: "text-muted" }, "Don't have an account? ", /* @__PURE__ */ React21.createElement(Link6, { href: buildPath("/register"), className: "font-medium text-primary transition hover:opacity-90" }, "Sign up"))))
   )));
 }
 var registerSchema = z.object({
@@ -10222,8 +10222,8 @@ function RegisterScreen() {
         },
         showConfirmPassword ? /* @__PURE__ */ React21.createElement(EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React21.createElement(Eye, { className: "h-5 w-5" })
       )),
-      /* @__PURE__ */ React21.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600" }, /* @__PURE__ */ React21.createElement(Shield, { strokeWidth: 2, className: "mt-0.5 h-8 w-8 text-primary" }), /* @__PURE__ */ React21.createElement("span", null, "By creating an account, you agree to our", " ", /* @__PURE__ */ React21.createElement(Link7, { href: buildPath("/terms"), className: "font-semibold text-primary hover:opacity-70" }, "Terms of Service"), " ", "and", " ", /* @__PURE__ */ React21.createElement(
-        Link7,
+      /* @__PURE__ */ React21.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600" }, /* @__PURE__ */ React21.createElement(Shield, { strokeWidth: 2, className: "mt-0.5 h-8 w-8 text-primary" }), /* @__PURE__ */ React21.createElement("span", null, "By creating an account, you agree to our", " ", /* @__PURE__ */ React21.createElement(Link6, { href: buildPath("/terms"), className: "font-semibold text-primary hover:opacity-70" }, "Terms of Service"), " ", "and", " ", /* @__PURE__ */ React21.createElement(
+        Link6,
         {
           href: buildPath("/privacy"),
           className: "font-semibold text-primary hover:opacity-70"
@@ -10239,191 +10239,29 @@ function RegisterScreen() {
         },
         isSubmitting ? "Creating account..." : "Create my account"
       )
-    ), /* @__PURE__ */ React21.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React21.createElement("p", { className: "text-muted" }, "Already have an account? ", /* @__PURE__ */ React21.createElement(Link7, { href: buildPath("/login"), className: "font-medium text-primary transition hover:opacity-90" }, "Sign in"))))
+    ), /* @__PURE__ */ React21.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React21.createElement("p", { className: "text-muted" }, "Already have an account? ", /* @__PURE__ */ React21.createElement(Link6, { href: buildPath("/login"), className: "font-medium text-primary transition hover:opacity-90" }, "Sign in"))))
   )));
 }
-function ProfileScreen() {
-  const router = useRouter();
-  const { user, logout, isLoading } = useAuth();
-  const { buildPath } = useBasePath();
-  const [isLoggingOut, setIsLoggingOut] = useState(false);
-  const [logoutError, setLogoutError] = useState(null);
-  const handleLogout = async () => {
-    setIsLoggingOut(true);
-    setLogoutError(null);
-    try {
-      await logout();
-      router.push(buildPath("/"));
-    } catch (error) {
-      setLogoutError(error?.response?.data?.message || "Failed to logout. Please try again.");
-    } finally {
-      setIsLoggingOut(false);
-    }
-  };
-  if (!user) {
-    if (isLoading) return null;
-    router.push(buildPath("/login"));
-    return null;
-  }
-  const quickLinks = [
-    {
-      icon: Package,
-      label: "Orders & invoices",
-      description: "Track shipments, invoices, and receipts",
-      href: buildPath("/orders")
-    },
-    {
-      icon: Heart,
-      label: "Wishlist",
-      description: "Curate go-to remedies and favorites",
-      href: buildPath("/wishlist")
-    },
-    {
-      icon: MapPin,
-      label: "Delivery addresses",
-      description: "Manage saved delivery locations",
-      href: buildPath("/account/addresses")
-    }
-  ];
-  return /* @__PURE__ */ React21.createElement("div", { className: "min-h-screen bg-slate-50 text-slate-900" }, /* @__PURE__ */ React21.createElement("div", { className: "relative container mx-auto px-4 pb-16 pt-10" }, /* @__PURE__ */ React21.createElement("div", { className: "rounded-3xl border border-slate-200 bg-white/95 p-8 shadow-xl shadow-primary-50 backdrop-blur" }, /* @__PURE__ */ React21.createElement("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "text-sm text-slate-500" }, "Stay signed in to keep prescriptions and deliveries synced."), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, logoutError && /* @__PURE__ */ React21.createElement("div", { className: "flex items-start gap-2 rounded-xl border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-700" }, /* @__PURE__ */ React21.createElement(ShieldCheck, { className: "mt-[1px] h-4 w-4 text-red-500" }), /* @__PURE__ */ React21.createElement("span", null, logoutError)), /* @__PURE__ */ React21.createElement(
-    Button,
-    {
-      type: "button",
-      variant: "outline",
-      size: "sm",
-      className: "border-red-200 text-red-600 hover:bg-red-50",
-      onClick: handleLogout,
-      disabled: isLoggingOut
-    },
-    /* @__PURE__ */ React21.createElement(LogOut, { className: "h-4 w-4" }),
-    isLoggingOut ? "Logging out..." : "Log out"
-  ))), /* @__PURE__ */ React21.createElement(
-    motion.div,
-    {
-      initial: { opacity: 0, y: 18 },
-      animate: { opacity: 1, y: 0 },
-      className: "grid gap-8 md:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)] md:items-center"
-    },
-    /* @__PURE__ */ React21.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React21.createElement("div", { className: "inline-flex items-center gap-2 rounded-full bg-slate-900 text-white px-4 py-1 text-xs font-semibold uppercase tracking-[0.32em]" }, /* @__PURE__ */ React21.createElement(HeartPulse, { className: "h-4 w-4" }), "Account"), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("h1", { className: "text-4xl font-semibold md:text-5xl" }, "Welcome back, ", user.firstname, " ", user.lastname), /* @__PURE__ */ React21.createElement("p", { className: "mt-3 max-w-2xl text-base text-slate-600" }, "Keep your identity and delivery details accurate for smoother refills, faster shipping, and timely pharmacist guidance.")), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-wrap gap-3 text-sm text-slate-600" }, /* @__PURE__ */ React21.createElement("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-2" }, /* @__PURE__ */ React21.createElement(ShieldCheck, { className: "h-4 w-4 text-primary-600" }), "Secure login enabled"), /* @__PURE__ */ React21.createElement("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-2" }, /* @__PURE__ */ React21.createElement(Mail, { className: "h-4 w-4 text-primary-600" }), user.email), /* @__PURE__ */ React21.createElement("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-2" }, /* @__PURE__ */ React21.createElement(Phone, { className: "h-4 w-4 text-primary-600" }), user.phoneNumber || "Add phone for urgent updates"))),
-    /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-4 rounded-2xl border border-slate-200 bg-slate-50/70 p-6 shadow-sm" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl bg-white text-2xl font-semibold text-slate-900 shadow-sm" }, getInitials(user?.firstname || "", user?.lastname || "") || ""), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-slate-500" }, "Signed in as"), /* @__PURE__ */ React21.createElement("p", { className: "text-lg font-semibold text-slate-900" }, user.firstname), /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-slate-500" }, user.email))), /* @__PURE__ */ React21.createElement("div", { className: "grid gap-3 sm:grid-cols-2" }, /* @__PURE__ */ React21.createElement(
-      Button,
-      {
-        variant: "outline",
-        size: "md",
-        className: "border-slate-300 text-slate-800 hover:bg-white",
-        onClick: () => router.push(buildPath("/account/edit"))
-      },
-      "Edit profile"
-    ), /* @__PURE__ */ React21.createElement(
-      Button,
-      {
-        variant: "ghost",
-        size: "md",
-        className: "text-slate-700 hover:bg-white",
-        onClick: () => router.push(buildPath("/account/change-password"))
-      },
-      "Change password"
-    )))
-  )), /* @__PURE__ */ React21.createElement("div", { className: "mt-10 grid gap-8 lg:grid-cols-[minmax(0,1.08fr)_minmax(0,0.92fr)] items-stretch" }, /* @__PURE__ */ React21.createElement(
-    motion.div,
-    {
-      initial: { opacity: 0, y: 18 },
-      animate: { opacity: 1, y: 0 },
-      className: "space-y-6"
-    },
-    /* @__PURE__ */ React21.createElement("section", { className: "rounded-3xl border border-slate-200 bg-white p-7 shadow-lg shadow-primary-50/40 min-h-[420px] h-full flex flex-col" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between gap-3" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-400" }, "Essentials"), /* @__PURE__ */ React21.createElement("h2", { className: "mt-1 text-xl font-semibold text-slate-900" }, "Profile snapshot")), /* @__PURE__ */ React21.createElement(Sparkles, { className: "h-5 w-5 text-primary-500" })), /* @__PURE__ */ React21.createElement("div", { className: "mt-6 grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React21.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/70 p-5" }, /* @__PURE__ */ React21.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.28em] text-slate-500" }, "Contact"), /* @__PURE__ */ React21.createElement("div", { className: "mt-3 space-y-2 text-sm text-slate-600" }, /* @__PURE__ */ React21.createElement("p", { className: "flex items-center gap-2 font-semibold text-slate-900" }, /* @__PURE__ */ React21.createElement(User, { className: "h-4 w-4 text-primary-500" }), user.firstname, " ", user.lastname), /* @__PURE__ */ React21.createElement("p", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(Mail, { className: "h-4 w-4 text-primary-500" }), user.email), /* @__PURE__ */ React21.createElement("p", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(Phone, { className: "h-4 w-4 text-primary-500" }), user.phoneNumber || "Not provided")), /* @__PURE__ */ React21.createElement(
-      Button,
-      {
-        variant: "outline",
-        size: "md",
-        className: "mt-4 w-full border-slate-300 text-slate-800 hover:bg-white",
-        onClick: () => router.push(buildPath("/account/edit"))
-      },
-      "Update information"
-    )), /* @__PURE__ */ React21.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/70 p-5" }, /* @__PURE__ */ React21.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.28em] text-slate-500" }, "Security"), /* @__PURE__ */ React21.createElement("div", { className: "mt-3 space-y-2 text-sm text-slate-600" }, /* @__PURE__ */ React21.createElement("p", { className: "flex items-center gap-2 font-semibold text-slate-900" }, /* @__PURE__ */ React21.createElement(ShieldCheck, { className: "h-4 w-4 text-primary-500" }), "Multi-factor ready"), /* @__PURE__ */ React21.createElement("p", null, "Protect your account with a fresh password and keep notifications on.")), /* @__PURE__ */ React21.createElement(
-      Button,
-      {
-        variant: "primary",
-        size: "md",
-        className: "mt-4 w-full",
-        onClick: () => router.push(buildPath("/account/change-password"))
-      },
-      "Change password"
-    ))))
-  ), /* @__PURE__ */ React21.createElement(
-    motion.aside,
-    {
-      initial: { opacity: 0, y: 18 },
-      animate: { opacity: 1, y: 0 },
-      transition: { delay: 0.05 },
-      className: "space-y-4 h-full"
-    },
-    /* @__PURE__ */ React21.createElement("section", { className: "rounded-3xl border border-slate-200 bg-white p-6 shadow-sm min-h-[420px] h-full flex flex-col" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-400" }, "Quick links"), /* @__PURE__ */ React21.createElement("h3", { className: "mt-1 text-lg font-semibold text-slate-900" }, "Next steps")), /* @__PURE__ */ React21.createElement(Heart, { className: "h-5 w-5 text-primary-500" })), /* @__PURE__ */ React21.createElement("div", { className: "mt-5 grid gap-3" }, quickLinks.map((item) => /* @__PURE__ */ React21.createElement(
-      Link7,
-      {
-        key: item.href,
-        href: item.href,
-        className: "group relative flex items-start gap-3 rounded-2xl border border-slate-200 bg-slate-50/70 p-4 transition duration-200 hover:-translate-y-0.5 hover:border-primary-200 hover:bg-white hover:shadow-md"
-      },
-      /* @__PURE__ */ React21.createElement("span", { className: "flex h-11 w-11 items-center justify-center rounded-xl bg-white text-primary-600 shadow-sm group-hover:bg-primary-600 group-hover:text-white" }, /* @__PURE__ */ React21.createElement(item.icon, { className: "h-5 w-5" })),
-      /* @__PURE__ */ React21.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React21.createElement("p", { className: "flex items-center gap-2 text-base font-semibold text-slate-900 group-hover:text-primary-700" }, item.label, /* @__PURE__ */ React21.createElement(ArrowRight, { className: "h-4 w-4 opacity-0 transition group-hover:opacity-100" })), /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-slate-500" }, item.description))
-    ))))
-  ))));
-}
-function Badge({ children, variant = "primary", size = "md", className = "" }) {
-  const variants = {
-    primary: "bg-primary-100 text-primary-700 border-primary-200",
-    secondary: "bg-secondary-100 text-secondary-700 border-secondary-200",
-    success: "bg-green-100 text-green-700 border-green-200",
-    warning: "bg-yellow-100 text-yellow-700 border-yellow-200",
-    danger: "bg-red-100 text-red-700 border-red-200",
-    gray: "bg-gray-100 text-gray-700 border-gray-200"
-  };
-  const sizes = {
-    sm: "px-2 py-1 text-xs",
-    md: "px-3 py-1 text-sm"
-  };
-  return /* @__PURE__ */ React21.createElement("span", { className: `inline-flex items-center font-medium rounded-full border ${variants[variant]} ${sizes[size]} ${className}` }, children);
-}
-function OrderCard({ order }) {
-  const config = order.orderStatus;
-  const itemCount = order.items?.length || 0;
-  const showPriceBreakdown = order.shippingCost && order.shippingCost > 0 || order.tax && order.tax > 0 || order.discountedAmount && order.discountedAmount > 0;
-  return /* @__PURE__ */ React21.createElement(
-    motion.div,
-    {
-      initial: { opacity: 0, y: 20 },
-      animate: { opacity: 1, y: 0 },
-      className: "rounded-lg border border-slate-200 bg-white p-4 shadow-sm hover:shadow-md transition-shadow"
-    },
-    /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-4 pb-4 border-b border-gray-200" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-base font-bold text-slate-900" }, "Order #", order?._id?.slice(0, 8) || ""), /* @__PURE__ */ React21.createElement(Badge, { variant: config }, config), /* @__PURE__ */ React21.createElement("span", { className: "text-xs text-gray-500" }, formatDate(order.createdAt || /* @__PURE__ */ new Date(), "short"))), /* @__PURE__ */ React21.createElement("div", { className: "text-right" }, /* @__PURE__ */ React21.createElement("p", { className: "text-lg font-bold text-slate-900" }, formatPrice(order.grandTotal || 0)), itemCount > 0 && /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-gray-500" }, itemCount, " ", itemCount === 1 ? "item" : "items"))),
-    /* @__PURE__ */ React21.createElement("div", { className: "space-y-2 mb-4" }, order.items && order.items.length > 0 ? order.items.slice(0, 3).map((item) => {
-      const itemPrice = item.productVariantData?.finalPrice || 0;
-      const itemTotal = itemPrice * item.quantity;
-      return /* @__PURE__ */ React21.createElement("div", { key: item.productVariantId || item._id, className: "flex items-center gap-2 text-sm" }, /* @__PURE__ */ React21.createElement("div", { className: "relative w-12 h-12 rounded bg-gray-100 flex-shrink-0 overflow-hidden" }, /* @__PURE__ */ React21.createElement(
-        Image4,
-        {
-          src: item?.productVariantData?.productMedia?.[0]?.file || "/placeholder-product.jpg",
-          alt: item?.productVariantData?.name || "Product image",
-          fill: true,
-          className: "object-cover",
-          sizes: "48px"
-        }
-      )), /* @__PURE__ */ React21.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React21.createElement("p", { className: "font-medium text-slate-900 truncate text-sm" }, item.productVariantData?.name || "Unknown Product"), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-gray-500" }, "Qty: ", item.quantity)), /* @__PURE__ */ React21.createElement("p", { className: "font-semibold text-slate-900 text-sm" }, formatPrice(itemTotal)));
-    }) : /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-gray-500 text-center py-2" }, "No items found"), order.items && order.items.length > 3 && /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-gray-500 text-center pt-1" }, "+", order.items.length - 3, " more ", order.items.length - 3 === 1 ? "item" : "items")),
-    showPriceBreakdown && /* @__PURE__ */ React21.createElement("div", { className: "mb-4 pb-4 border-b border-gray-200 space-y-1 text-xs" }, order.shippingCost !== void 0 && order.shippingCost > 0 && /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between text-gray-600" }, /* @__PURE__ */ React21.createElement("span", null, "Shipping"), /* @__PURE__ */ React21.createElement("span", null, formatPrice(order.shippingCost))), order.tax !== void 0 && order.tax > 0 && /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between text-gray-600" }, /* @__PURE__ */ React21.createElement("span", null, "Tax"), /* @__PURE__ */ React21.createElement("span", null, formatPrice(order.tax))), order.discountedAmount !== void 0 && order.discountedAmount > 0 && /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between text-green-600" }, /* @__PURE__ */ React21.createElement("span", null, "Discount"), /* @__PURE__ */ React21.createElement("span", null, "-", formatPrice(order.discountedAmount)))),
-    order.payment?.paymentStatus !== "Paid" /* Paid */ && order.payment?.paymentMethod === "Card" /* Card */ && /* @__PURE__ */ React21.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React21.createElement(
+function TabNavigation({ tabs: tabs2, activeTab, onTabChange }) {
+  return /* @__PURE__ */ React21.createElement("div", { className: "mx-auto flex items-center max-w-7xl px-4 py-4" }, /* @__PURE__ */ React21.createElement("nav", { className: "flex overflow-x-auto scrollbar-hide justify-center gap-4", "aria-label": "Account tabs" }, tabs2.map((tab) => {
+    const isActive = activeTab === tab.id;
+    const Icon = tab.icon;
+    return /* @__PURE__ */ React21.createElement(
       "button",
       {
-        onClick: () => {
-          window.open(order?.payment?.hostedInvoiceUrl || "", "_blank");
-        },
-        className: "inline-flex items-center gap-2 rounded-full border-2 border-primary-500 bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 text-sm font-medium transition-colors"
+        key: tab.id,
+        onClick: () => onTabChange(tab.id),
+        className: `
+                flex items-center gap-2 px-6 py-3 text-sm font-medium whitespace-nowrap
+                border-b-2 transition-colors
+                ${isActive ? "bg-secondary text-white rounded-xl hover:transition-all hover:duration-300 hover:ease-in-out hover:-translate-y-1" : "bg-white text-muted rounded-xl hover:text-secondary hover:transition-all hover:duration-150 hover:ease-in-out hover:-translate-y-1"}
+              `,
+        "aria-current": isActive ? "page" : void 0
       },
-      /* @__PURE__ */ React21.createElement(CreditCard, { className: "w-4 h-4" }),
-      "Pay Now"
-    ))
-  );
+      /* @__PURE__ */ React21.createElement(Icon, { className: "h-5 w-5" }),
+      tab.label
+    );
+  })));
 }
 function useOrders(page = 1, limit = 10, orderStatus, paymentStatus) {
   const [orders, setOrders] = useState([]);
@@ -10520,6 +10358,552 @@ function useCurrentOrders() {
   }, [fetchCurrentOrders]);
   return { orders, isLoading, error, refetch: fetchCurrentOrders };
 }
+function Badge({ children, variant = "primary", size = "md", className = "" }) {
+  const variants = {
+    primary: "bg-primary-100 text-primary-700 border-primary-200",
+    secondary: "bg-secondary-100 text-secondary-700 border-secondary-200",
+    success: "bg-green-100 text-green-700 border-green-200",
+    warning: "bg-yellow-100 text-yellow-700 border-yellow-200",
+    danger: "bg-red-100 text-red-700 border-red-200",
+    gray: "bg-gray-100 text-gray-700 border-gray-200"
+  };
+  const sizes = {
+    sm: "px-2 py-1 text-xs",
+    md: "px-3 py-1 text-sm"
+  };
+  return /* @__PURE__ */ React21.createElement("span", { className: `inline-flex items-center font-medium rounded-full border ${variants[variant]} ${sizes[size]} ${className}` }, children);
+}
+function AccountOverviewTab() {
+  const { user } = useAuth();
+  const { orders, isLoading: ordersLoading } = useCurrentOrders();
+  const { getWishlistCount } = useWishlist();
+  const router = useRouter();
+  const { buildPath } = useBasePath();
+  if (!user) return null;
+  const totalOrders = orders?.length || 0;
+  const deliveredOrders = orders?.filter((order) => order.orderStatus === "Delivered")?.length || 0;
+  const inTransitOrders = orders?.filter((order) => order.orderStatus === "In Transit")?.length || 0;
+  const savedItemsCount = getWishlistCount();
+  const recentOrders = orders?.slice(0, 3) || [];
+  const stats = [
+    {
+      icon: Package,
+      label: "Total Orders",
+      value: totalOrders,
+      color: "bg-[#DBEAFE] text-[#5B9BD5]"
+    },
+    {
+      icon: CheckCircle,
+      label: "Delivered",
+      value: deliveredOrders,
+      color: "bg-[#DCFCE7] text-[#00A63E]"
+    },
+    {
+      icon: Heart,
+      label: "Saved Items",
+      value: savedItemsCount,
+      color: "bg-[#FFEDD4] text-[#FF6B35]"
+    },
+    {
+      icon: Clock,
+      label: "In Transit",
+      value: inTransitOrders,
+      color: "bg-[#F3E8FF] text-[#9810FA]"
+    }
+  ];
+  return /* @__PURE__ */ React21.createElement("div", { className: "py-6 px-3 space-y-6 pb-24" }, /* @__PURE__ */ React21.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4" }, stats.map((stat, index) => {
+    const Icon = stat.icon;
+    return /* @__PURE__ */ React21.createElement(
+      "div",
+      {
+        key: index,
+        className: "rounded-xl border border-slate-200 bg-white p-4 hover:shadow-md transition-shadow"
+      },
+      /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: `flex h-12 w-12 items-center justify-center rounded-lg ${stat.color}` }, /* @__PURE__ */ React21.createElement(Icon, { className: "h-6 w-6" })), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-2xl font-bold text-secondary" }, stat.value), /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-slate-600" }, stat.label)))
+    );
+  })), /* @__PURE__ */ React21.createElement("div", { className: "rounded-xl border border-slate-200 bg-white p-6" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Profile Information"), /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      onClick: () => router.push(buildPath("/account/edit")),
+      className: "flex items-center gap-1 text-sm text-primary-600 hover:text-primary-700"
+    },
+    /* @__PURE__ */ React21.createElement(Edit, { className: "h-4 w-4" }),
+    "Edit"
+  )), /* @__PURE__ */ React21.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]" }, /* @__PURE__ */ React21.createElement(User, { className: "h-5 w-5 text-[#5B9BD5]" })), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted" }, "Full Name"), /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-secondary" }, user.firstname, " ", user.lastname))), /* @__PURE__ */ React21.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]" }, /* @__PURE__ */ React21.createElement(Mail, { className: "h-5 w-5 text-[#5B9BD5]" })), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted" }, "E-mail Address"), /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-secondary" }, user.email))), /* @__PURE__ */ React21.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]" }, /* @__PURE__ */ React21.createElement(Phone, { className: "h-5 w-5 text-[#5B9BD5]" })), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted" }, "Phone Number"), /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-secondary" }, user.phoneNumber || "Not provided"))), /* @__PURE__ */ React21.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]" }, /* @__PURE__ */ React21.createElement(MapPin, { className: "h-5 w-5 text-[#5B9BD5]" })), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted" }, "Date of Birth"), /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-secondary" }, "Not provided"))))), /* @__PURE__ */ React21.createElement("div", { className: "rounded-xl border border-slate-200 bg-white p-6" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Recent Orders"), /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      onClick: () => {
+        const event = new CustomEvent("switchTab", { detail: "orders" });
+        window.dispatchEvent(event);
+      },
+      className: "text-sm text-primary-600 hover:text-primary-700"
+    },
+    "View All \u2192"
+  )), ordersLoading ? /* @__PURE__ */ React21.createElement("div", { className: "space-y-3" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      key: index,
+      className: "h-16 animate-pulse rounded-lg bg-slate-50"
+    }
+  ))) : recentOrders.length === 0 ? /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-muted text-center py-8" }, "No orders yet") : /* @__PURE__ */ React21.createElement("div", { className: "space-y-3" }, recentOrders.map((order) => /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      key: order._id,
+      className: "flex items-center justify-between rounded-lg bg-slate-50 p-4 hover:bg-slate-100 transition-colors"
+    },
+    /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-white" }, /* @__PURE__ */ React21.createElement(Package, { className: "h-5 w-5 text-slate-600" })), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-secondary" }, "ORD-", order._id?.slice(-6).toUpperCase()), /* @__PURE__ */ React21.createElement(
+      Badge,
+      {
+        className: "p-1 text-xs",
+        variant: order.orderStatus === "Delivered" ? "success" : order.orderStatus === "In Transit" ? "primary" : order.orderStatus === "Pending" ? "warning" : "gray"
+      },
+      order.orderStatus
+    )), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted" }, formatDate(order.createdAt || /* @__PURE__ */ new Date(), "short")))),
+    /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-semibold text-secondary" }, formatPrice(order.grandTotal || 0)))
+  )))));
+}
+function AccountOrdersTab() {
+  const { orders, isLoading, error } = useCurrentOrders();
+  if (isLoading) {
+    return /* @__PURE__ */ React21.createElement("div", { className: "py-6 px-3 pb-24" }, /* @__PURE__ */ React21.createElement("div", { className: "space-y-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React21.createElement(
+      "div",
+      {
+        key: index,
+        className: "h-64 animate-pulse rounded-xl bg-slate-50"
+      }
+    ))));
+  }
+  if (error) {
+    return /* @__PURE__ */ React21.createElement("div", { className: "py-6 px-3 pb-24" }, /* @__PURE__ */ React21.createElement("div", { className: "rounded-lg border border-red-100 bg-red-50 p-6 text-sm text-red-700" }, error.message));
+  }
+  if (orders.length === 0) {
+    return /* @__PURE__ */ React21.createElement("div", { className: "py-6 px-3 pb-24" }, /* @__PURE__ */ React21.createElement(
+      EmptyState,
+      {
+        icon: Package,
+        title: "No orders yet",
+        description: "When you place orders, they'll appear here for easy tracking."
+      }
+    ));
+  }
+  return /* @__PURE__ */ React21.createElement("div", { className: "py-6 px-3 space-y-4 pb-24" }, orders.map((order) => {
+    order.items?.length || 0;
+    return /* @__PURE__ */ React21.createElement(
+      "div",
+      {
+        key: order._id,
+        className: "rounded-xl border border-slate-200 bg-white p-6 hover:shadow-md transition-shadow"
+      },
+      /* @__PURE__ */ React21.createElement("div", { className: "flex items-start justify-between mb-4 pb-4 border-b border-slate-200" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("h3", { className: "text-base font-semibold text-secondary" }, "Order ORD-", order._id?.slice(-6).toUpperCase()), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted mb-4" }, "Placed on ", formatDate(order.createdAt || /* @__PURE__ */ new Date(), "long"))), /* @__PURE__ */ React21.createElement(
+        Badge,
+        {
+          className: "text-xs",
+          variant: order.orderStatus === "Delivered" ? "success" : order.orderStatus === "In Transit" ? "primary" : order.orderStatus === "Pending" ? "warning" : "gray"
+        },
+        order.orderStatus
+      )), /* @__PURE__ */ React21.createElement("div", { className: "text-right" }, /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted mb-1" }, "Total Amount"), /* @__PURE__ */ React21.createElement("p", { className: "text-lg font-bold text-secondary" }, formatPrice(order.grandTotal || 0)))),
+      /* @__PURE__ */ React21.createElement("div", { className: "space-y-3 mb-4" }, order.items && order.items.length > 0 ? order.items.map((item, index) => {
+        const itemPrice = item.productVariantData?.finalPrice || 0;
+        const itemTotal = itemPrice * item.quantity;
+        return /* @__PURE__ */ React21.createElement("div", { key: item.productVariantId || index, className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "relative w-12 h-12 rounded-lg bg-slate-100 flex-shrink-0 overflow-hidden" }, /* @__PURE__ */ React21.createElement(
+          Image4,
+          {
+            src: item?.productVariantData?.productMedia?.[0]?.file || "/placeholder-product.jpg",
+            alt: item?.productVariantData?.name || "Product image",
+            fill: true,
+            className: "object-cover",
+            sizes: "48px"
+          }
+        )), /* @__PURE__ */ React21.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React21.createElement("p", { className: "font-medium text-secondary text-sm truncate" }, item.productVariantData?.name || "Unknown Product"), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted" }, "Qty: ", item.quantity)), /* @__PURE__ */ React21.createElement("p", { className: "font-semibold text-secondary text-sm" }, formatPrice(itemTotal)));
+      }) : /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-muted text-center py-2" }, "No items found"))
+    );
+  }));
+}
+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
+  };
+}
+
+// src/components/AccountSavedItemsTab.tsx
+function AccountSavedItemsTab() {
+  const { products: wishlistProductIds } = useWishlist();
+  const { products: wishlistProducts, isLoading, error } = useWishlistProducts(
+    wishlistProductIds
+  );
+  const products = wishlistProducts || [];
+  console.log(products);
+  if (isLoading) {
+    return /* @__PURE__ */ React21.createElement("div", { className: "p-6" }, /* @__PURE__ */ React21.createElement("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React21.createElement(
+      "div",
+      {
+        key: index,
+        className: "h-80 animate-pulse rounded-lg border border-slate-100 bg-slate-50"
+      }
+    ))));
+  }
+  if (error) {
+    return /* @__PURE__ */ React21.createElement("div", { className: "p-6" }, /* @__PURE__ */ React21.createElement("div", { className: "rounded-lg border border-red-100 bg-red-50 p-6 text-sm text-red-700" }, error.message));
+  }
+  if (products.length === 0) {
+    return /* @__PURE__ */ React21.createElement("div", { className: "p-6" }, /* @__PURE__ */ React21.createElement(
+      EmptyState,
+      {
+        icon: Heart,
+        title: "No saved items",
+        description: "Items you save will appear here for easy access later."
+      }
+    ));
+  }
+  return /* @__PURE__ */ React21.createElement("div", { className: "pb-24 p-6" }, /* @__PURE__ */ React21.createElement("div", { className: "p-6 bg-white rounded-xl" }, /* @__PURE__ */ React21.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Saved for Later"), /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-secondary" }, products.length, " ", products.length === 1 ? "item" : "items", " saved")), /* @__PURE__ */ React21.createElement("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3" }, products.map((product) => /* @__PURE__ */ React21.createElement(ProductCard, { key: product._id, product })))));
+}
+function ConfirmModal({
+  isOpen,
+  onClose,
+  onConfirm,
+  title,
+  message,
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  variant = "danger",
+  isLoading = false
+}) {
+  const handleConfirm = () => {
+    onConfirm();
+  };
+  const variantStyles = {
+    danger: {
+      icon: "text-red-600 bg-red-100",
+      button: "secondary"
+    },
+    warning: {
+      icon: "text-amber-600 bg-amber-100",
+      button: "primary"
+    },
+    info: {
+      icon: "text-secondary bg-blue-100",
+      button: "primary"
+    }
+  };
+  const style = variantStyles[variant];
+  return /* @__PURE__ */ React21.createElement(Modal, { isOpen, onClose, size: "sm" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col items-center text-center" }, /* @__PURE__ */ React21.createElement("div", { className: `w-12 h-12 rounded-full ${style.icon} flex items-center justify-center mb-4` }, /* @__PURE__ */ React21.createElement(AlertTriangle, { className: "w-6 h-6" })), /* @__PURE__ */ React21.createElement("h3", { className: "text-xl font-semibold text-secondary mb-2" }, title), /* @__PURE__ */ React21.createElement("p", { className: "text-muted mb-6" }, message), /* @__PURE__ */ React21.createElement("div", { className: "flex gap-3 w-full justify-center" }, /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      className: "px-6 py-2 border border-slate-200 rounded-full text-slate-700 hover:bg-slate-100 transition-colors",
+      onClick: onClose
+    },
+    cancelText
+  ), /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      className: "px-6 py-2 border border-red-600 rounded-full text-red-600 hover:bg-red-100 transition-colors bg-red-50",
+      onClick: handleConfirm
+    },
+    confirmText
+  ))));
+}
+
+// src/components/AccountAddressesTab.tsx
+function AccountAddressesTab() {
+  const { addresses, isLoading, error, removeAddress, markAsDefault, refresh } = useAddresses();
+  const [deletingId, setDeletingId] = useState(null);
+  const [editingAddress, setEditingAddress] = useState(void 0);
+  const [isAddressModalOpen, setIsAddressModalOpen] = useState(false);
+  const [selectedAddressId, setSelectedAddressId] = useState(null);
+  const [addressToDelete, setAddressToDelete] = useState(null);
+  const notification = useNotification();
+  const handleConfirmDelete = async () => {
+    if (!addressToDelete) return;
+    setDeletingId(addressToDelete.id);
+    try {
+      await removeAddress(addressToDelete.id);
+      if (selectedAddressId === addressToDelete.id) {
+        setSelectedAddressId(null);
+      }
+      notification.success("Address deleted successfully");
+    } catch (error2) {
+      console.error("Failed to delete address:", error2);
+      notification.error("Failed to delete address. Please try again.");
+    } finally {
+      setDeletingId(null);
+      setAddressToDelete(null);
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ React21.createElement("div", { className: "p-6" }, /* @__PURE__ */ React21.createElement("div", { className: "grid gap-4 sm:grid-cols-2" }, Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ React21.createElement(
+      "div",
+      {
+        key: index,
+        className: "h-48 animate-pulse rounded-lg border border-slate-100 bg-slate-50"
+      }
+    ))));
+  }
+  if (error) {
+    return /* @__PURE__ */ React21.createElement("div", { className: "p-6" }, /* @__PURE__ */ React21.createElement("div", { className: "rounded-lg border border-red-100 bg-red-50 p-6 text-sm text-red-700" }, error.message));
+  }
+  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { className: "p-6 bg-white rounded-xl" }, /* @__PURE__ */ React21.createElement("div", { className: "mb-6 flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Saved Addresses"), /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-muted" }, "Manage your delivery and billing addresses")), /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      className: "flex flex-row items-center gap-2 px-6 py-2 border border-slate-200 rounded-xl text-slate-700 hover:opacity-80 transition-colors bg-secondary text-white text-sm",
+      onClick: () => {
+        setEditingAddress(void 0);
+        setIsAddressModalOpen(true);
+      }
+    },
+    /* @__PURE__ */ React21.createElement(Plus, { className: "h-4 w-4" }),
+    "Add Address"
+  )), addresses.length === 0 ? /* @__PURE__ */ React21.createElement(
+    EmptyState,
+    {
+      icon: MapPin,
+      title: "No addresses yet",
+      description: "Save a shipping or billing address to speed through checkout.",
+      actionLabel: "Add your first address",
+      onAction: () => {
+        setEditingAddress(void 0);
+        setIsAddressModalOpen(true);
+      }
+    }
+  ) : /* @__PURE__ */ React21.createElement("div", { className: "grid gap-4 sm:grid-cols-2" }, addresses.map((address) => /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      key: address.id,
+      className: "relative rounded-xl border border-slate-200 bg-white p-4 hover:shadow-md transition-shadow"
+    },
+    /* @__PURE__ */ React21.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React21.createElement("div", { className: "justify-between flex items-center" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-x-2" }, /* @__PURE__ */ React21.createElement(MapPin, { className: "h-4 w-4 text-secondary" }), /* @__PURE__ */ React21.createElement("p", { className: "font-semibold text-secondary" }, address.name), address.isDefault && /* @__PURE__ */ React21.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-1 text-xs font-semibold text-green-700" }, "Default")), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-x-2" }, /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        onClick: () => {
+          setEditingAddress(address);
+          setIsAddressModalOpen(true);
+        },
+        className: "inline-flex items-center gap-1 rounded-full border border-slate-200 px-2 py-1 text-xs font-medium text-muted transition hover:border-primary-300 hover:text-primary-600"
+      },
+      /* @__PURE__ */ React21.createElement(Edit3, { className: "h-3 w-3" })
+    ), /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        onClick: () => setAddressToDelete(address),
+        disabled: deletingId === address.id,
+        className: "inline-flex items-center gap-1 rounded-full border border-red-200 px-2 py-1 text-xs font-semibold text-red-600 transition hover:border-red-300 hover:text-red-700 disabled:opacity-50"
+      },
+      /* @__PURE__ */ React21.createElement(Trash2, { className: "h-3 w-3" })
+    ))), /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-muted mt-1" }, address.street1, address.street2 && `, ${address.street2}`), /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-muted" }, address.city, ", ", address.state, " ", address.zip), /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-muted" }, address.country), address.phone && /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-slate-500 mt-1" }, address.phone))
+  )))), /* @__PURE__ */ React21.createElement(
+    AddressFormModal,
+    {
+      isOpen: isAddressModalOpen,
+      onClose: () => setIsAddressModalOpen(false),
+      initialAddress: editingAddress,
+      onAddressAdded: () => {
+        refresh();
+      },
+      onAddressUpdated: () => {
+        refresh();
+      }
+    }
+  ), /* @__PURE__ */ React21.createElement(
+    ConfirmModal,
+    {
+      isOpen: !!addressToDelete,
+      onClose: () => setAddressToDelete(null),
+      onConfirm: handleConfirmDelete,
+      title: "Delete Address",
+      message: `Are you sure you want to delete ${addressToDelete?.name}'s address? This action cannot be undone.`,
+      confirmText: "Delete",
+      cancelText: "Cancel",
+      variant: "danger",
+      isLoading: deletingId === addressToDelete?.id
+    }
+  ));
+}
+function AccountSettingsTab() {
+  const router = useRouter();
+  const { buildPath } = useBasePath();
+  const [emailNotifications, setEmailNotifications] = useState(true);
+  const [orderUpdates, setOrderUpdates] = useState(true);
+  const [promotionalEmails, setPromotionalEmails] = useState(false);
+  return /* @__PURE__ */ React21.createElement("div", { className: "p-6 space-y-6" }, /* @__PURE__ */ React21.createElement("div", { className: "rounded-2xl border border-slate-200 bg-white p-6" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 mb-4" }, /* @__PURE__ */ React21.createElement(Bell, { className: "h-5 w-5 text-secondary" }), /* @__PURE__ */ React21.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Account Preferences")), /* @__PURE__ */ React21.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React21.createElement("label", { className: "flex items-center justify-between gap-4 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-secondary" }, "Email Notifications"), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted" }, "Receive updates about your orders")), /* @__PURE__ */ React21.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked: emailNotifications,
+      onChange: (e) => setEmailNotifications(e.target.checked),
+      className: "h-4 w-4 rounded border-primary-300 text-secondary focus:ring-primary-500"
+    }
+  )), /* @__PURE__ */ React21.createElement("label", { className: "flex items-center justify-between gap-4 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-secondary" }, "Order Updates"), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted" }, "Get notified about shipping status")), /* @__PURE__ */ React21.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked: orderUpdates,
+      onChange: (e) => setOrderUpdates(e.target.checked),
+      className: "h-4 w-4 rounded border-primary-300 text-secondary focus:ring-primary-500"
+    }
+  )), /* @__PURE__ */ React21.createElement("label", { className: "flex items-center justify-between gap-4 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-secondary" }, "Promotional Emails"), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted" }, "Receive special offers and discounts")), /* @__PURE__ */ React21.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked: promotionalEmails,
+      onChange: (e) => setPromotionalEmails(e.target.checked),
+      className: "h-4 w-4 rounded border-primary-300 text-secondary focus:ring-primary-500"
+    }
+  )))), /* @__PURE__ */ React21.createElement("div", { className: "rounded-2xl border border-slate-200 bg-white p-6" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 mb-4" }, /* @__PURE__ */ React21.createElement(Lock, { className: "h-5 w-5 text-secondary" }), /* @__PURE__ */ React21.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Security")), /* @__PURE__ */ React21.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between rounded-lg border border-slate-200 bg-slate-50 px-4 py-3" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-secondary" }, "Change Password"), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-muted" }, "Update your account password")), /* @__PURE__ */ React21.createElement(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      onClick: () => router.push(buildPath("/account/change-password"))
+    },
+    "Change"
+  )), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between rounded-lg border border-red-100 bg-red-50 px-4 py-3" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-red-900" }, "Delete Account"), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-red-600" }, "Permanently delete your account and data")), /* @__PURE__ */ React21.createElement(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      className: "border-red-200 text-red-600 hover:bg-red-50",
+      onClick: () => {
+        if (confirm("Are you sure you want to delete your account? This action cannot be undone.")) {
+          alert("Account deletion functionality coming soon");
+        }
+      }
+    },
+    /* @__PURE__ */ React21.createElement(Trash2, { className: "h-4 w-4" }),
+    "Delete"
+  )))));
+}
+
+// src/screens/ProfileScreen.tsx
+var tabs = [
+  { id: "overview", label: "Overview", icon: User },
+  { id: "orders", label: "Orders", icon: Package },
+  { id: "saved-items", label: "Saved Items", icon: Heart },
+  // { id: 'payment', label: 'Payment', icon: CreditCard },
+  { id: "addresses", label: "Addresses", icon: MapPin },
+  { id: "settings", label: "Settings", icon: Settings }
+];
+function AccountPage() {
+  const router = useRouter();
+  const { user, logout, isLoading } = useAuth();
+  const { buildPath } = useBasePath();
+  const [activeTab, setActiveTab] = useState("overview");
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const [isLoggingOut, setIsLoggingOut] = useState(false);
+  React21.useEffect(() => {
+    const handleTabSwitch = (event) => {
+      setActiveTab(event.detail);
+    };
+    window.addEventListener("switchTab", handleTabSwitch);
+    return () => {
+      window.removeEventListener("switchTab", handleTabSwitch);
+    };
+  }, []);
+  if (!user) {
+    if (isLoading) return null;
+    router.push(buildPath("/login"));
+    return null;
+  }
+  const renderTabContent = () => {
+    switch (activeTab) {
+      case "overview":
+        return /* @__PURE__ */ React21.createElement(AccountOverviewTab, null);
+      case "orders":
+        return /* @__PURE__ */ React21.createElement(AccountOrdersTab, null);
+      case "saved-items":
+        return /* @__PURE__ */ React21.createElement(AccountSavedItemsTab, null);
+      // case 'payment':
+      //   return <AccountPaymentTab />;
+      case "addresses":
+        return /* @__PURE__ */ React21.createElement(AccountAddressesTab, null);
+      case "settings":
+        return /* @__PURE__ */ React21.createElement(AccountSettingsTab, null);
+      default:
+        return /* @__PURE__ */ React21.createElement(AccountOverviewTab, null);
+    }
+  };
+  return /* @__PURE__ */ React21.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#F8FAFC] to-[#EBF4FB]" }, /* @__PURE__ */ React21.createElement("div", { className: "" }, /* @__PURE__ */ React21.createElement("div", { className: "container mx-auto px-4 py-4" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("h1", { className: "text-2xl font-semibold text-secondary" }, "My Account"), /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-muted" }, "Manage your profile, orders, and preferences"))))), /* @__PURE__ */ React21.createElement(TabNavigation, { tabs, activeTab, onTabChange: setActiveTab }), /* @__PURE__ */ React21.createElement("div", { className: "container mx-auto max-w-7xl" }, /* @__PURE__ */ React21.createElement("div", { className: "rounded-2xl shadow-sm" }, renderTabContent())));
+}
+function OrderCard({ order }) {
+  const config = order.orderStatus;
+  const itemCount = order.items?.length || 0;
+  const showPriceBreakdown = order.shippingCost && order.shippingCost > 0 || order.tax && order.tax > 0 || order.discountedAmount && order.discountedAmount > 0;
+  return /* @__PURE__ */ React21.createElement(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      className: "rounded-lg border border-slate-200 bg-white p-4 shadow-sm hover:shadow-md transition-shadow"
+    },
+    /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-4 pb-4 border-b border-gray-200" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-base font-bold text-slate-900" }, "Order #", order?._id?.slice(0, 8) || ""), /* @__PURE__ */ React21.createElement(Badge, { variant: config }, config), /* @__PURE__ */ React21.createElement("span", { className: "text-xs text-gray-500" }, formatDate(order.createdAt || /* @__PURE__ */ new Date(), "short"))), /* @__PURE__ */ React21.createElement("div", { className: "text-right" }, /* @__PURE__ */ React21.createElement("p", { className: "text-lg font-bold text-slate-900" }, formatPrice(order.grandTotal || 0)), itemCount > 0 && /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-gray-500" }, itemCount, " ", itemCount === 1 ? "item" : "items"))),
+    /* @__PURE__ */ React21.createElement("div", { className: "space-y-2 mb-4" }, order.items && order.items.length > 0 ? order.items.slice(0, 3).map((item) => {
+      const itemPrice = item.productVariantData?.finalPrice || 0;
+      const itemTotal = itemPrice * item.quantity;
+      return /* @__PURE__ */ React21.createElement("div", { key: item.productVariantId || item._id, className: "flex items-center gap-2 text-sm" }, /* @__PURE__ */ React21.createElement("div", { className: "relative w-12 h-12 rounded bg-gray-100 flex-shrink-0 overflow-hidden" }, /* @__PURE__ */ React21.createElement(
+        Image4,
+        {
+          src: item?.productVariantData?.productMedia?.[0]?.file || "/placeholder-product.jpg",
+          alt: item?.productVariantData?.name || "Product image",
+          fill: true,
+          className: "object-cover",
+          sizes: "48px"
+        }
+      )), /* @__PURE__ */ React21.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React21.createElement("p", { className: "font-medium text-slate-900 truncate text-sm" }, item.productVariantData?.name || "Unknown Product"), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-gray-500" }, "Qty: ", item.quantity)), /* @__PURE__ */ React21.createElement("p", { className: "font-semibold text-slate-900 text-sm" }, formatPrice(itemTotal)));
+    }) : /* @__PURE__ */ React21.createElement("p", { className: "text-sm text-gray-500 text-center py-2" }, "No items found"), order.items && order.items.length > 3 && /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-gray-500 text-center pt-1" }, "+", order.items.length - 3, " more ", order.items.length - 3 === 1 ? "item" : "items")),
+    showPriceBreakdown && /* @__PURE__ */ React21.createElement("div", { className: "mb-4 pb-4 border-b border-gray-200 space-y-1 text-xs" }, order.shippingCost !== void 0 && order.shippingCost > 0 && /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between text-gray-600" }, /* @__PURE__ */ React21.createElement("span", null, "Shipping"), /* @__PURE__ */ React21.createElement("span", null, formatPrice(order.shippingCost))), order.tax !== void 0 && order.tax > 0 && /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between text-gray-600" }, /* @__PURE__ */ React21.createElement("span", null, "Tax"), /* @__PURE__ */ React21.createElement("span", null, formatPrice(order.tax))), order.discountedAmount !== void 0 && order.discountedAmount > 0 && /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between text-green-600" }, /* @__PURE__ */ React21.createElement("span", null, "Discount"), /* @__PURE__ */ React21.createElement("span", null, "-", formatPrice(order.discountedAmount)))),
+    order.payment?.paymentStatus !== "Paid" /* Paid */ && order.payment?.paymentMethod === "Card" /* Card */ && /* @__PURE__ */ React21.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        onClick: () => {
+          window.open(order?.payment?.hostedInvoiceUrl || "", "_blank");
+        },
+        className: "inline-flex items-center gap-2 rounded-full border-2 border-primary-500 bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 text-sm font-medium transition-colors"
+      },
+      /* @__PURE__ */ React21.createElement(CreditCard, { className: "w-4 h-4" }),
+      "Pay Now"
+    ))
+  );
+}
 function FilterChips({
   label,
   icon: Icon,
@@ -10741,7 +11125,7 @@ function CurrentOrdersScreen() {
     },
     /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick actions"),
     /* @__PURE__ */ React21.createElement("div", { className: "mt-4 space-y-3 text-sm text-white/80" }, /* @__PURE__ */ React21.createElement(
-      Link7,
+      Link6,
       {
         href: buildPath("/orders"),
         className: "flex items-center justify-between rounded-2xl bg-white/10 px-4 py-3 transition hover:bg-white/20"
@@ -11126,53 +11510,6 @@ You can add it back at any time.`
     ))), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-end gap-3" }, /* @__PURE__ */ React21.createElement(Button, { type: "button", variant: "outline", onClick: closeModal }, "Cancel"), /* @__PURE__ */ React21.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" },
@@ -11518,7 +11855,7 @@ function SearchPage() {
       isFavorited: isInWishlist(product.id),
       onClickProduct: (p) => router.push(buildPath(`/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(Link7, { 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"))));
+  ))) : 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(Link6, { 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 NewAddressPage() {
   const router = useRouter();
@@ -11692,7 +12029,7 @@ function Header() {
   const navLinks = [
     { href: buildPath("/shop"), label: "Shop" }
   ];
-  return /* @__PURE__ */ React21.createElement("header", { className: "sticky top-0 z-10 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React21.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React21.createElement(Link7, { href: buildPath("/"), className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React21.createElement("header", { className: "sticky top-0 z-10 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React21.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React21.createElement(Link6, { href: buildPath("/"), className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React21.createElement(
     Image4,
     {
       src: config.logo,
@@ -11701,7 +12038,7 @@ function Header() {
       className: "object-contain"
     }
   ))), /* @__PURE__ */ React21.createElement("nav", { className: "hidden lg:flex items-center gap-8" }, navLinks.map((link) => /* @__PURE__ */ React21.createElement(
-    Link7,
+    Link6,
     {
       key: link.href,
       href: link.href,
@@ -11748,7 +12085,7 @@ function Header() {
       },
       /* @__PURE__ */ React21.createElement(X, { className: "w-4 h-4" })
     ))
-  ))), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React21.createElement(Link7, { href: buildPath("/wishlist"), className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React21.createElement(Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React21.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__ */ React21.createElement(Link7, { href: buildPath("/cart"), className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React21.createElement(ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "relative" }, /* @__PURE__ */ React21.createElement(
+  ))), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React21.createElement(Link6, { href: buildPath("/wishlist"), className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React21.createElement(Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React21.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__ */ React21.createElement(Link6, { href: buildPath("/cart"), className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React21.createElement(ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "relative" }, /* @__PURE__ */ React21.createElement(
     "button",
     {
       onClick: () => setIsDropdownOpen(!isDropdownOpen),
@@ -11763,7 +12100,7 @@ function Header() {
       onClick: () => setIsDropdownOpen(false)
     }
   ), /* @__PURE__ */ React21.createElement("div", { className: "absolute right-0 top-full mt-2 w-56 rounded-lg border border-slate-200 bg-white shadow-lg z-20" }, /* @__PURE__ */ React21.createElement("div", { className: "p-2" }, /* @__PURE__ */ React21.createElement("div", { className: "px-3 py-2 border-b border-slate-200 mb-1" }, /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-secondary truncate" }, user?.firstname, " ", user?.lastname), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-slate-500 truncate" }, user?.email)), /* @__PURE__ */ React21.createElement(
-    Link7,
+    Link6,
     {
       href: buildPath("/account"),
       onClick: () => setIsDropdownOpen(false),
@@ -11781,7 +12118,7 @@ function Header() {
     /* @__PURE__ */ React21.createElement(LogOut, { className: "h-4 w-4" }),
     isLoggingOut ? "Signing out..." : "Sign Out"
   ))))) : /* @__PURE__ */ React21.createElement(
-    Link7,
+    Link6,
     {
       href: buildPath("/login"),
       className: "hidden sm:block px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors font-medium"
@@ -11803,7 +12140,7 @@ function Header() {
       className: "lg:hidden overflow-hidden border-t border-gray-200"
     },
     /* @__PURE__ */ React21.createElement("nav", { className: "flex flex-col gap-1 py-2" }, navLinks.map((link) => /* @__PURE__ */ React21.createElement(
-      Link7,
+      Link6,
       {
         key: link.href,
         href: link.href,
@@ -11812,7 +12149,7 @@ function Header() {
       },
       link.label
     )), !isAuthenticated && /* @__PURE__ */ React21.createElement(
-      Link7,
+      Link6,
       {
         href: buildPath("/login"),
         onClick: () => setIsMobileMenuOpen(false),
@@ -11851,21 +12188,21 @@ function Footer() {
     ]
   };
   return /* @__PURE__ */ React21.createElement("footer", { className: "bg-gray-900 text-gray-300" }, /* @__PURE__ */ React21.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React21.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-12" }, /* @__PURE__ */ React21.createElement("div", { className: "lg:col-span-2" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-2xl font-bold text-white mb-4" }, config.storeName), /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement(Mail, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React21.createElement("span", null, "support@", config.storeName.toLowerCase().replace(/\s+/g, ""), ".com")), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement(Phone, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React21.createElement("span", null, "+1 (555) 123-4567")), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21.createElement(MapPin, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React21.createElement("span", null, "123 Store Street, City, Country")))), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Shop"), /* @__PURE__ */ React21.createElement("ul", { className: "space-y-2" }, footerLinks.shop.map((link) => /* @__PURE__ */ React21.createElement("li", { key: link.href }, /* @__PURE__ */ React21.createElement(
-    Link7,
+    Link6,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
   ))))), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Account"), /* @__PURE__ */ React21.createElement("ul", { className: "space-y-2" }, footerLinks.account.map((link) => /* @__PURE__ */ React21.createElement("li", { key: link.href }, /* @__PURE__ */ React21.createElement(
-    Link7,
+    Link6,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
   ))))), /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Support"), /* @__PURE__ */ React21.createElement("ul", { className: "space-y-2" }, footerLinks.support.map((link) => /* @__PURE__ */ React21.createElement("li", { key: link.href }, /* @__PURE__ */ React21.createElement(
-    Link7,
+    Link6,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
@@ -11895,6 +12232,6 @@ function Footer() {
   )))));
 }
 
-export { AddressesScreen, AuthProvider, Badge, Button, CartItem, CartProvider, CartScreen, 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, useBasePath, useCart, useCategories, useCurrentOrders, useOrder, useOrders, useProduct, useProducts, useTheme, useWishlist };
+export { AddressesScreen, AuthProvider, Badge, Button, CartItem, CartProvider, CartScreen, CheckoutScreen, CurrentOrdersScreen, EcommerceProvider, EmptyState, Footer, Header, Input, LoginScreen, Modal, NewAddressPage as NewAddressScreen, OrderCard, OrderCardSkeleton, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, AccountPage as ProfileScreen, RegisterScreen, SearchPage as SearchResultsScreen, ShopScreen, Skeleton, ThemeProvider, WishlistProvider, WishlistScreen, formatDate, formatPrice, generateColorShades, getApiConfiguration, getInitials, hexToRgb, initializeApiAdapter, truncate, useAddresses, useAuth, useBasePath, useCart, useCategories, useCurrentOrders, useOrder, useOrders, useProduct, useProducts, useTheme, useWishlist };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map