hey-pharmacist-ecommerce 1.1.15 → 1.1.16

package/dist/index.js

@@ -9,7 +9,7 @@ var reactQuery = require('@tanstack/react-query');
 var navigation = require('next/navigation');
 var Image4 = require('next/image');
 var dynamic = require('next/dynamic');
-var Link7 = require('next/link');
+var Link6 = require('next/link');
 var reactHookForm = require('react-hook-form');
 var zod$1 = require('@hookform/resolvers/zod');
 var zod = require('zod');
@@ -20,7 +20,7 @@ var React21__default = /*#__PURE__*/_interopDefault(React21);
 var globalAxios4__default = /*#__PURE__*/_interopDefault(globalAxios4);
 var Image4__default = /*#__PURE__*/_interopDefault(Image4);
 var dynamic__default = /*#__PURE__*/_interopDefault(dynamic);
-var Link7__default = /*#__PURE__*/_interopDefault(Link7);
+var Link6__default = /*#__PURE__*/_interopDefault(Link6);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -8830,7 +8830,7 @@ function ProductDetailScreen({ productId }) {
     return /* @__PURE__ */ React21__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-[520px] animate-pulse rounded-3xl bg-slate-200" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid grid-cols-3 gap-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React21__default.default.createElement("div", { key: index, className: "h-32 animate-pulse rounded-2xl bg-slate-200" })))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-4 rounded-3xl bg-white p-6 shadow-sm" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-8 w-32 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-10 w-48 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-6 w-full animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" })))));
   }
   if (!product) {
-    return /* @__PURE__ */ React21__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "rounded-3xl bg-white p-10 text-center shadow-sm" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }), /* @__PURE__ */ React21__default.default.createElement("h1", { className: "mt-6 text-2xl font-semibold text-gray-900" }, "Product not found"), /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React21__default.default.createElement(Link7__default.default, { href: "/shop", className: "inline-block" }, /* @__PURE__ */ React21__default.default.createElement(Button, null, "Browse products"))))));
+    return /* @__PURE__ */ React21__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "rounded-3xl bg-white p-10 text-center shadow-sm" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }), /* @__PURE__ */ React21__default.default.createElement("h1", { className: "mt-6 text-2xl font-semibold text-gray-900" }, "Product not found"), /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React21__default.default.createElement(Link6__default.default, { href: "/shop", className: "inline-block" }, /* @__PURE__ */ React21__default.default.createElement(Button, null, "Browse products"))))));
   }
   return /* @__PURE__ */ React21__default.default.createElement("div", { className: "min-h-screen bg-white" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "bg-gray-50 border-b border-gray-200 py-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "max-w-[1400px] mx-auto px-8 md:px-12" }, /* @__PURE__ */ React21__default.default.createElement(
     "button",
@@ -10079,7 +10079,7 @@ function LoginScreen() {
           className: "h-4 w-4 rounded border-slate-300 text-primary-600 focus:ring-primary-500"
         }
       ), "Remember me"), /* @__PURE__ */ React21__default.default.createElement(
-        Link7__default.default,
+        Link6__default.default,
         {
           href: buildPath("/forgot-password"),
           className: "font-medium text-primary transition hover:opacity-80"
@@ -10095,7 +10095,7 @@ function LoginScreen() {
         },
         isSubmitting ? "Signing in..." : "Sign in"
       )
-    ), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-muted" }, "Don't have an account? ", /* @__PURE__ */ React21__default.default.createElement(Link7__default.default, { href: buildPath("/register"), className: "font-medium text-primary transition hover:opacity-90" }, "Sign up"))))
+    ), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-muted" }, "Don't have an account? ", /* @__PURE__ */ React21__default.default.createElement(Link6__default.default, { href: buildPath("/register"), className: "font-medium text-primary transition hover:opacity-90" }, "Sign up"))))
   )));
 }
 var registerSchema = zod.z.object({
@@ -10232,8 +10232,8 @@ function RegisterScreen() {
         },
         showConfirmPassword ? /* @__PURE__ */ React21__default.default.createElement(lucideReact.EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React21__default.default.createElement(lucideReact.Eye, { className: "h-5 w-5" })
       )),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Shield, { strokeWidth: 2, className: "mt-0.5 h-8 w-8 text-primary" }), /* @__PURE__ */ React21__default.default.createElement("span", null, "By creating an account, you agree to our", " ", /* @__PURE__ */ React21__default.default.createElement(Link7__default.default, { href: buildPath("/terms"), className: "font-semibold text-primary hover:opacity-70" }, "Terms of Service"), " ", "and", " ", /* @__PURE__ */ React21__default.default.createElement(
-        Link7__default.default,
+      /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Shield, { strokeWidth: 2, className: "mt-0.5 h-8 w-8 text-primary" }), /* @__PURE__ */ React21__default.default.createElement("span", null, "By creating an account, you agree to our", " ", /* @__PURE__ */ React21__default.default.createElement(Link6__default.default, { href: buildPath("/terms"), className: "font-semibold text-primary hover:opacity-70" }, "Terms of Service"), " ", "and", " ", /* @__PURE__ */ React21__default.default.createElement(
+        Link6__default.default,
         {
           href: buildPath("/privacy"),
           className: "font-semibold text-primary hover:opacity-70"
@@ -10249,191 +10249,29 @@ function RegisterScreen() {
         },
         isSubmitting ? "Creating account..." : "Create my account"
       )
-    ), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-muted" }, "Already have an account? ", /* @__PURE__ */ React21__default.default.createElement(Link7__default.default, { href: buildPath("/login"), className: "font-medium text-primary transition hover:opacity-90" }, "Sign in"))))
+    ), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-muted" }, "Already have an account? ", /* @__PURE__ */ React21__default.default.createElement(Link6__default.default, { href: buildPath("/login"), className: "font-medium text-primary transition hover:opacity-90" }, "Sign in"))))
   )));
 }
-function ProfileScreen() {
-  const router = navigation.useRouter();
-  const { user, logout, isLoading } = useAuth();
-  const { buildPath } = useBasePath();
-  const [isLoggingOut, setIsLoggingOut] = React21.useState(false);
-  const [logoutError, setLogoutError] = React21.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: lucideReact.Package,
-      label: "Orders & invoices",
-      description: "Track shipments, invoices, and receipts",
-      href: buildPath("/orders")
-    },
-    {
-      icon: lucideReact.Heart,
-      label: "Wishlist",
-      description: "Curate go-to remedies and favorites",
-      href: buildPath("/wishlist")
-    },
-    {
-      icon: lucideReact.MapPin,
-      label: "Delivery addresses",
-      description: "Manage saved delivery locations",
-      href: buildPath("/account/addresses")
-    }
-  ];
-  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "min-h-screen bg-slate-50 text-slate-900" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative container mx-auto px-4 pb-16 pt-10" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "rounded-3xl border border-slate-200 bg-white/95 p-8 shadow-xl shadow-primary-50 backdrop-blur" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-sm text-slate-500" }, "Stay signed in to keep prescriptions and deliveries synced."), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-3" }, logoutError && /* @__PURE__ */ React21__default.default.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__default.default.createElement(lucideReact.ShieldCheck, { className: "mt-[1px] h-4 w-4 text-red-500" }), /* @__PURE__ */ React21__default.default.createElement("span", null, logoutError)), /* @__PURE__ */ React21__default.default.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__default.default.createElement(lucideReact.LogOut, { className: "h-4 w-4" }),
-    isLoggingOut ? "Logging out..." : "Log out"
-  ))), /* @__PURE__ */ React21__default.default.createElement(
-    framerMotion.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__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement(lucideReact.HeartPulse, { className: "h-4 w-4" }), "Account"), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("h1", { className: "text-4xl font-semibold md:text-5xl" }, "Welcome back, ", user.firstname, " ", user.lastname), /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "flex flex-wrap gap-3 text-sm text-slate-600" }, /* @__PURE__ */ React21__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-2" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4 text-primary-600" }), "Secure login enabled"), /* @__PURE__ */ React21__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-2" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Mail, { className: "h-4 w-4 text-primary-600" }), user.email), /* @__PURE__ */ React21__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-2" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Phone, { className: "h-4 w-4 text-primary-600" }), user.phoneNumber || "Add phone for urgent updates"))),
-    /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col gap-4 rounded-2xl border border-slate-200 bg-slate-50/70 p-6 shadow-sm" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-slate-500" }, "Signed in as"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-lg font-semibold text-slate-900" }, user.firstname), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-slate-500" }, user.email))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid gap-3 sm:grid-cols-2" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement(
-      Button,
-      {
-        variant: "ghost",
-        size: "md",
-        className: "text-slate-700 hover:bg-white",
-        onClick: () => router.push(buildPath("/account/change-password"))
-      },
-      "Change password"
-    )))
-  )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-10 grid gap-8 lg:grid-cols-[minmax(0,1.08fr)_minmax(0,0.92fr)] items-stretch" }, /* @__PURE__ */ React21__default.default.createElement(
-    framerMotion.motion.div,
-    {
-      initial: { opacity: 0, y: 18 },
-      animate: { opacity: 1, y: 0 },
-      className: "space-y-6"
-    },
-    /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "flex items-center justify-between gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-400" }, "Essentials"), /* @__PURE__ */ React21__default.default.createElement("h2", { className: "mt-1 text-xl font-semibold text-slate-900" }, "Profile snapshot")), /* @__PURE__ */ React21__default.default.createElement(lucideReact.Sparkles, { className: "h-5 w-5 text-primary-500" })), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-6 grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/70 p-5" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.28em] text-slate-500" }, "Contact"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-3 space-y-2 text-sm text-slate-600" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "flex items-center gap-2 font-semibold text-slate-900" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.User, { className: "h-4 w-4 text-primary-500" }), user.firstname, " ", user.lastname), /* @__PURE__ */ React21__default.default.createElement("p", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Mail, { className: "h-4 w-4 text-primary-500" }), user.email), /* @__PURE__ */ React21__default.default.createElement("p", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Phone, { className: "h-4 w-4 text-primary-500" }), user.phoneNumber || "Not provided")), /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/70 p-5" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.28em] text-slate-500" }, "Security"), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-3 space-y-2 text-sm text-slate-600" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "flex items-center gap-2 font-semibold text-slate-900" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4 text-primary-500" }), "Multi-factor ready"), /* @__PURE__ */ React21__default.default.createElement("p", null, "Protect your account with a fresh password and keep notifications on.")), /* @__PURE__ */ React21__default.default.createElement(
-      Button,
-      {
-        variant: "primary",
-        size: "md",
-        className: "mt-4 w-full",
-        onClick: () => router.push(buildPath("/account/change-password"))
-      },
-      "Change password"
-    ))))
-  ), /* @__PURE__ */ React21__default.default.createElement(
-    framerMotion.motion.aside,
-    {
-      initial: { opacity: 0, y: 18 },
-      animate: { opacity: 1, y: 0 },
-      transition: { delay: 0.05 },
-      className: "space-y-4 h-full"
-    },
-    /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-400" }, "Quick links"), /* @__PURE__ */ React21__default.default.createElement("h3", { className: "mt-1 text-lg font-semibold text-slate-900" }, "Next steps")), /* @__PURE__ */ React21__default.default.createElement(lucideReact.Heart, { className: "h-5 w-5 text-primary-500" })), /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-5 grid gap-3" }, quickLinks.map((item) => /* @__PURE__ */ React21__default.default.createElement(
-      Link7__default.default,
-      {
-        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__default.default.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__default.default.createElement(item.icon, { className: "h-5 w-5" })),
-      /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "flex items-center gap-2 text-base font-semibold text-slate-900 group-hover:text-primary-700" }, item.label, /* @__PURE__ */ React21__default.default.createElement(lucideReact.ArrowRight, { className: "h-4 w-4 opacity-0 transition group-hover:opacity-100" })), /* @__PURE__ */ React21__default.default.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__default.default.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__default.default.createElement(
-    framerMotion.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__default.default.createElement("div", { className: "flex items-center justify-between mb-4 pb-4 border-b border-gray-200" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-base font-bold text-slate-900" }, "Order #", order?._id?.slice(0, 8) || ""), /* @__PURE__ */ React21__default.default.createElement(Badge, { variant: config }, config), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-xs text-gray-500" }, formatDate(order.createdAt || /* @__PURE__ */ new Date(), "short"))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-right" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-lg font-bold text-slate-900" }, formatPrice(order.grandTotal || 0)), itemCount > 0 && /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-gray-500" }, itemCount, " ", itemCount === 1 ? "item" : "items"))),
-    /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { key: item.productVariantId || item._id, className: "flex items-center gap-2 text-sm" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative w-12 h-12 rounded bg-gray-100 flex-shrink-0 overflow-hidden" }, /* @__PURE__ */ React21__default.default.createElement(
-        Image4__default.default,
-        {
-          src: item?.productVariantData?.productMedia?.[0]?.file || "/placeholder-product.jpg",
-          alt: item?.productVariantData?.name || "Product image",
-          fill: true,
-          className: "object-cover",
-          sizes: "48px"
-        }
-      )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "font-medium text-slate-900 truncate text-sm" }, item.productVariantData?.name || "Unknown Product"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-gray-500" }, "Qty: ", item.quantity)), /* @__PURE__ */ React21__default.default.createElement("p", { className: "font-semibold text-slate-900 text-sm" }, formatPrice(itemTotal)));
-    }) : /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-gray-500 text-center py-2" }, "No items found"), order.items && order.items.length > 3 && /* @__PURE__ */ React21__default.default.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__default.default.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__default.default.createElement("div", { className: "flex justify-between text-gray-600" }, /* @__PURE__ */ React21__default.default.createElement("span", null, "Shipping"), /* @__PURE__ */ React21__default.default.createElement("span", null, formatPrice(order.shippingCost))), order.tax !== void 0 && order.tax > 0 && /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-between text-gray-600" }, /* @__PURE__ */ React21__default.default.createElement("span", null, "Tax"), /* @__PURE__ */ React21__default.default.createElement("span", null, formatPrice(order.tax))), order.discountedAmount !== void 0 && order.discountedAmount > 0 && /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-between text-green-600" }, /* @__PURE__ */ React21__default.default.createElement("span", null, "Discount"), /* @__PURE__ */ React21__default.default.createElement("span", null, "-", formatPrice(order.discountedAmount)))),
-    order.payment?.paymentStatus !== "Paid" /* Paid */ && order.payment?.paymentMethod === "Card" /* Card */ && /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React21__default.default.createElement(
+function TabNavigation({ tabs: tabs2, activeTab, onTabChange }) {
+  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "mx-auto flex items-center max-w-7xl px-4 py-4" }, /* @__PURE__ */ React21__default.default.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__default.default.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__default.default.createElement(lucideReact.CreditCard, { className: "w-4 h-4" }),
-      "Pay Now"
-    ))
-  );
+      /* @__PURE__ */ React21__default.default.createElement(Icon, { className: "h-5 w-5" }),
+      tab.label
+    );
+  })));
 }
 function useOrders(page = 1, limit = 10, orderStatus, paymentStatus) {
   const [orders, setOrders] = React21.useState([]);
@@ -10530,6 +10368,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__default.default.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 = navigation.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: lucideReact.Package,
+      label: "Total Orders",
+      value: totalOrders,
+      color: "bg-[#DBEAFE] text-[#5B9BD5]"
+    },
+    {
+      icon: lucideReact.CheckCircle,
+      label: "Delivered",
+      value: deliveredOrders,
+      color: "bg-[#DCFCE7] text-[#00A63E]"
+    },
+    {
+      icon: lucideReact.Heart,
+      label: "Saved Items",
+      value: savedItemsCount,
+      color: "bg-[#FFEDD4] text-[#FF6B35]"
+    },
+    {
+      icon: lucideReact.Clock,
+      label: "In Transit",
+      value: inTransitOrders,
+      color: "bg-[#F3E8FF] text-[#9810FA]"
+    }
+  ];
+  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "py-6 px-3 space-y-6 pb-24" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement(
+      "div",
+      {
+        key: index,
+        className: "rounded-xl border border-slate-200 bg-white p-4 hover:shadow-md transition-shadow"
+      },
+      /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: `flex h-12 w-12 items-center justify-center rounded-lg ${stat.color}` }, /* @__PURE__ */ React21__default.default.createElement(Icon, { className: "h-6 w-6" })), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-2xl font-bold text-secondary" }, stat.value), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-slate-600" }, stat.label)))
+    );
+  })), /* @__PURE__ */ React21__default.default.createElement("div", { className: "rounded-xl border border-slate-200 bg-white p-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Profile Information"), /* @__PURE__ */ React21__default.default.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__default.default.createElement(lucideReact.Edit, { className: "h-4 w-4" }),
+    "Edit"
+  )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.User, { className: "h-5 w-5 text-[#5B9BD5]" })), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted" }, "Full Name"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-secondary" }, user.firstname, " ", user.lastname))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Mail, { className: "h-5 w-5 text-[#5B9BD5]" })), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted" }, "E-mail Address"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-secondary" }, user.email))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Phone, { className: "h-5 w-5 text-[#5B9BD5]" })), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted" }, "Phone Number"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-secondary" }, user.phoneNumber || "Not provided"))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-[#DBEAFE]" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.MapPin, { className: "h-5 w-5 text-[#5B9BD5]" })), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted" }, "Date of Birth"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-secondary" }, "Not provided"))))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "rounded-xl border border-slate-200 bg-white p-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Recent Orders"), /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "space-y-3" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React21__default.default.createElement(
+    "div",
+    {
+      key: index,
+      className: "h-16 animate-pulse rounded-lg bg-slate-50"
+    }
+  ))) : recentOrders.length === 0 ? /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-muted text-center py-8" }, "No orders yet") : /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-3" }, recentOrders.map((order) => /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-white" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Package, { className: "h-5 w-5 text-slate-600" })), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-secondary" }, "ORD-", order._id?.slice(-6).toUpperCase()), /* @__PURE__ */ React21__default.default.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__default.default.createElement("p", { className: "text-xs text-muted" }, formatDate(order.createdAt || /* @__PURE__ */ new Date(), "short")))),
+    /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "py-6 px-3 pb-24" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React21__default.default.createElement(
+      "div",
+      {
+        key: index,
+        className: "h-64 animate-pulse rounded-xl bg-slate-50"
+      }
+    ))));
+  }
+  if (error) {
+    return /* @__PURE__ */ React21__default.default.createElement("div", { className: "py-6 px-3 pb-24" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "py-6 px-3 pb-24" }, /* @__PURE__ */ React21__default.default.createElement(
+      EmptyState,
+      {
+        icon: lucideReact.Package,
+        title: "No orders yet",
+        description: "When you place orders, they'll appear here for easy tracking."
+      }
+    ));
+  }
+  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "py-6 px-3 space-y-4 pb-24" }, orders.map((order) => {
+    order.items?.length || 0;
+    return /* @__PURE__ */ React21__default.default.createElement(
+      "div",
+      {
+        key: order._id,
+        className: "rounded-xl border border-slate-200 bg-white p-6 hover:shadow-md transition-shadow"
+      },
+      /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-start justify-between mb-4 pb-4 border-b border-slate-200" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-base font-semibold text-secondary" }, "Order ORD-", order._id?.slice(-6).toUpperCase()), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted mb-4" }, "Placed on ", formatDate(order.createdAt || /* @__PURE__ */ new Date(), "long"))), /* @__PURE__ */ React21__default.default.createElement(
+        Badge,
+        {
+          className: "text-xs",
+          variant: order.orderStatus === "Delivered" ? "success" : order.orderStatus === "In Transit" ? "primary" : order.orderStatus === "Pending" ? "warning" : "gray"
+        },
+        order.orderStatus
+      )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-right" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted mb-1" }, "Total Amount"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-lg font-bold text-secondary" }, formatPrice(order.grandTotal || 0)))),
+      /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { key: item.productVariantId || index, className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative w-12 h-12 rounded-lg bg-slate-100 flex-shrink-0 overflow-hidden" }, /* @__PURE__ */ React21__default.default.createElement(
+          Image4__default.default,
+          {
+            src: item?.productVariantData?.productMedia?.[0]?.file || "/placeholder-product.jpg",
+            alt: item?.productVariantData?.name || "Product image",
+            fill: true,
+            className: "object-cover",
+            sizes: "48px"
+          }
+        )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "font-medium text-secondary text-sm truncate" }, item.productVariantData?.name || "Unknown Product"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted" }, "Qty: ", item.quantity)), /* @__PURE__ */ React21__default.default.createElement("p", { className: "font-semibold text-secondary text-sm" }, formatPrice(itemTotal)));
+      }) : /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-muted text-center py-2" }, "No items found"))
+    );
+  }));
+}
+function useWishlistProducts(productIds = []) {
+  const [products, setProducts] = React21.useState([]);
+  const [isLoading, setIsLoading] = React21.useState(false);
+  const [error, setError] = React21.useState(null);
+  const [cache] = React21.useState(() => /* @__PURE__ */ new Map());
+  const uniqueIds = React21.useMemo(
+    () => Array.from(new Set((productIds || []).filter(Boolean))),
+    [productIds]
+  );
+  const fetchProducts = React21.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]);
+  React21.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__default.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React21__default.default.createElement(
+      "div",
+      {
+        key: index,
+        className: "h-80 animate-pulse rounded-lg border border-slate-100 bg-slate-50"
+      }
+    ))));
+  }
+  if (error) {
+    return /* @__PURE__ */ React21__default.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React21__default.default.createElement(
+      EmptyState,
+      {
+        icon: lucideReact.Heart,
+        title: "No saved items",
+        description: "Items you save will appear here for easy access later."
+      }
+    ));
+  }
+  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "pb-24 p-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "p-6 bg-white rounded-xl" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Saved for Later"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-secondary" }, products.length, " ", products.length === 1 ? "item" : "items", " saved")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3" }, products.map((product) => /* @__PURE__ */ React21__default.default.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__default.default.createElement(Modal, { isOpen, onClose, size: "sm" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex flex-col items-center text-center" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: `w-12 h-12 rounded-full ${style.icon} flex items-center justify-center mb-4` }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.AlertTriangle, { className: "w-6 h-6" })), /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-xl font-semibold text-secondary mb-2" }, title), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-muted mb-6" }, message), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex gap-3 w-full justify-center" }, /* @__PURE__ */ React21__default.default.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__default.default.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] = React21.useState(null);
+  const [editingAddress, setEditingAddress] = React21.useState(void 0);
+  const [isAddressModalOpen, setIsAddressModalOpen] = React21.useState(false);
+  const [selectedAddressId, setSelectedAddressId] = React21.useState(null);
+  const [addressToDelete, setAddressToDelete] = React21.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__default.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid gap-4 sm:grid-cols-2" }, Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ React21__default.default.createElement(
+      "div",
+      {
+        key: index,
+        className: "h-48 animate-pulse rounded-lg border border-slate-100 bg-slate-50"
+      }
+    ))));
+  }
+  if (error) {
+    return /* @__PURE__ */ React21__default.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "rounded-lg border border-red-100 bg-red-50 p-6 text-sm text-red-700" }, error.message));
+  }
+  return /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement("div", { className: "p-6 bg-white rounded-xl" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-6 flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Saved Addresses"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-muted" }, "Manage your delivery and billing addresses")), /* @__PURE__ */ React21__default.default.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__default.default.createElement(lucideReact.Plus, { className: "h-4 w-4" }),
+    "Add Address"
+  )), addresses.length === 0 ? /* @__PURE__ */ React21__default.default.createElement(
+    EmptyState,
+    {
+      icon: lucideReact.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__default.default.createElement("div", { className: "grid gap-4 sm:grid-cols-2" }, addresses.map((address) => /* @__PURE__ */ React21__default.default.createElement(
+    "div",
+    {
+      key: address.id,
+      className: "relative rounded-xl border border-slate-200 bg-white p-4 hover:shadow-md transition-shadow"
+    },
+    /* @__PURE__ */ React21__default.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "justify-between flex items-center" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-x-2" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.MapPin, { className: "h-4 w-4 text-secondary" }), /* @__PURE__ */ React21__default.default.createElement("p", { className: "font-semibold text-secondary" }, address.name), address.isDefault && /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "flex items-center gap-x-2" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement(lucideReact.Edit3, { className: "h-3 w-3" })
+    ), /* @__PURE__ */ React21__default.default.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__default.default.createElement(lucideReact.Trash2, { className: "h-3 w-3" })
+    ))), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-muted mt-1" }, address.street1, address.street2 && `, ${address.street2}`), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-muted" }, address.city, ", ", address.state, " ", address.zip), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-muted" }, address.country), address.phone && /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-slate-500 mt-1" }, address.phone))
+  )))), /* @__PURE__ */ React21__default.default.createElement(
+    AddressFormModal,
+    {
+      isOpen: isAddressModalOpen,
+      onClose: () => setIsAddressModalOpen(false),
+      initialAddress: editingAddress,
+      onAddressAdded: () => {
+        refresh();
+      },
+      onAddressUpdated: () => {
+        refresh();
+      }
+    }
+  ), /* @__PURE__ */ React21__default.default.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 = navigation.useRouter();
+  const { buildPath } = useBasePath();
+  const [emailNotifications, setEmailNotifications] = React21.useState(true);
+  const [orderUpdates, setOrderUpdates] = React21.useState(true);
+  const [promotionalEmails, setPromotionalEmails] = React21.useState(false);
+  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "p-6 space-y-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "rounded-2xl border border-slate-200 bg-white p-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-2 mb-4" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Bell, { className: "h-5 w-5 text-secondary" }), /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Account Preferences")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-secondary" }, "Email Notifications"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted" }, "Receive updates about your orders")), /* @__PURE__ */ React21__default.default.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__default.default.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__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-secondary" }, "Order Updates"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted" }, "Get notified about shipping status")), /* @__PURE__ */ React21__default.default.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__default.default.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__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-secondary" }, "Promotional Emails"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted" }, "Receive special offers and discounts")), /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "rounded-2xl border border-slate-200 bg-white p-6" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-2 mb-4" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Lock, { className: "h-5 w-5 text-secondary" }), /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-lg font-semibold text-secondary" }, "Security")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between rounded-lg border border-slate-200 bg-slate-50 px-4 py-3" }, /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-secondary" }, "Change Password"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-muted" }, "Update your account password")), /* @__PURE__ */ React21__default.default.createElement(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      onClick: () => router.push(buildPath("/account/change-password"))
+    },
+    "Change"
+  )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between rounded-lg border border-red-100 bg-red-50 px-4 py-3" }, /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-red-900" }, "Delete Account"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-red-600" }, "Permanently delete your account and data")), /* @__PURE__ */ React21__default.default.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__default.default.createElement(lucideReact.Trash2, { className: "h-4 w-4" }),
+    "Delete"
+  )))));
+}
+
+// src/screens/ProfileScreen.tsx
+var tabs = [
+  { id: "overview", label: "Overview", icon: lucideReact.User },
+  { id: "orders", label: "Orders", icon: lucideReact.Package },
+  { id: "saved-items", label: "Saved Items", icon: lucideReact.Heart },
+  // { id: 'payment', label: 'Payment', icon: CreditCard },
+  { id: "addresses", label: "Addresses", icon: lucideReact.MapPin },
+  { id: "settings", label: "Settings", icon: lucideReact.Settings }
+];
+function AccountPage() {
+  const router = navigation.useRouter();
+  const { user, logout, isLoading } = useAuth();
+  const { buildPath } = useBasePath();
+  const [activeTab, setActiveTab] = React21.useState("overview");
+  const [isDropdownOpen, setIsDropdownOpen] = React21.useState(false);
+  const [isLoggingOut, setIsLoggingOut] = React21.useState(false);
+  React21__default.default.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__default.default.createElement(AccountOverviewTab, null);
+      case "orders":
+        return /* @__PURE__ */ React21__default.default.createElement(AccountOrdersTab, null);
+      case "saved-items":
+        return /* @__PURE__ */ React21__default.default.createElement(AccountSavedItemsTab, null);
+      // case 'payment':
+      //   return <AccountPaymentTab />;
+      case "addresses":
+        return /* @__PURE__ */ React21__default.default.createElement(AccountAddressesTab, null);
+      case "settings":
+        return /* @__PURE__ */ React21__default.default.createElement(AccountSettingsTab, null);
+      default:
+        return /* @__PURE__ */ React21__default.default.createElement(AccountOverviewTab, null);
+    }
+  };
+  return /* @__PURE__ */ React21__default.default.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#F8FAFC] to-[#EBF4FB]" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "container mx-auto px-4 py-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("h1", { className: "text-2xl font-semibold text-secondary" }, "My Account"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-muted" }, "Manage your profile, orders, and preferences"))))), /* @__PURE__ */ React21__default.default.createElement(TabNavigation, { tabs, activeTab, onTabChange: setActiveTab }), /* @__PURE__ */ React21__default.default.createElement("div", { className: "container mx-auto max-w-7xl" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement(
+    framerMotion.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__default.default.createElement("div", { className: "flex items-center justify-between mb-4 pb-4 border-b border-gray-200" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-base font-bold text-slate-900" }, "Order #", order?._id?.slice(0, 8) || ""), /* @__PURE__ */ React21__default.default.createElement(Badge, { variant: config }, config), /* @__PURE__ */ React21__default.default.createElement("span", { className: "text-xs text-gray-500" }, formatDate(order.createdAt || /* @__PURE__ */ new Date(), "short"))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "text-right" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-lg font-bold text-slate-900" }, formatPrice(order.grandTotal || 0)), itemCount > 0 && /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-gray-500" }, itemCount, " ", itemCount === 1 ? "item" : "items"))),
+    /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { key: item.productVariantId || item._id, className: "flex items-center gap-2 text-sm" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative w-12 h-12 rounded bg-gray-100 flex-shrink-0 overflow-hidden" }, /* @__PURE__ */ React21__default.default.createElement(
+        Image4__default.default,
+        {
+          src: item?.productVariantData?.productMedia?.[0]?.file || "/placeholder-product.jpg",
+          alt: item?.productVariantData?.name || "Product image",
+          fill: true,
+          className: "object-cover",
+          sizes: "48px"
+        }
+      )), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "font-medium text-slate-900 truncate text-sm" }, item.productVariantData?.name || "Unknown Product"), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-gray-500" }, "Qty: ", item.quantity)), /* @__PURE__ */ React21__default.default.createElement("p", { className: "font-semibold text-slate-900 text-sm" }, formatPrice(itemTotal)));
+    }) : /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm text-gray-500 text-center py-2" }, "No items found"), order.items && order.items.length > 3 && /* @__PURE__ */ React21__default.default.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__default.default.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__default.default.createElement("div", { className: "flex justify-between text-gray-600" }, /* @__PURE__ */ React21__default.default.createElement("span", null, "Shipping"), /* @__PURE__ */ React21__default.default.createElement("span", null, formatPrice(order.shippingCost))), order.tax !== void 0 && order.tax > 0 && /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-between text-gray-600" }, /* @__PURE__ */ React21__default.default.createElement("span", null, "Tax"), /* @__PURE__ */ React21__default.default.createElement("span", null, formatPrice(order.tax))), order.discountedAmount !== void 0 && order.discountedAmount > 0 && /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-between text-green-600" }, /* @__PURE__ */ React21__default.default.createElement("span", null, "Discount"), /* @__PURE__ */ React21__default.default.createElement("span", null, "-", formatPrice(order.discountedAmount)))),
+    order.payment?.paymentStatus !== "Paid" /* Paid */ && order.payment?.paymentMethod === "Card" /* Card */ && /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ React21__default.default.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__default.default.createElement(lucideReact.CreditCard, { className: "w-4 h-4" }),
+      "Pay Now"
+    ))
+  );
+}
 function FilterChips({
   label,
   icon: Icon,
@@ -10751,7 +11135,7 @@ function CurrentOrdersScreen() {
     },
     /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick actions"),
     /* @__PURE__ */ React21__default.default.createElement("div", { className: "mt-4 space-y-3 text-sm text-white/80" }, /* @__PURE__ */ React21__default.default.createElement(
-      Link7__default.default,
+      Link6__default.default,
       {
         href: buildPath("/orders"),
         className: "flex items-center justify-between rounded-2xl bg-white/10 px-4 py-3 transition hover:bg-white/20"
@@ -11136,53 +11520,6 @@ You can add it back at any time.`
     ))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-end gap-3" }, /* @__PURE__ */ React21__default.default.createElement(Button, { type: "button", variant: "outline", onClick: closeModal }, "Cancel"), /* @__PURE__ */ React21__default.default.createElement(Button, { type: "submit", isLoading: isSubmitting }, editingAddress ? "Save changes" : "Save address")))
   ));
 }
-function useWishlistProducts(productIds = []) {
-  const [products, setProducts] = React21.useState([]);
-  const [isLoading, setIsLoading] = React21.useState(false);
-  const [error, setError] = React21.useState(null);
-  const [cache] = React21.useState(() => /* @__PURE__ */ new Map());
-  const uniqueIds = React21.useMemo(
-    () => Array.from(new Set((productIds || []).filter(Boolean))),
-    [productIds]
-  );
-  const fetchProducts = React21.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]);
-  React21.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" },
@@ -11528,7 +11865,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__default.default, { 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__default.default, { 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 = navigation.useRouter();
@@ -11702,7 +12039,7 @@ function Header() {
   const navLinks = [
     { href: buildPath("/shop"), label: "Shop" }
   ];
-  return /* @__PURE__ */ React21__default.default.createElement("header", { className: "sticky top-0 z-10 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React21__default.default.createElement(Link7__default.default, { href: buildPath("/"), className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React21__default.default.createElement(
+  return /* @__PURE__ */ React21__default.default.createElement("header", { className: "sticky top-0 z-10 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React21__default.default.createElement(Link6__default.default, { href: buildPath("/"), className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React21__default.default.createElement(
     Image4__default.default,
     {
       src: config.logo,
@@ -11711,7 +12048,7 @@ function Header() {
       className: "object-contain"
     }
   ))), /* @__PURE__ */ React21__default.default.createElement("nav", { className: "hidden lg:flex items-center gap-8" }, navLinks.map((link) => /* @__PURE__ */ React21__default.default.createElement(
-    Link7__default.default,
+    Link6__default.default,
     {
       key: link.href,
       href: link.href,
@@ -11758,7 +12095,7 @@ function Header() {
       },
       /* @__PURE__ */ React21__default.default.createElement(lucideReact.X, { className: "w-4 h-4" })
     ))
-  ))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React21__default.default.createElement(Link7__default.default, { href: buildPath("/wishlist"), className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React21__default.default.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__default.default.createElement(Link7__default.default, { href: buildPath("/cart"), className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React21__default.default.createElement(
+  ))), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React21__default.default.createElement(Link6__default.default, { href: buildPath("/wishlist"), className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React21__default.default.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__default.default.createElement(Link6__default.default, { href: buildPath("/cart"), className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React21__default.default.createElement(
     "button",
     {
       onClick: () => setIsDropdownOpen(!isDropdownOpen),
@@ -11773,7 +12110,7 @@ function Header() {
       onClick: () => setIsDropdownOpen(false)
     }
   ), /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "p-2" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "px-3 py-2 border-b border-slate-200 mb-1" }, /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-sm font-medium text-secondary truncate" }, user?.firstname, " ", user?.lastname), /* @__PURE__ */ React21__default.default.createElement("p", { className: "text-xs text-slate-500 truncate" }, user?.email)), /* @__PURE__ */ React21__default.default.createElement(
-    Link7__default.default,
+    Link6__default.default,
     {
       href: buildPath("/account"),
       onClick: () => setIsDropdownOpen(false),
@@ -11791,7 +12128,7 @@ function Header() {
     /* @__PURE__ */ React21__default.default.createElement(lucideReact.LogOut, { className: "h-4 w-4" }),
     isLoggingOut ? "Signing out..." : "Sign Out"
   ))))) : /* @__PURE__ */ React21__default.default.createElement(
-    Link7__default.default,
+    Link6__default.default,
     {
       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"
@@ -11813,7 +12150,7 @@ function Header() {
       className: "lg:hidden overflow-hidden border-t border-gray-200"
     },
     /* @__PURE__ */ React21__default.default.createElement("nav", { className: "flex flex-col gap-1 py-2" }, navLinks.map((link) => /* @__PURE__ */ React21__default.default.createElement(
-      Link7__default.default,
+      Link6__default.default,
       {
         key: link.href,
         href: link.href,
@@ -11822,7 +12159,7 @@ function Header() {
       },
       link.label
     )), !isAuthenticated && /* @__PURE__ */ React21__default.default.createElement(
-      Link7__default.default,
+      Link6__default.default,
       {
         href: buildPath("/login"),
         onClick: () => setIsMobileMenuOpen(false),
@@ -11861,21 +12198,21 @@ function Footer() {
     ]
   };
   return /* @__PURE__ */ React21__default.default.createElement("footer", { className: "bg-gray-900 text-gray-300" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-12" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "lg:col-span-2" }, /* @__PURE__ */ React21__default.default.createElement("h3", { className: "text-2xl font-bold text-white mb-4" }, config.storeName), /* @__PURE__ */ React21__default.default.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__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Mail, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React21__default.default.createElement("span", null, "support@", config.storeName.toLowerCase().replace(/\s+/g, ""), ".com")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.Phone, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React21__default.default.createElement("span", null, "+1 (555) 123-4567")), /* @__PURE__ */ React21__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React21__default.default.createElement(lucideReact.MapPin, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React21__default.default.createElement("span", null, "123 Store Street, City, Country")))), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Shop"), /* @__PURE__ */ React21__default.default.createElement("ul", { className: "space-y-2" }, footerLinks.shop.map((link) => /* @__PURE__ */ React21__default.default.createElement("li", { key: link.href }, /* @__PURE__ */ React21__default.default.createElement(
-    Link7__default.default,
+    Link6__default.default,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
   ))))), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Account"), /* @__PURE__ */ React21__default.default.createElement("ul", { className: "space-y-2" }, footerLinks.account.map((link) => /* @__PURE__ */ React21__default.default.createElement("li", { key: link.href }, /* @__PURE__ */ React21__default.default.createElement(
-    Link7__default.default,
+    Link6__default.default,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
   ))))), /* @__PURE__ */ React21__default.default.createElement("div", null, /* @__PURE__ */ React21__default.default.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Support"), /* @__PURE__ */ React21__default.default.createElement("ul", { className: "space-y-2" }, footerLinks.support.map((link) => /* @__PURE__ */ React21__default.default.createElement("li", { key: link.href }, /* @__PURE__ */ React21__default.default.createElement(
-    Link7__default.default,
+    Link6__default.default,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
@@ -11928,7 +12265,7 @@ exports.OrdersScreen = OrdersScreen;
 exports.ProductCard = ProductCard;
 exports.ProductCardSkeleton = ProductCardSkeleton;
 exports.ProductDetailScreen = ProductDetailScreen;
-exports.ProfileScreen = ProfileScreen;
+exports.ProfileScreen = AccountPage;
 exports.RegisterScreen = RegisterScreen;
 exports.SearchResultsScreen = SearchPage;
 exports.ShopScreen = ShopScreen;