hey-pharmacist-ecommerce 1.1.35 → 1.1.37

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React12 = require('react');
+var React10 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var globalAxios21 = require('axios');
 var framerMotion = require('framer-motion');
@@ -18,7 +18,7 @@ var zod = require('zod');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React12__default = /*#__PURE__*/_interopDefault(React12);
+var React10__default = /*#__PURE__*/_interopDefault(React10);
 var globalAxios21__default = /*#__PURE__*/_interopDefault(globalAxios21);
 var Image4__default = /*#__PURE__*/_interopDefault(Image4);
 var Link9__default = /*#__PURE__*/_interopDefault(Link9);
@@ -228,16 +228,16 @@ function darken(r, g, b, amount) {
   const newB = Math.round(b * (1 - amount));
   return formatRgb(newR, newG, newB);
 }
-var ThemeContext = React12.createContext(void 0);
+var ThemeContext = React10.createContext(void 0);
 function useTheme() {
-  const context = React12.useContext(ThemeContext);
+  const context = React10.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within ThemeProvider");
   }
   return context;
 }
 function ThemeProvider({ config, children }) {
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     const primaryShades = generateColorShades(config.colors.primary);
     const secondaryShades = generateColorShades(config.colors.secondary);
     const accentShades = generateColorShades(config.colors.accent);
@@ -1994,17 +1994,17 @@ var AuthApi = class extends BaseAPI {
     return AuthApiFp(this.configuration).verifyUserEmail(body, options).then((request) => request(this.axios, this.basePath));
   }
 };
-var AuthContext = React12.createContext(void 0);
+var AuthContext = React10.createContext(void 0);
 function useAuth() {
-  const context = React12.useContext(AuthContext);
+  const context = React10.useContext(AuthContext);
   if (!context) {
     throw new Error("useAuth must be used within AuthProvider");
   }
   return context;
 }
 function AuthProvider({ children }) {
-  const [user, setUser] = React12.useState(null);
-  const [isLoading, setIsLoading] = React12.useState(true);
+  const [user, setUser] = React10.useState(null);
+  const [isLoading, setIsLoading] = React10.useState(true);
   const getUserKey = () => {
     if (typeof window === "undefined") return "ecommerce_user";
     const token = getAuthToken();
@@ -2016,7 +2016,7 @@ function AuthProvider({ children }) {
       return "ecommerce_user";
     }
   };
-  const refreshUser = React12.useCallback(async () => {
+  const refreshUser = React10.useCallback(async () => {
     try {
       const token = getAuthToken();
       if (token) {
@@ -2030,7 +2030,7 @@ function AuthProvider({ children }) {
       setIsLoading(false);
     }
   }, []);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (typeof window !== "undefined") {
       try {
         const userKey = getUserKey();
@@ -11811,11 +11811,11 @@ var notificationConfig = {
   }
 };
 function Notification2({ notification, onDismiss }) {
-  const [progress, setProgress] = React12.useState(100);
+  const [progress, setProgress] = React10.useState(100);
   const config = notificationConfig[notification.type];
   const Icon = config.icon;
   const duration = notification.duration || 4e3;
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     const startTime = Date.now();
     const timer = setInterval(() => {
       const elapsed = Date.now() - startTime;
@@ -11878,17 +11878,17 @@ function Notification2({ notification, onDismiss }) {
 function NotificationContainer({ notifications, onDismiss }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed top-4 right-4 z-50 flex flex-col gap-3 pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "popLayout", children: notifications.map((notification) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsxRuntime.jsx(Notification2, { notification, onDismiss }) }, notification.id)) }) });
 }
-var NotificationContext = React12.createContext(void 0);
+var NotificationContext = React10.createContext(void 0);
 function useNotification() {
-  const context = React12.useContext(NotificationContext);
+  const context = React10.useContext(NotificationContext);
   if (!context) {
     throw new Error("useNotification must be used within NotificationProvider");
   }
   return context;
 }
 function NotificationProvider({ children }) {
-  const [notifications, setNotifications] = React12.useState([]);
-  const addNotification = React12.useCallback(
+  const [notifications, setNotifications] = React10.useState([]);
+  const addNotification = React10.useCallback(
     (type, message, description, duration) => {
       const id = Math.random().toString(36).substring(2, 9);
       const notification = {
@@ -11902,23 +11902,23 @@ function NotificationProvider({ children }) {
     },
     []
   );
-  const dismissNotification = React12.useCallback((id) => {
+  const dismissNotification = React10.useCallback((id) => {
     setNotifications((prev) => prev.filter((n) => n.id !== id));
   }, []);
   const value = {
-    success: React12.useCallback(
+    success: React10.useCallback(
       (message, description, duration) => addNotification("success", message, description, duration),
       [addNotification]
     ),
-    error: React12.useCallback(
+    error: React10.useCallback(
       (message, description, duration) => addNotification("error", message, description, duration),
       [addNotification]
     ),
-    warning: React12.useCallback(
+    warning: React10.useCallback(
       (message, description, duration) => addNotification("warning", message, description, duration),
       [addNotification]
     ),
-    info: React12.useCallback(
+    info: React10.useCallback(
       (message, description, duration) => addNotification("info", message, description, duration),
       [addNotification]
     )
@@ -11928,24 +11928,24 @@ function NotificationProvider({ children }) {
     /* @__PURE__ */ jsxRuntime.jsx(NotificationContainer, { notifications, onDismiss: dismissNotification })
   ] });
 }
-var CartContext = React12.createContext(void 0);
+var CartContext = React10.createContext(void 0);
 function useCart() {
-  const context = React12.useContext(CartContext);
+  const context = React10.useContext(CartContext);
   if (!context) {
     throw new Error("useCart must be used within CartProvider");
   }
   return context;
 }
 function CartProvider({ children }) {
-  const [cart, setCart] = React12.useState(null);
-  const [isLoading, setIsLoading] = React12.useState(false);
+  const [cart, setCart] = React10.useState(null);
+  const [isLoading, setIsLoading] = React10.useState(false);
   const { isAuthenticated } = useAuth();
   const notification = useNotification();
-  const cartRef = React12.useRef(cart);
-  React12.useEffect(() => {
+  const cartRef = React10.useRef(cart);
+  React10.useEffect(() => {
     cartRef.current = cart;
   }, [cart]);
-  const refreshCart = React12.useCallback(async () => {
+  const refreshCart = React10.useCallback(async () => {
     if (!isAuthenticated) {
       setCart(null);
       return;
@@ -11959,10 +11959,10 @@ function CartProvider({ children }) {
       console.error("Failed to fetch cart:", error);
     }
   }, [isAuthenticated]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     refreshCart();
   }, [refreshCart]);
-  const addToCart = React12.useCallback(async (productId, quantity = 1, variantId) => {
+  const addToCart = React10.useCallback(async (productId, quantity = 1, variantId) => {
     if (!isAuthenticated) return;
     setIsLoading(true);
     try {
@@ -12004,7 +12004,7 @@ function CartProvider({ children }) {
       setIsLoading(false);
     }
   }, [isAuthenticated, notification]);
-  const updateQuantity = React12.useCallback(async (productId, quantity) => {
+  const updateQuantity = React10.useCallback(async (productId, quantity) => {
     const currentCart = cartRef.current;
     if (!currentCart) return;
     setIsLoading(true);
@@ -12050,7 +12050,7 @@ function CartProvider({ children }) {
       setIsLoading(false);
     }
   }, [notification, refreshCart]);
-  const removeFromCart = React12.useCallback(async (productId) => {
+  const removeFromCart = React10.useCallback(async (productId) => {
     const currentCart = cartRef.current;
     if (!currentCart) return;
     setIsLoading(true);
@@ -12097,7 +12097,7 @@ function CartProvider({ children }) {
       setIsLoading(false);
     }
   }, [notification]);
-  const clearCart = React12.useCallback(async () => {
+  const clearCart = React10.useCallback(async () => {
     setIsLoading(true);
     try {
       await new CartApi(getApiConfiguration()).clearCart();
@@ -12153,9 +12153,9 @@ if (typeof window !== "undefined") {
     AXIOS_CONFIG.baseOptions.signal = abortController.signal;
   }
 }
-var WishlistContext = React12.createContext(void 0);
+var WishlistContext = React10.createContext(void 0);
 function WishlistProvider({ children }) {
-  const [state, setState] = React12.useState({
+  const [state, setState] = React10.useState({
     _id: "",
     createdAt: /* @__PURE__ */ new Date(),
     updatedAt: /* @__PURE__ */ new Date(),
@@ -12164,8 +12164,8 @@ function WishlistProvider({ children }) {
   });
   const { isAuthenticated } = useAuth() || {};
   const notification = useNotification();
-  const wishlistApi = React12.useMemo(() => new WishlistApi(AXIOS_CONFIG), []);
-  const fetchWishlist = React12.useCallback(async () => {
+  const wishlistApi = React10.useMemo(() => new WishlistApi(AXIOS_CONFIG), []);
+  const fetchWishlist = React10.useCallback(async () => {
     if (!isAuthenticated) {
       setState((prev) => ({
         ...prev,
@@ -12194,7 +12194,7 @@ function WishlistProvider({ children }) {
       }));
     }
   }, [isAuthenticated]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     fetchWishlist();
   }, [fetchWishlist]);
   const addToWishlist = async (product) => {
@@ -12297,13 +12297,13 @@ function WishlistProvider({ children }) {
   );
 }
 var useWishlist = () => {
-  const context = React12.useContext(WishlistContext);
+  const context = React10.useContext(WishlistContext);
   if (context === void 0) {
     throw new Error("useWishlist must be used within a WishlistProvider");
   }
   return context;
 };
-var BasePathContext = React12.createContext(void 0);
+var BasePathContext = React10.createContext(void 0);
 function BasePathProvider({ basePath = "", children }) {
   const normalized = basePath ? basePath.startsWith("/") ? basePath : `/${basePath}` : "";
   const buildPath = (path) => {
@@ -12316,7 +12316,7 @@ function BasePathProvider({ basePath = "", children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(BasePathContext.Provider, { value: { basePath: normalized, buildPath }, children });
 }
 function useBasePath() {
-  const ctx = React12.useContext(BasePathContext);
+  const ctx = React10.useContext(BasePathContext);
   if (!ctx) throw new Error("useBasePath must be used within BasePathProvider");
   return ctx;
 }
@@ -12347,12 +12347,12 @@ function formatDiscountDisplay(discount) {
     return `$${discount.value.toFixed(2)} OFF`;
   }
 }
-var DiscountContext = React12.createContext(void 0);
+var DiscountContext = React10.createContext(void 0);
 function DiscountProvider({ children }) {
-  const [appliedCoupon, setAppliedCoupon] = React12.useState(null);
-  const [couponError, setCouponError] = React12.useState(null);
-  const [isValidatingCoupon, setIsValidatingCoupon] = React12.useState(false);
-  const validateAndApplyCoupon = React12.useCallback(
+  const [appliedCoupon, setAppliedCoupon] = React10.useState(null);
+  const [couponError, setCouponError] = React10.useState(null);
+  const [isValidatingCoupon, setIsValidatingCoupon] = React10.useState(false);
+  const validateAndApplyCoupon = React10.useCallback(
     async (code, userId) => {
       setIsValidatingCoupon(true);
       setCouponError(null);
@@ -12379,11 +12379,11 @@ function DiscountProvider({ children }) {
     },
     []
   );
-  const removeCoupon = React12.useCallback(() => {
+  const removeCoupon = React10.useCallback(() => {
     setAppliedCoupon(null);
     setCouponError(null);
   }, []);
-  const calculateCouponDiscount = React12.useCallback(
+  const calculateCouponDiscount = React10.useCallback(
     (subtotal) => {
       if (!appliedCoupon) {
         return 0;
@@ -12404,16 +12404,16 @@ function DiscountProvider({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(DiscountContext.Provider, { value, children });
 }
 function useDiscountsContext() {
-  const context = React12.useContext(DiscountContext);
+  const context = React10.useContext(DiscountContext);
   if (!context) {
     throw new Error("useDiscountsContext must be used within DiscountProvider");
   }
   return context;
 }
 init_config();
-var NotificationCenterContext = React12.createContext(void 0);
+var NotificationCenterContext = React10.createContext(void 0);
 function useNotificationCenter() {
-  const context = React12.useContext(NotificationCenterContext);
+  const context = React10.useContext(NotificationCenterContext);
   if (!context) {
     throw new Error("useNotificationCenter must be used within NotificationCenterProvider");
   }
@@ -12421,16 +12421,16 @@ function useNotificationCenter() {
 }
 function NotificationCenterProvider({ children }) {
   const { isAuthenticated } = useAuth();
-  const [notifications, setNotifications] = React12.useState([]);
-  const [unreadCount, setUnreadCount] = React12.useState(0);
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const [isDrawerOpen, setIsDrawerOpen] = React12.useState(false);
-  const [settings, setSettings] = React12.useState(null);
-  const [page, setPage] = React12.useState(1);
-  const [hasMore, setHasMore] = React12.useState(true);
-  const eventSourceRef = React12.useRef(null);
-  const notificationsApi = React12.useRef(new NotificationsApi(getApiConfiguration()));
-  const fetchUnreadCount = React12.useCallback(async () => {
+  const [notifications, setNotifications] = React10.useState([]);
+  const [unreadCount, setUnreadCount] = React10.useState(0);
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const [isDrawerOpen, setIsDrawerOpen] = React10.useState(false);
+  const [settings, setSettings] = React10.useState(null);
+  const [page, setPage] = React10.useState(1);
+  const [hasMore, setHasMore] = React10.useState(true);
+  const eventSourceRef = React10.useRef(null);
+  const notificationsApi = React10.useRef(new NotificationsApi(getApiConfiguration()));
+  const fetchUnreadCount = React10.useCallback(async () => {
     if (!isAuthenticated) return;
     try {
       const response = await notificationsApi.current.getUnreadCount();
@@ -12439,7 +12439,7 @@ function NotificationCenterProvider({ children }) {
       console.error("Failed to fetch unread count:", error);
     }
   }, [isAuthenticated]);
-  const fetchNotifications = React12.useCallback(async (pageNum = 1, append = false) => {
+  const fetchNotifications = React10.useCallback(async (pageNum = 1, append = false) => {
     if (!isAuthenticated) return;
     setIsLoading(true);
     try {
@@ -12476,7 +12476,7 @@ function NotificationCenterProvider({ children }) {
       setIsLoading(false);
     }
   }, [isAuthenticated]);
-  const fetchSettings = React12.useCallback(async () => {
+  const fetchSettings = React10.useCallback(async () => {
     if (!isAuthenticated) return;
     setIsLoading(true);
     try {
@@ -12532,7 +12532,7 @@ function NotificationCenterProvider({ children }) {
       setIsLoading(false);
     }
   }, [isAuthenticated]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (!isAuthenticated) {
       if (eventSourceRef.current) {
         eventSourceRef.current.close();
@@ -12589,7 +12589,7 @@ function NotificationCenterProvider({ children }) {
       console.error("Failed to establish SSE connection:", error);
     }
   }, [isAuthenticated, isDrawerOpen, fetchUnreadCount]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (isAuthenticated) {
       fetchUnreadCount();
       fetchNotifications(1);
@@ -12602,18 +12602,18 @@ function NotificationCenterProvider({ children }) {
       setHasMore(true);
     }
   }, [isAuthenticated, fetchUnreadCount, fetchNotifications, fetchSettings]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if ("Notification" in window && Notification.permission === "default") {
       Notification.requestPermission();
     }
   }, []);
-  const openDrawer = React12.useCallback(() => {
+  const openDrawer = React10.useCallback(() => {
     setIsDrawerOpen(true);
   }, []);
-  const closeDrawer = React12.useCallback(() => {
+  const closeDrawer = React10.useCallback(() => {
     setIsDrawerOpen(false);
   }, []);
-  const markAsRead = React12.useCallback(async (id) => {
+  const markAsRead = React10.useCallback(async (id) => {
     try {
       await notificationsApi.current.markAsRead(id);
       setNotifications(
@@ -12624,7 +12624,7 @@ function NotificationCenterProvider({ children }) {
       console.error("Failed to mark notification as read:", error);
     }
   }, []);
-  const markAllAsRead = React12.useCallback(async () => {
+  const markAllAsRead = React10.useCallback(async () => {
     try {
       await notificationsApi.current.markAllAsRead();
       setNotifications((prev) => prev.map((n) => ({ ...n, isRead: true })));
@@ -12633,7 +12633,7 @@ function NotificationCenterProvider({ children }) {
       console.error("Failed to mark all as read:", error);
     }
   }, []);
-  const deleteNotification = React12.useCallback(async (id) => {
+  const deleteNotification = React10.useCallback(async (id) => {
     try {
       await notificationsApi.current.deleteNotification(id);
       const notification = notifications.find((n) => n._id === id);
@@ -12645,15 +12645,15 @@ function NotificationCenterProvider({ children }) {
       console.error("Failed to delete notification:", error);
     }
   }, [notifications]);
-  const loadMore = React12.useCallback(async () => {
+  const loadMore = React10.useCallback(async () => {
     if (!hasMore || isLoading) return;
     await fetchNotifications(page + 1, true);
   }, [hasMore, isLoading, page, fetchNotifications]);
-  const refreshNotifications = React12.useCallback(async () => {
+  const refreshNotifications = React10.useCallback(async () => {
     await fetchNotifications(1, false);
     await fetchUnreadCount();
   }, [fetchNotifications, fetchUnreadCount]);
-  const updateSettings = React12.useCallback(async (newSettings) => {
+  const updateSettings = React10.useCallback(async (newSettings) => {
     try {
       const payload = {
         _id: newSettings._id,
@@ -12691,294 +12691,26 @@ function NotificationCenterProvider({ children }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsx(NotificationCenterContext.Provider, { value, children });
 }
-var getNotificationIcon = (type) => {
-  const className = "w-5 h-5";
-  switch (type) {
-    case "ORDER_CONFIRMATION":
-    case "ORDER_SHIPPED":
-    case "ORDER_DELIVERED":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className });
-    case "PAYMENT_FAILED":
-    case "REFUND_PROCESSED":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className });
-    case "PASSWORD_RESET":
-    case "NEW_DEVICE_LOGIN":
-    case "TWO_FA_CODE":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className });
-    case "ABANDONED_CART_REMINDER":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingCart, { className });
-    case "PRICE_DROP_ALERT":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { className });
-    case "BACK_IN_STOCK":
-    default:
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className });
-  }
-};
-var getNotificationColor = (type) => {
-  switch (type) {
-    case "ORDER_CONFIRMATION":
-    case "ORDER_DELIVERED":
-    case "REFUND_PROCESSED":
-      return "bg-green-100 text-green-600";
-    case "ORDER_SHIPPED":
-      return "bg-blue-100 text-blue-600";
-    case "PAYMENT_FAILED":
-      return "bg-red-100 text-red-600";
-    case "PASSWORD_RESET":
-    case "NEW_DEVICE_LOGIN":
-    case "TWO_FA_CODE":
-      return "bg-purple-100 text-purple-600";
-    case "ABANDONED_CART_REMINDER":
-    case "PRICE_DROP_ALERT":
-    case "BACK_IN_STOCK":
-      return "bg-orange-100 text-orange-600";
-    default:
-      return "bg-gray-100 text-gray-600";
-  }
-};
-var formatRelativeTime = (dateString) => {
-  const date = new Date(dateString);
-  const diff = Date.now() - date.getTime();
-  const mins = Math.floor(diff / 6e4);
-  const hours = Math.floor(diff / 36e5);
-  const days = Math.floor(diff / 864e5);
-  if (mins < 1) return "Just now";
-  if (mins < 60) return `${mins} min ago`;
-  if (hours < 24) return `${hours} hour${hours > 1 ? "s" : ""} ago`;
-  if (days < 7) return `${days} day${days > 1 ? "s" : ""} ago`;
-  return date.toLocaleDateString();
-};
-function NotificationCard({
-  notification,
-  onMarkAsRead,
-  onDelete
-}) {
-  const router = navigation.useRouter();
-  const { buildPath } = useBasePath();
-  const hasDragged = React12.useRef(false);
-  const handleClick = () => {
-    if (hasDragged.current) return;
-    if (!notification.isRead) {
-      onMarkAsRead(notification._id);
-    }
-    if (notification.data?.orderId) {
-      router.push(buildPath(`/account/orders/${notification.data.orderId}`));
-    } else if (notification.data?.productId) {
-      router.push(buildPath(`/products/${notification.data.productId}`));
-    }
-  };
-  const handleDelete = (e) => {
-    e.stopPropagation();
-    onDelete(notification._id);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden rounded-lg", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-end px-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1 text-white", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "w-5 h-5" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider", children: "Remove" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        drag: "x",
-        initial: { opacity: 0, x: 0 },
-        animate: { opacity: 1, x: 0 },
-        className: `relative z-10 p-4 border cursor-pointer select-none touch-pan-y transition-colors ${notification.isRead ? "bg-white border-gray-200" : "bg-blue-50 border-blue-200"}`,
-        onClick: handleClick,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: `flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center ${getNotificationColor(
-                notification.type
-              )}`,
-              children: getNotificationIcon(notification.type)
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-gray-900 text-sm line-clamp-1", children: notification.title }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: handleDelete,
-                  className: "flex-shrink-0 p-1 bg-gray-100 rounded-full hover:bg-red-50",
-                  "aria-label": "Delete notification",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4 text-gray-400 hover:text-red-500" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 mt-1 line-clamp-2", children: notification.body }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500", children: formatRelativeTime(notification.createdAt) }),
-              !notification.isRead && /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: "w-2 h-2 bg-blue-500 rounded-full",
-                  "aria-label": "Unread"
-                }
-              )
-            ] })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-function NotificationDrawer() {
-  const {
-    isDrawerOpen,
-    closeDrawer,
-    notifications,
-    unreadCount,
-    isLoading,
-    markAsRead,
-    markAllAsRead,
-    deleteNotification,
-    loadMore,
-    hasMore
-  } = useNotificationCenter();
-  const router = navigation.useRouter();
-  const { buildPath } = useBasePath();
-  const scrollContainerRef = React12.useRef(null);
-  const handleScroll = () => {
-    if (!scrollContainerRef.current || isLoading || !hasMore) return;
-    const { scrollTop, scrollHeight, clientHeight } = scrollContainerRef.current;
-    const scrollPercentage = (scrollTop + clientHeight) / scrollHeight;
-    if (scrollPercentage > 0.8) {
-      loadMore();
-    }
-  };
-  React12.useEffect(() => {
-    const handleEscape = (e) => {
-      if (e.key === "Escape" && isDrawerOpen) {
-        closeDrawer();
-      }
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [isDrawerOpen, closeDrawer]);
-  React12.useEffect(() => {
-    if (isDrawerOpen) {
-      document.body.style.overflow = "hidden";
-    } else {
-      document.body.style.overflow = "";
-    }
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, [isDrawerOpen]);
-  const handleSettingsClick = () => {
-    closeDrawer();
-    router.push(buildPath("/account/notifications"));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isDrawerOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        className: "fixed inset-0 bg-black/50 z-40",
-        onClick: closeDrawer
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      framerMotion.motion.div,
-      {
-        initial: { x: "100%" },
-        animate: { x: 0 },
-        exit: { x: "100%" },
-        transition: { type: "spring", damping: 25, stiffness: 200 },
-        className: "fixed right-0 top-0 bottom-0 w-full sm:w-[480px] bg-white shadow-2xl z-50 flex flex-col max-w-[480px]",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 bg-white", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-gray-900", children: "Notifications" }),
-              unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-red-500 text-white text-xs font-bold px-2 py-1 rounded-full", children: unreadCount })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: markAllAsRead,
-                  className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
-                  title: "Mark all as read",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCheck, { className: "w-5 h-5 text-gray-600" })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: handleSettingsClick,
-                  className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
-                  title: "Notification settings",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "w-5 h-5 text-gray-600" })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: closeDrawer,
-                  className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
-                  "aria-label": "Close",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-5 h-5 text-gray-600" })
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              ref: scrollContainerRef,
-              onScroll: handleScroll,
-              className: "flex-1 overflow-y-auto p-4 space-y-3",
-              children: notifications.length === 0 && !isLoading ? (
-                // Empty state
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center py-12", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 bg-gray-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BellOff, { className: "w-10 h-10 text-gray-400" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: "No notifications yet" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 max-w-xs", children: "When you receive notifications, they'll appear here" })
-                ] })
-              ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                notifications.map((notification) => /* @__PURE__ */ jsxRuntime.jsx(
-                  NotificationCard,
-                  {
-                    notification,
-                    onMarkAsRead: markAsRead,
-                    onDelete: deleteNotification
-                  },
-                  notification._id
-                )),
-                isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 border-2 border-primary-600 border-t-transparent rounded-full animate-spin" }) }),
-                !hasMore && notifications.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-4 text-sm text-gray-500", children: "You're all caught up! \u{1F389}" })
-              ] })
-            }
-          )
-        ]
-      }
-    )
-  ] }) });
-}
 function EcommerceProvider({ config, children, withToaster = true, basePath = "" }) {
-  React12__default.default.useMemo(() => {
+  React10__default.default.useMemo(() => {
     initializeApiAdapter(config);
   }, [config]);
-  const [client] = React12__default.default.useState(
+  const [client] = React10__default.default.useState(
     new reactQuery.QueryClient({ defaultOptions: { queries: { staleTime: 5e3 } } })
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client, children: /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(BasePathProvider, { basePath, children: /* @__PURE__ */ jsxRuntime.jsx(AuthProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(NotificationProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(NotificationCenterProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(CartProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(DiscountProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(WishlistProvider, { children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx(NotificationDrawer, {})
-  ] }) }) }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client, children: /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(BasePathProvider, { basePath, children: /* @__PURE__ */ jsxRuntime.jsx(AuthProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(NotificationProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(NotificationCenterProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(CartProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(DiscountProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(WishlistProvider, { children }) }) }) }) }) }) }) }) });
 }
+
+// src/lib/constants/assets.ts
+var PLACEHOLDER_IMAGE_SRC = `data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjNmNGY2Ii8+CiAgPHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyNCIgZmlsbD0iIzljYTNhZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSI+Tm8gSW1hZ2U8L3RleHQ+CiAgPHJlY3QgeD0iMTUwIiB5PSIxMjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBzdHJva2U9IiM5Y2EzYWYiIHN0cm9rZS13aWR0aD0iNCIgZmlsbD0ibm9uZSIgcng9IjgiLz4KICA8cGF0aCBkPSJNMTUwIDE4MCBMMTcwIDE2MCBMMjAwIDE5MCBMMjIwIDE3MCBMMjUwIDIwMCBMMjUwIDIyMCBMMTUwIDIyMCBaIiBmaWxsPSIjOWNhM2FmIiBvcGFjaXR5PSIwLjUiLz4KPC9zdmc+`;
 function QuickViewModal({ product, onClose, onNavigateToProduct }) {
-  const [selectedVariantIndex, setSelectedVariantIndex] = React12.useState(0);
-  const [selectedSizeIndex, setSelectedSizeIndex] = React12.useState(0);
-  const [selectedImageIndex, setSelectedImageIndex] = React12.useState(0);
-  const [addedToCart, setAddedToCart] = React12.useState(false);
-  const [quantity, setQuantity] = React12.useState(1);
+  const [selectedVariantIndex, setSelectedVariantIndex] = React10.useState(0);
+  const [selectedSizeIndex, setSelectedSizeIndex] = React10.useState(0);
+  const [selectedImageIndex, setSelectedImageIndex] = React10.useState(0);
+  const [addedToCart, setAddedToCart] = React10.useState(false);
+  const [quantity, setQuantity] = React10.useState(1);
   const { addToCart } = useCart();
-  const [isAddingToCart, setIsAddingToCart] = React12.useState(false);
+  const [isAddingToCart, setIsAddingToCart] = React10.useState(false);
   const notification = useNotification();
   const handleQuantityChange = (newQuantity) => {
     if (newQuantity >= 1 && newQuantity <= (selectedVariant.inventoryCount || 10)) {
@@ -13129,7 +12861,7 @@ function QuickViewModal({ product, onClose, onNavigateToProduct }) {
                         setSelectedSizeIndex(0);
                         setSelectedImageIndex(0);
                       },
-                      className: `size-10 rounded-full border-2 transition-all ${selectedVariantIndex === index ? "border-primary scale-110" : "border-gray-200 hover:border-primary/50"}`,
+                      className: `size-10 rounded-full border-2 transition-all ${selectedVariantIndex === index ? "border-primary scale-110" : "border-gray-200 hover:border-primary-50"}`,
                       style: { backgroundColor: variant.colorHex },
                       title: variant.color,
                       children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -13226,28 +12958,28 @@ function ProductCard({
   const router = navigation.useRouter();
   const { isAuthenticated } = useAuth();
   const { buildPath } = useBasePath();
-  const [isFavorite, setIsFavorite] = React12.useState(isFavorited);
+  const [isFavorite, setIsFavorite] = React10.useState(isFavorited);
   const { addToWishlist, removeFromWishlist, isInWishlist } = useWishlist();
   const { addToCart, isLoading: isAddingToCart } = useCart();
-  const [isHovered, setIsHovered] = React12.useState(false);
-  const [isImageLoaded, setIsImageLoaded] = React12.useState(false);
-  const [selectedVariantImage, setSelectedVariantImage] = React12.useState(null);
-  const [selectedVariantId, setSelectedVariantId] = React12.useState(null);
-  const [showQuickView, setShowQuickView] = React12.useState(false);
+  const [isHovered, setIsHovered] = React10.useState(false);
+  const [isImageLoaded, setIsImageLoaded] = React10.useState(false);
+  const [selectedVariantImage, setSelectedVariantImage] = React10.useState(null);
+  const [selectedVariantId, setSelectedVariantId] = React10.useState(null);
+  const [showQuickView, setShowQuickView] = React10.useState(false);
   const notification = useNotification();
-  const handleImageLoad = React12.useCallback(() => {
+  const handleImageLoad = React10.useCallback(() => {
     setIsImageLoaded(true);
   }, []);
-  const handleCardClick = React12.useCallback((e) => {
+  const handleCardClick = React10.useCallback((e) => {
     if (onClickProduct) {
       e.preventDefault();
       onClickProduct(product);
     }
   }, [onClickProduct, product]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     setIsFavorite(isInWishlist(product?._id || "") || isFavorited);
   }, [isFavorited, isInWishlist, product?._id]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     setSelectedVariantImage(null);
     setSelectedVariantId(null);
     setIsImageLoaded(false);
@@ -13265,7 +12997,7 @@ function ProductCard({
       handleCardClick(e);
     }
   };
-  const variantImages = React12.useMemo(() => {
+  const variantImages = React10.useMemo(() => {
     if (!product.variants || product.variants.length === 0) {
       return [];
     }
@@ -13275,35 +13007,35 @@ function ProductCard({
       image: variant.media[0].file
     }));
   }, [product.variants]);
-  const selectedVariant = React12.useMemo(() => {
+  const selectedVariant = React10.useMemo(() => {
     if (!selectedVariantId || !product.variants) return null;
     return product.variants.find(
       (variant) => (variant.id || variant._id) === selectedVariantId
     );
   }, [selectedVariantId, product.variants]);
-  const displayFinalPrice = React12.useMemo(() => {
+  const displayFinalPrice = React10.useMemo(() => {
     return selectedVariant?.finalPrice ?? product.variants?.[0]?.finalPrice ?? 0;
   }, [selectedVariant, product.variants]);
-  const displayPriceBeforeDiscount = React12.useMemo(() => {
+  const displayPriceBeforeDiscount = React10.useMemo(() => {
     return selectedVariant?.retailPrice ?? product.variants?.[0]?.retailPrice ?? 0;
   }, [selectedVariant, product.variants]);
-  const displayIsDiscounted = React12.useMemo(() => {
+  const displayIsDiscounted = React10.useMemo(() => {
     return selectedVariant ? selectedVariant.isDiscounted : product.variants?.[0]?.isDiscounted;
   }, [selectedVariant, product.variants]);
-  const displayDiscountAmount = React12.useMemo(() => {
+  const displayDiscountAmount = React10.useMemo(() => {
     return selectedVariant ? selectedVariant.discountAmount : product.variants?.[0]?.discountAmount;
   }, [selectedVariant, product.variants]);
-  const displayInventoryCount = React12.useMemo(() => {
+  const displayInventoryCount = React10.useMemo(() => {
     return selectedVariant ? selectedVariant.inventoryCount : product.variants?.[0]?.inventoryCount;
   }, [selectedVariant, product.variants]);
-  const imageSource = React12.useMemo(() => {
-    const src = selectedVariantImage || selectedVariant?.media?.[0]?.file || product.media?.[0]?.file || "/placeholder-product.png";
+  const imageSource = React10.useMemo(() => {
+    const src = selectedVariantImage || selectedVariant?.media?.[0]?.file || product.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC;
     return {
       src,
       alt: product.name || "Product image"
     };
   }, [product.media, product.name, selectedVariantImage]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     setIsImageLoaded(false);
   }, [imageSource.src]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -13571,7 +13303,7 @@ function EmptyState({ icon: Icon, title, description, actionLabel, onAction }) {
     actionLabel && onAction && /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: onAction, children: actionLabel })
   ] });
 }
-var Input = React12.forwardRef(
+var Input = React10.forwardRef(
   ({ label, error, helperText, className = "", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
       label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: label }),
@@ -13662,11 +13394,11 @@ function useProducts(filters, page = 1, limit = 20) {
   };
 }
 function useProduct(id) {
-  const [product, setProduct] = React12.useState(null);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
+  const [product, setProduct] = React10.useState(null);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
   console.log("product", product);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     const fetchProduct = async () => {
       setIsLoading(true);
       setError(null);
@@ -13683,10 +13415,10 @@ function useProduct(id) {
   return { product, isLoading, error };
 }
 function useCategories() {
-  const [categories, setCategories] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  React12.useEffect(() => {
+  const [categories, setCategories] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
+  React10.useEffect(() => {
     const fetchCategories = async () => {
       try {
         setIsLoading(true);
@@ -13738,20 +13470,20 @@ function getInitials(firstName, lastName) {
 function ShopScreen({ initialFilters = {}, categoryName }) {
   const router = navigation.useRouter();
   const { buildPath } = useBasePath();
-  const [filters, setFilters] = React12.useState(initialFilters);
-  const [page, setPage] = React12.useState(1);
-  const [showFilters, setShowFilters] = React12.useState(false);
-  const [searchQuery, setSearchQuery] = React12.useState("");
-  const [isSearching, setIsSearching] = React12.useState(false);
-  const [sortOption, setSortOption] = React12.useState("featured");
-  const [viewMode, setViewMode] = React12.useState("grid");
-  const [selectedPriceRange, setSelectedPriceRange] = React12.useState(null);
-  const [customPrice, setCustomPrice] = React12.useState({
+  const [filters, setFilters] = React10.useState(initialFilters);
+  const [page, setPage] = React10.useState(1);
+  const [showFilters, setShowFilters] = React10.useState(false);
+  const [searchQuery, setSearchQuery] = React10.useState("");
+  const [isSearching, setIsSearching] = React10.useState(false);
+  const [sortOption, setSortOption] = React10.useState("featured");
+  const [viewMode, setViewMode] = React10.useState("grid");
+  const [selectedPriceRange, setSelectedPriceRange] = React10.useState(null);
+  const [customPrice, setCustomPrice] = React10.useState({
     min: "",
     max: ""
   });
-  const [expandedCategories, setExpandedCategories] = React12.useState({});
-  const [expandedFilterSections, setExpandedFilterSections] = React12.useState({
+  const [expandedCategories, setExpandedCategories] = React10.useState({});
+  const [expandedFilterSections, setExpandedFilterSections] = React10.useState({
     category: true
     // Category section starts expanded
   });
@@ -13778,7 +13510,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       }
     }
   };
-  const priceRanges = React12.useMemo(
+  const priceRanges = React10.useMemo(
     () => [
       { label: `Under ${formatPrice(25)}`, value: "under-25", min: void 0, max: 25 },
       { label: `${formatPrice(25)} - ${formatPrice(50)}`, value: "25-50", min: 25, max: 50 },
@@ -13787,13 +13519,13 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     ],
     []
   );
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     setCustomPrice({
       min: filters.minPrice !== void 0 ? String(filters.minPrice) : "",
       max: filters.maxPrice !== void 0 ? String(filters.maxPrice) : ""
     });
   }, [filters.minPrice, filters.maxPrice]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     const updates = {};
     if (filters.category) updates[filters.category] = true;
     if (filters.subCategory) {
@@ -13807,18 +13539,18 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       setExpandedCategories((prev) => ({ ...prev, ...updates }));
     }
   }, [filters.category, filters.subCategory, categories]);
-  const toggleCategoryExpand = React12.useCallback((id) => {
+  const toggleCategoryExpand = React10.useCallback((id) => {
     setExpandedCategories((prev) => ({ ...prev, [id]: !prev[id] }));
   }, []);
-  const sortedCategories = React12.useMemo(
+  const sortedCategories = React10.useMemo(
     () => [...categories].sort((a, b) => a.name?.localeCompare(b.name ?? "") ?? 0),
     [categories]
   );
-  const topCategories = React12.useMemo(
+  const topCategories = React10.useMemo(
     () => [...categories].sort((a, b) => (b.productCount ?? 0) - (a.productCount ?? 0)).slice(0, 6),
     [categories]
   );
-  const productInsights = React12.useMemo(() => {
+  const productInsights = React10.useMemo(() => {
     if (!products.length) {
       return { newArrivals: 0, inStockCount: 0 };
     }
@@ -13831,7 +13563,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     return { newArrivals: newArrivals2, inStockCount };
   }, [products]);
-  React12.useMemo(
+  React10.useMemo(
     () => [
       {
         id: "new",
@@ -13864,7 +13596,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       filters.newArrivals
     ]
   );
-  const filteredProducts = React12.useMemo(() => {
+  const filteredProducts = React10.useMemo(() => {
     if (isLoading) return products;
     let items = [...products];
     if (filters.tags?.length) {
@@ -13879,7 +13611,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     }
     return items;
   }, [isLoading, products, filters.tags, filters.newArrivals, filters.brand]);
-  const sortedProducts = React12.useMemo(() => {
+  const sortedProducts = React10.useMemo(() => {
     if (isLoading) {
       return filteredProducts;
     }
@@ -13898,7 +13630,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     }
   }, [isLoading, filteredProducts, sortOption]);
   const displayedProducts = sortedProducts;
-  const availableBrands = React12.useMemo(() => {
+  const availableBrands = React10.useMemo(() => {
     const brandSet = /* @__PURE__ */ new Set();
     products.forEach((product) => {
       if (product.brand && product.brand.trim()) {
@@ -13907,14 +13639,14 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     return Array.from(brandSet).sort();
   }, [products]);
-  React12.useMemo(() => {
+  React10.useMemo(() => {
     const counts = /* @__PURE__ */ new Map();
     products.forEach((p) => {
       (p.tags || []).forEach((t) => counts.set(t, (counts.get(t) || 0) + 1));
     });
     return Array.from(counts.entries()).sort((a, b) => b[1] - a[1]).slice(0, 4).map(([tag]) => tag);
   }, [products]);
-  React12.useCallback((term) => {
+  React10.useCallback((term) => {
     setSearchQuery("");
     setFilters((current) => ({
       ...current,
@@ -13923,7 +13655,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     }));
     setPage(1);
   }, []);
-  const handleCategoryChange = React12.useCallback(
+  const handleCategoryChange = React10.useCallback(
     (categorySlug) => {
       setFilters((current) => {
         if (current.category === categorySlug) {
@@ -13940,7 +13672,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     },
     []
   );
-  React12.useCallback((parentCategoryId, subCategoryId) => {
+  React10.useCallback((parentCategoryId, subCategoryId) => {
     setFilters((current) => {
       if (current.subCategory === subCategoryId) {
         const { subCategory, ...rest } = current;
@@ -13950,7 +13682,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handleToggleStock = React12.useCallback(() => {
+  const handleToggleStock = React10.useCallback(() => {
     setFilters((current) => {
       if (current.inStock) {
         const { inStock, ...rest } = current;
@@ -13960,7 +13692,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handleToggleNewArrivals = React12.useCallback(() => {
+  const handleToggleNewArrivals = React10.useCallback(() => {
     setFilters((current) => {
       if (current.newArrivals) {
         const { newArrivals: newArrivals2, ...rest } = current;
@@ -13970,28 +13702,28 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handleClearCategory = React12.useCallback(() => {
+  const handleClearCategory = React10.useCallback(() => {
     setFilters((current) => {
       const { category, subCategory, ...rest } = current;
       return rest;
     });
     setPage(1);
   }, []);
-  const handleClearFilters = React12.useCallback(() => {
+  const handleClearFilters = React10.useCallback(() => {
     setFilters({});
     setSearchQuery("");
     setSelectedPriceRange(null);
     setCustomPrice({ min: "", max: "" });
     setPage(1);
   }, []);
-  const handleRemoveCategory = React12.useCallback(() => {
+  const handleRemoveCategory = React10.useCallback(() => {
     setFilters((current) => {
       const { category, subCategory, ...rest } = current;
       return rest;
     });
     setPage(1);
   }, []);
-  const handleRemoveSubCategory = React12.useCallback(() => {
+  const handleRemoveSubCategory = React10.useCallback(() => {
     setFilters((current) => {
       const next = { ...current };
       delete next.subCategory;
@@ -13999,7 +13731,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handleRemoveSearch = React12.useCallback(() => {
+  const handleRemoveSearch = React10.useCallback(() => {
     setFilters((current) => {
       const { search, ...rest } = current;
       return rest;
@@ -14007,14 +13739,14 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     setSearchQuery("");
     setPage(1);
   }, []);
-  const handleRemoveInStock = React12.useCallback(() => {
+  const handleRemoveInStock = React10.useCallback(() => {
     setFilters((current) => {
       const { inStock, ...rest } = current;
       return rest;
     });
     setPage(1);
   }, []);
-  const handleRemovePrice = React12.useCallback(() => {
+  const handleRemovePrice = React10.useCallback(() => {
     setFilters((current) => {
       const next = { ...current };
       delete next.minPrice;
@@ -14025,7 +13757,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     setCustomPrice({ min: "", max: "" });
     setPage(1);
   }, []);
-  const handleRemoveTag = React12.useCallback((tag) => {
+  const handleRemoveTag = React10.useCallback((tag) => {
     setFilters((current) => {
       if (!current.tags) return current;
       const updated = current.tags.filter((item) => item !== tag);
@@ -14039,7 +13771,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handleBrandChange = React12.useCallback((brand) => {
+  const handleBrandChange = React10.useCallback((brand) => {
     setFilters((current) => {
       if (current.brand === brand) {
         const { brand: _, ...rest } = current;
@@ -14049,14 +13781,14 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handleRemoveBrand = React12.useCallback(() => {
+  const handleRemoveBrand = React10.useCallback(() => {
     setFilters((current) => {
       const { brand, ...rest } = current;
       return rest;
     });
     setPage(1);
   }, []);
-  const handlePriceRangeSelect = React12.useCallback(
+  const handlePriceRangeSelect = React10.useCallback(
     (value) => {
       const range = priceRanges.find((item) => item.value === value);
       if (selectedPriceRange === value) {
@@ -14095,7 +13827,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     },
     [priceRanges, selectedPriceRange]
   );
-  const applyCustomPrice = React12.useCallback(() => {
+  const applyCustomPrice = React10.useCallback(() => {
     const rawMin = customPrice.min.trim();
     const rawMax = customPrice.max.trim();
     const minValue = rawMin !== "" ? Number(rawMin) : void 0;
@@ -14133,7 +13865,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     newArrivals,
     brand: brandFilter
   } = filters;
-  const activeFilterChips = React12.useMemo(() => {
+  const activeFilterChips = React10.useMemo(() => {
     const chips = [];
     if (searchFilter) {
       chips.push({
@@ -14234,7 +13966,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
   ]);
   const hasActiveFilters = activeFilterChips.length > 0;
   const isCustomPriceDirty = customPrice.min.trim() !== "" || customPrice.max.trim() !== "";
-  const toggleFilterSection = React12.useCallback((section) => {
+  const toggleFilterSection = React10.useCallback((section) => {
     setExpandedFilterSections((prev) => ({
       ...prev,
       [section]: !prev[section]
@@ -14402,14 +14134,14 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
             type: "button",
             onClick: applyCustomPrice,
             disabled: !isCustomPriceDirty,
-            className: "w-full rounded-lg border border-primary bg-primary/10 px-4 py-2 text-sm font-medium text-primary transition hover:bg-primary/20 disabled:cursor-not-allowed disabled:border-slate-200 disabled:text-slate-400",
+            className: "w-full rounded-lg border border-primary bg-primary-10 px-4 py-2 text-sm font-medium text-primary transition hover:bg-primary-20 disabled:cursor-not-allowed disabled:border-slate-200 disabled:text-slate-400",
             children: "Apply"
           }
         )
       ] })
     ] })
   ] }) }) }) });
-  const displayCategories = React12.useMemo(() => {
+  const displayCategories = React10.useMemo(() => {
     return topCategories.slice(0, 5);
   }, [topCategories]);
   const getCategoryIcon = (categoryName2) => {
@@ -14470,7 +14202,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
             animate: { opacity: 1, y: 0 },
             className: `group relative overflow-hidden rounded-[24px] p-6 min-h-[180px] min-w-[170px] transition-all duration-300 ${!categoryFilter ? "bg-linear-to-br from-primary to-secondary text-white shadow-xl scale-105" : "bg-linear-to-br from-gray-50 to-white hover:shadow-lg border-2 border-gray-100 hover:border-primary"}`,
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: `size-12 rounded-full mb-3 mx-auto flex items-center justify-center transition-all ${!categoryFilter ? "bg-white/20" : "bg-linear-to-br from-primary/10 to-secondary/10 group-hover:scale-110"}`, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: `size-6 ${!categoryFilter ? "text-white" : "text-primary"}` }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: `size-12 rounded-full mb-3 mx-auto flex items-center justify-center transition-all ${!categoryFilter ? "bg-white/20" : "bg-linear-to-br from-primary-10 to-secondary-10 group-hover:scale-110"}`, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: `size-6 ${!categoryFilter ? "text-white" : "text-primary"}` }) }),
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `font-['Poppins',sans-serif] font-semibold text-[14px] mb-1.5 ${!categoryFilter ? "text-white" : "text-secondary"}`, children: "All Products" }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: `font-['Poppins',sans-serif] text-[11px] ${!categoryFilter ? "text-white/80" : "text-muted"}`, children: "Browse Everything" })
             ] })
@@ -14489,7 +14221,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
               onClick: () => handleCategoryChange(categoryId),
               className: `group relative overflow-hidden rounded-[24px] p-6 min-h-[180px] min-w-[170px] transition-all duration-300 ${isSelected ? "bg-linear-to-br from-primary to-secondary text-white shadow-xl scale-105" : "bg-linear-to-br from-gray-50 to-white hover:shadow-lg border-2 border-gray-100 hover:border-primary"}`,
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: `size-12 rounded-full mb-3 mx-auto flex items-center justify-center transition-all ${isSelected ? "bg-white/20" : "bg-linear-to-br from-primary/10 to-secondary/10 group-hover:scale-110"}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `size-6 ${isSelected ? "text-white" : "text-primary"}` }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: `size-12 rounded-full mb-3 mx-auto flex items-center justify-center transition-all ${isSelected ? "bg-white/20" : "bg-linear-to-br from-primary-10 to-secondary-10 group-hover:scale-110"}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `size-6 ${isSelected ? "text-white" : "text-primary"}` }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `font-['Poppins',sans-serif] font-semibold text-[14px] mb-1.5 ${isSelected ? "text-white" : "text-secondary"}`, children: category.name }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: `font-['Poppins',sans-serif] text-[11px] ${isSelected ? "text-white/80" : "text-muted"}`, children: category.description })
               ] })
@@ -14600,7 +14332,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-48 w-full overflow-hidden rounded-2xl bg-gray-100 md:h-40 md:w-40", children: /* @__PURE__ */ jsxRuntime.jsx(
                     Image4__default.default,
                     {
-                      src: product.media?.[0]?.file || "/placeholder-product.png",
+                      src: product.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC,
                       alt: product.name,
                       fill: true,
                       className: "object-cover transition duration-500 group-hover:scale-105"
@@ -14691,10 +14423,10 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
   ] });
 }
 function useProductReviews(productId) {
-  const [reviews, setReviews] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  const fetchReviews = React12.useCallback(async () => {
+  const [reviews, setReviews] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
+  const fetchReviews = React10.useCallback(async () => {
     if (!productId) {
       setIsLoading(false);
       return;
@@ -14710,7 +14442,7 @@ function useProductReviews(productId) {
       setIsLoading(false);
     }
   }, [productId]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     fetchReviews();
   }, [fetchReviews]);
   return {
@@ -14721,12 +14453,12 @@ function useProductReviews(productId) {
   };
 }
 function useUserReviews(userId) {
-  const [reviews, setReviews] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
+  const [reviews, setReviews] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
   const { user } = useAuth();
   const resolvedUserId = userId || user?._id || user?.id;
-  const fetchReviews = React12.useCallback(async () => {
+  const fetchReviews = React10.useCallback(async () => {
     if (!resolvedUserId) {
       setIsLoading(false);
       return;
@@ -14742,7 +14474,7 @@ function useUserReviews(userId) {
       setIsLoading(false);
     }
   }, [resolvedUserId]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     fetchReviews();
   }, [fetchReviews]);
   return {
@@ -14753,10 +14485,10 @@ function useUserReviews(userId) {
   };
 }
 function useReviewsByRating(rating) {
-  const [reviews, setReviews] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  const fetchReviews = React12.useCallback(async () => {
+  const [reviews, setReviews] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
+  const fetchReviews = React10.useCallback(async () => {
     if (!rating || rating < 1 || rating > 5) {
       setIsLoading(false);
       return;
@@ -14772,7 +14504,7 @@ function useReviewsByRating(rating) {
       setIsLoading(false);
     }
   }, [rating]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     fetchReviews();
   }, [fetchReviews]);
   return {
@@ -14783,10 +14515,10 @@ function useReviewsByRating(rating) {
   };
 }
 function useCreateReview() {
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const [success, setSuccess] = React12.useState(false);
-  const createReview = React12.useCallback(async (orderId, reviewData) => {
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const [success, setSuccess] = React10.useState(false);
+  const createReview = React10.useCallback(async (orderId, reviewData) => {
     setIsLoading(true);
     setError(null);
     setSuccess(false);
@@ -14801,7 +14533,7 @@ function useCreateReview() {
       setIsLoading(false);
     }
   }, []);
-  const reset = React12.useCallback(() => {
+  const reset = React10.useCallback(() => {
     setError(null);
     setSuccess(false);
     setIsLoading(false);
@@ -14815,9 +14547,9 @@ function useCreateReview() {
   };
 }
 function useUpdateReview() {
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const updateReview = React12.useCallback(async (reviewId, reviewData) => {
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const updateReview = React10.useCallback(async (reviewId, reviewData) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -14837,9 +14569,9 @@ function useUpdateReview() {
   };
 }
 function useDeleteReview() {
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const deleteReview = React12.useCallback(async (reviewId) => {
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const deleteReview = React10.useCallback(async (reviewId) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -14858,10 +14590,10 @@ function useDeleteReview() {
   };
 }
 function useReviewStats() {
-  const [count, setCount] = React12.useState(0);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  const fetchCount = React12.useCallback(async () => {
+  const [count, setCount] = React10.useState(0);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
+  const fetchCount = React10.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -14873,7 +14605,7 @@ function useReviewStats() {
       setIsLoading(false);
     }
   }, []);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     fetchCount();
   }, [fetchCount]);
   return {
@@ -14897,7 +14629,7 @@ function StarRating({
   onChange,
   className
 }) {
-  const [hoverRating, setHoverRating] = React12__default.default.useState(0);
+  const [hoverRating, setHoverRating] = React10__default.default.useState(0);
   const handleClick = (index) => {
     if (interactive && onChange) {
       onChange(index + 1);
@@ -15027,9 +14759,9 @@ function ReviewCard({ review, showProductInfo = false }) {
   ] });
 }
 function ReviewsList({ reviews, isLoading }) {
-  const [filterRating, setFilterRating] = React12.useState("all");
-  const [sortBy, setSortBy] = React12.useState("recent");
-  const filteredReviews = React12__default.default.useMemo(() => {
+  const [filterRating, setFilterRating] = React10.useState("all");
+  const [sortBy, setSortBy] = React10.useState("recent");
+  const filteredReviews = React10__default.default.useMemo(() => {
     let filtered = [...reviews];
     if (filterRating !== "all") {
       filtered = filtered.filter((review) => Math.floor(review.rating) === filterRating);
@@ -15166,18 +14898,18 @@ function ProductDetailScreen({ productId }) {
   const { isAuthenticated } = useAuth();
   const notification = useNotification();
   const { reviews, isLoading: reviewsLoading } = useProductReviews(productId);
-  const [selectedVariant, setSelectedVariant] = React12.useState(null);
-  const [quantity, setQuantity] = React12.useState(1);
-  const [isAddingToCart, setIsAddingToCart] = React12.useState(false);
-  const [isFavorited, setIsFavorited] = React12.useState(false);
-  const [relatedProducts, setRelatedProducts] = React12.useState([]);
-  const [initialProductData, setInitialProductData] = React12.useState(null);
-  const [activeImageIndex, setActiveImageIndex] = React12.useState(0);
-  const [activeTab, setActiveTab] = React12.useState("description");
-  React12.useEffect(() => {
+  const [selectedVariant, setSelectedVariant] = React10.useState(null);
+  const [quantity, setQuantity] = React10.useState(1);
+  const [isAddingToCart, setIsAddingToCart] = React10.useState(false);
+  const [isFavorited, setIsFavorited] = React10.useState(false);
+  const [relatedProducts, setRelatedProducts] = React10.useState([]);
+  const [initialProductData, setInitialProductData] = React10.useState(null);
+  const [activeImageIndex, setActiveImageIndex] = React10.useState(0);
+  const [activeTab, setActiveTab] = React10.useState("description");
+  React10.useEffect(() => {
     setActiveImageIndex(0);
   }, [selectedVariant]);
-  const product = React12.useMemo(() => {
+  const product = React10.useMemo(() => {
     if (initialProductData && !productData) {
       return initialProductData;
     }
@@ -15194,7 +14926,7 @@ function ProductDetailScreen({ productId }) {
     }
     return productData;
   }, [productData, selectedVariant, initialProductData]);
-  const reviewStats = React12.useMemo(() => {
+  const reviewStats = React10.useMemo(() => {
     if (!reviews || reviews.length === 0) {
       return {
         averageRating: product?.rating || 0,
@@ -15253,7 +14985,7 @@ function ProductDetailScreen({ productId }) {
   );
   currentVariant?.sku || product?.sku || "N/A";
   currentVariant?.inventoryCount > 0;
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (typeof window === "undefined") return;
     const searchParams = new URLSearchParams(window.location.search);
     const productParam = searchParams.get("product");
@@ -15266,13 +14998,13 @@ function ProductDetailScreen({ productId }) {
       }
     }
   }, []);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (product?.productVariants?.length > 0) {
       const newVariant = product?.productVariants?.[0];
       setSelectedVariant(newVariant);
     }
   }, [product?.productVariants]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (!product?._id) return;
     const fetchRelated = async () => {
       try {
@@ -15321,7 +15053,7 @@ function ProductDetailScreen({ productId }) {
     }
   };
   const { addToWishlist, removeFromWishlist, isInWishlist } = useWishlist();
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (product) {
       setIsFavorited(isInWishlist(product._id));
     }
@@ -15432,7 +15164,7 @@ function ProductDetailScreen({ productId }) {
             {
               type: "button",
               onClick: () => setActiveImageIndex(index),
-              className: `relative aspect-square overflow-hidden rounded-lg border-2 transition-all ${activeImageIndex === index ? "border-primary/50 ring-2 ring-primary/80 ring-offset-2 shadow-md" : "border-slate-200 hover:border-primary/50"}`,
+              className: `relative aspect-square overflow-hidden rounded-lg border-2 transition-all ${activeImageIndex === index ? "border-primary-50 ring-2 ring-primary-80 ring-offset-2 shadow-md" : "border-slate-200 hover:border-primary-50"}`,
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 Image4__default.default,
                 {
@@ -15520,13 +15252,13 @@ function ProductDetailScreen({ productId }) {
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-[14px] text-secondary mb-3", children: "Select Variant" }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-3", children: product.variants.map((variant) => {
                 const isSelected = selectedVariant?._id === variant._id;
-                const variantImage = variant.media?.[0]?.file || product.media?.[0]?.file || product.images?.[0] || "/placeholder-product.png";
+                const variantImage = variant.media?.[0]?.file || product.media?.[0]?.file || product.images?.[0] || PLACEHOLDER_IMAGE_SRC;
                 return /* @__PURE__ */ jsxRuntime.jsxs(
                   "button",
                   {
                     type: "button",
                     onClick: () => handleVariantSelect(variant),
-                    className: `flex items-start gap-3 px-4 py-2.5 rounded-xl border-2 transition-all ${isSelected ? "border-primary bg-primary/5" : "border-gray-200 hover:border-primary/50"}`,
+                    className: `flex items-start gap-3 px-4 py-2.5 rounded-xl border-2 transition-all ${isSelected ? "border-primary bg-primary-5" : "border-gray-200 hover:border-primary-50"}`,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("div", { className: `relative h-12 w-12 shrink-0 overflow-hidden rounded-full border-2 ${isSelected ? "border-primary" : "border-slate-200"}`, children: /* @__PURE__ */ jsxRuntime.jsx(
                         Image4__default.default,
@@ -15605,7 +15337,7 @@ function ProductDetailScreen({ productId }) {
               /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
-                  className: "sm:w-auto px-6 py-4 rounded-full border-2 border-primary hover:bg-primary/5 transition-all flex items-center justify-center",
+                  className: "sm:w-auto px-6 py-4 rounded-full border-2 border-primary hover:bg-primary-5 transition-all flex items-center justify-center",
                   onClick: handleToggleFavorite,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Heart, { className: `h-4 w-4  ${isFavorited ? "fill-red-500 text-red-500" : "text-primary"}` })
                 }
@@ -15694,8 +15426,8 @@ function ProductDetailScreen({ productId }) {
 }
 function CartItem({ item }) {
   const { updateQuantity, removeFromCart } = useCart();
-  const [isUpdating, setIsUpdating] = React12.useState(false);
-  const [isRemoving, setIsRemoving] = React12.useState(false);
+  const [isUpdating, setIsUpdating] = React10.useState(false);
+  const [isRemoving, setIsRemoving] = React10.useState(false);
   const handleUpdateQuantity = async (newQuantity) => {
     if (newQuantity < 1) return;
     setIsUpdating(true);
@@ -15727,7 +15459,7 @@ function CartItem({ item }) {
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-28 h-28 rounded-[16px] overflow-hidden bg-gray-50 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
           Image4__default.default,
           {
-            src: item.productVariantData.media[0]?.file || "/placeholder-product.png",
+            src: item.productVariantData.media[0]?.file || PLACEHOLDER_IMAGE_SRC,
             alt: item.productVariantData.name,
             className: "w-full h-full object-cover",
             height: 112,
@@ -15949,20 +15681,20 @@ function CartScreen() {
   ] }) }) });
 }
 function useAddresses() {
-  const [addresses, setAddresses] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  const refresh = React12.useCallback(async () => {
+  const [addresses, setAddresses] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
+  const refresh = React10.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     const response = await new AddressesApi(AXIOS_CONFIG).getMyAddresses();
     setAddresses(response.data || []);
     setIsLoading(false);
   }, []);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     refresh();
   }, [refresh]);
-  const sortedAddresses = React12.useMemo(() => {
+  const sortedAddresses = React10.useMemo(() => {
     return [...addresses].sort((a, b) => {
       if (a.isDefault === b.isDefault) {
         const dateA = a.updatedAt || "";
@@ -15972,26 +15704,26 @@ function useAddresses() {
       return a.isDefault ? -1 : 1;
     });
   }, [addresses]);
-  const defaultAddress = React12.useMemo(
+  const defaultAddress = React10.useMemo(
     () => sortedAddresses.find((address) => address.isDefault) || null,
     [sortedAddresses]
   );
-  const addAddress = React12.useCallback(async (payload) => {
+  const addAddress = React10.useCallback(async (payload) => {
     const response = await new AddressesApi(AXIOS_CONFIG).createAddressForUser(payload);
     setAddresses((prev) => [...prev, response.data]);
     return response.data;
   }, []);
-  const updateAddress = React12.useCallback(async (id, payload) => {
+  const updateAddress = React10.useCallback(async (id, payload) => {
     const response = await new AddressesApi(AXIOS_CONFIG).updateUserAddress(payload, id);
     setAddresses((prev) => prev.map((address) => address.id === id ? response.data : address));
     return response.data;
   }, []);
-  const removeAddress = React12.useCallback(async (id) => {
+  const removeAddress = React10.useCallback(async (id) => {
     await new AddressesApi(AXIOS_CONFIG).deleteUserAddress(id);
     setAddresses((prev) => prev.filter((address) => address.id !== id));
     return;
   }, []);
-  const markAsDefault = React12.useCallback(async (id) => {
+  const markAsDefault = React10.useCallback(async (id) => {
     const response = await new AddressesApi(AXIOS_CONFIG).updateDefaultAddress(id);
     setAddresses((prev) => prev.map((address) => address.id === id ? response.data : address));
     return response.data;
@@ -16012,10 +15744,10 @@ init_config();
 var cachedCapabilities = null;
 var cacheStoreId = null;
 function useStoreCapabilities() {
-  const [capabilities, setCapabilities] = React12.useState(cachedCapabilities);
-  const [isLoading, setIsLoading] = React12.useState(!cachedCapabilities);
-  const [error, setError] = React12.useState(null);
-  const fetchCapabilities = React12.useCallback(async (forceRefresh = false) => {
+  const [capabilities, setCapabilities] = React10.useState(cachedCapabilities);
+  const [isLoading, setIsLoading] = React10.useState(!cachedCapabilities);
+  const [error, setError] = React10.useState(null);
+  const fetchCapabilities = React10.useCallback(async (forceRefresh = false) => {
     try {
       const config = getCurrentConfig();
       const storeId = config?.storeId;
@@ -16043,10 +15775,10 @@ function useStoreCapabilities() {
       setIsLoading(false);
     }
   }, []);
-  const refresh = React12.useCallback(async () => {
+  const refresh = React10.useCallback(async () => {
     await fetchCapabilities(true);
   }, [fetchCapabilities]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     fetchCapabilities();
   }, [fetchCapabilities]);
   const showCardPayment = Boolean(capabilities?.hasStripeKey && capabilities?.cardPaymentEnabled);
@@ -16063,7 +15795,7 @@ function useStoreCapabilities() {
   };
 }
 function Modal({ isOpen, onClose, title, children, size = "md" }) {
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (typeof window === "undefined") return;
     if (isOpen) {
       document.body.style.overflow = "hidden";
@@ -16127,7 +15859,7 @@ var addressSchema = zod.z.object({
   phone: zod.z.string().min(10, "Phone number must be at least 10 characters").optional().or(zod.z.literal(""))
 });
 function AddressFormModal({ isOpen, onClose, onAddressAdded, onAddressUpdated, initialAddress }) {
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
   const notification = useNotification();
   const {
     register,
@@ -16147,7 +15879,7 @@ function AddressFormModal({ isOpen, onClose, onAddressAdded, onAddressUpdated, i
       country: initialAddress?.country || "United States"
     }
   });
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     reset({
       name: initialAddress?.name || "",
       phone: initialAddress?.phone || "",
@@ -16334,9 +16066,9 @@ function CouponCodeInput({
     validateAndApplyCoupon,
     removeCoupon
   } = useDiscounts();
-  const [localError, setLocalError] = React12.useState(null);
-  const [isFocused, setIsFocused] = React12.useState(false);
-  const inputRef = React12.useRef(null);
+  const [localError, setLocalError] = React10.useState(null);
+  const [isFocused, setIsFocused] = React10.useState(false);
+  const inputRef = React10.useRef(null);
   const {
     register,
     handleSubmit,
@@ -16355,7 +16087,7 @@ function CouponCodeInput({
       inputRef.current?.classList.remove("animate-shake");
     }, 400);
   };
-  const onSubmit = React12.useCallback(
+  const onSubmit = React10.useCallback(
     async (data) => {
       setLocalError(null);
       const result = await validateAndApplyCoupon(data.code, userId);
@@ -16503,16 +16235,16 @@ function CheckoutScreen() {
   const { cart, clearCart } = useCart();
   const { isAuthenticated, user } = useAuth();
   const { buildPath } = useBasePath();
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
-  const [isDelivery, setIsDelivery] = React12.useState(null);
-  const [hasSetDefaultDelivery, setHasSetDefaultDelivery] = React12.useState(false);
-  const [paymentMethod, setPaymentMethod] = React12.useState(null);
-  const [error, setError] = React12.useState(null);
-  const [selectedAddressId, setSelectedAddressId] = React12.useState(null);
-  const [storeAddresses, setStoreAddresses] = React12.useState([]);
-  const [isAddressModalOpen, setIsAddressModalOpen] = React12.useState(false);
-  const [editingAddress, setEditingAddress] = React12.useState(null);
-  const [shippingPrice, setShippingPrice] = React12.useState(0);
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
+  const [isDelivery, setIsDelivery] = React10.useState(null);
+  const [hasSetDefaultDelivery, setHasSetDefaultDelivery] = React10.useState(false);
+  const [paymentMethod, setPaymentMethod] = React10.useState(null);
+  const [error, setError] = React10.useState(null);
+  const [selectedAddressId, setSelectedAddressId] = React10.useState(null);
+  const [storeAddresses, setStoreAddresses] = React10.useState([]);
+  const [isAddressModalOpen, setIsAddressModalOpen] = React10.useState(false);
+  const [editingAddress, setEditingAddress] = React10.useState(null);
+  const [shippingPrice, setShippingPrice] = React10.useState(0);
   const notification = useNotification();
   const { appliedCoupon, calculateCouponDiscount } = useDiscounts();
   const {
@@ -16532,13 +16264,13 @@ function CheckoutScreen() {
     }
     return true;
   });
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (!capabilitiesLoading && paymentMethod === null && availablePaymentMethods.length > 0) {
       const preferCard = availablePaymentMethods.find((pm) => pm.id === "Card");
       setPaymentMethod(preferCard ? "Card" : availablePaymentMethods[0].value);
     }
   }, [capabilitiesLoading, paymentMethod, availablePaymentMethods]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (!capabilitiesLoading && !hasSetDefaultDelivery && capabilities) {
       if (!showShippoDelivery && !showCustomDelivery) {
         setIsDelivery(false);
@@ -16571,11 +16303,11 @@ function CheckoutScreen() {
       desc: "Collect from pharmacy"
     }
   ];
-  const [selectedShippingRateId, setSelectedShippingRateId] = React12.useState(null);
-  const [shippingRates, setShippingRates] = React12.useState([]);
-  const [shippingRatesLoading, setShippingRatesLoading] = React12.useState(false);
-  const [shippingRatesError, setShippingRatesError] = React12.useState(null);
-  const [storeData, setStoreData] = React12.useState(null);
+  const [selectedShippingRateId, setSelectedShippingRateId] = React10.useState(null);
+  const [shippingRates, setShippingRates] = React10.useState([]);
+  const [shippingRatesLoading, setShippingRatesLoading] = React10.useState(false);
+  const [shippingRatesError, setShippingRatesError] = React10.useState(null);
+  const [storeData, setStoreData] = React10.useState(null);
   const { addresses, isLoading, refresh, removeAddress } = useAddresses();
   const {
     register,
@@ -16608,7 +16340,7 @@ function CheckoutScreen() {
     }
   });
   const sameAsShipping = watch("sameAsShipping", true);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (sameAsShipping) {
       setValue("billing.name", watch("shipping.name"));
       setValue("billing.phone", watch("shipping.phone"));
@@ -16620,7 +16352,7 @@ function CheckoutScreen() {
       setValue("billing.country", watch("shipping.country"));
     }
   }, [sameAsShipping, watch("shipping.name"), watch("shipping.phone"), watch("shipping.street1"), watch("shipping.street2"), watch("shipping.city"), watch("shipping.state"), watch("shipping.zip"), watch("shipping.country")]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (defaultAddress && !selectedAddressId) {
       setSelectedAddressId(defaultAddress.id);
       setValue("shipping.name", defaultAddress.name);
@@ -16658,7 +16390,7 @@ function CheckoutScreen() {
     setShippingRates([]);
     setSelectedShippingRateId(null);
   };
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (isDelivery !== true || !selectedAddressId || !cart || cart?.cartBody?.items?.length === 0 || !cart?.cartBody?.items) {
       setShippingRates([]);
       setSelectedShippingRateId(null);
@@ -16687,7 +16419,7 @@ function CheckoutScreen() {
       }
     })();
   }, [isDelivery, selectedAddressId, cart]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     let cancelled = false;
     if (isDelivery === false) {
       (async () => {
@@ -16865,7 +16597,7 @@ function CheckoutScreen() {
       setIsSubmitting(false);
     }
   };
-  React12__default.default.useEffect(() => {
+  React10__default.default.useEffect(() => {
     if (!cart || cart?.cartBody?.items?.length === 0 || !cart?.cartBody?.items) {
       router.push(buildPath("/cart"));
     }
@@ -17144,7 +16876,7 @@ function CheckoutScreen() {
                           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
                             Image4__default.default,
                             {
-                              src: rate.providerImage75 || "/placeholder-product.png",
+                              src: rate.providerImage75 || PLACEHOLDER_IMAGE_SRC,
                               alt: rate.provider,
                               className: "w-12 h-12 rounded-lg object-contain bg-white border border-gray-200 p-1",
                               onError: (e) => {
@@ -17229,7 +16961,7 @@ function CheckoutScreen() {
             /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] mb-6 text-2xl", children: "Order Summary" }),
             /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-8 pt-6 border-t border-slate-100", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4 mb-6", children: cart?.cartBody?.items?.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 rounded-xl overflow-hidden bg-white shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(Image4__default.default, { src: item.productVariantData?.media?.[0]?.file || "/placeholder-product.png", alt: item.productVariantData.name, className: "w-full h-full object-cover", height: 200, width: 200 }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 rounded-xl overflow-hidden bg-white shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(Image4__default.default, { src: item.productVariantData?.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC, alt: item.productVariantData.name, className: "w-full h-full object-cover", height: 200, width: 200 }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-['Poppins',sans-serif] font-medium text-[12px] text-[#2B4B7C] mb-1", children: item?.productVariantData?.name }),
                   /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-['Poppins',sans-serif] text-[11px] text-[#676c80]", children: [
@@ -17366,9 +17098,9 @@ function LoginScreen() {
   const searchParams = navigation.useSearchParams();
   const redirectUrl = searchParams?.get("redirect") || buildPath("/");
   const { login, user, isLoading } = useAuth();
-  const [showPassword, setShowPassword] = React12.useState(false);
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
-  const [status, setStatus] = React12.useState(
+  const [showPassword, setShowPassword] = React10.useState(false);
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
+  const [status, setStatus] = React10.useState(
     null
   );
   const {
@@ -17525,9 +17257,9 @@ function RegisterScreen() {
   const router = navigation.useRouter();
   const { register: registerUser } = useAuth();
   const { buildPath } = useBasePath();
-  const [showPassword, setShowPassword] = React12.useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = React12.useState(false);
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
+  const [showPassword, setShowPassword] = React10.useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = React10.useState(false);
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
   const notification = useNotification();
   const {
     register,
@@ -17733,8 +17465,8 @@ var forgotPasswordSchema = zod.z.object({
 });
 function ForgotPasswordScreen() {
   const { buildPath } = useBasePath();
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
-  const [status, setStatus] = React12.useState(
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
+  const [status, setStatus] = React10.useState(
     null
   );
   const {
@@ -17873,10 +17605,10 @@ function ResetPasswordScreen() {
   const params = navigation.useParams();
   const token = params?.token;
   const storeId = params?.storeId;
-  const [showPassword, setShowPassword] = React12.useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = React12.useState(false);
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
-  const [status, setStatus] = React12.useState(
+  const [showPassword, setShowPassword] = React10.useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = React10.useState(false);
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
+  const [status, setStatus] = React10.useState(
     null
   );
   const {
@@ -17886,7 +17618,7 @@ function ResetPasswordScreen() {
   } = reactHookForm.useForm({
     resolver: zod$1.zodResolver(resetPasswordSchema)
   });
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (!token) {
       setStatus({
         type: "error",
@@ -18068,10 +17800,10 @@ function TabNavigation({ tabs: tabs2, activeTab, onTabChange }) {
   }) }) });
 }
 function useOrders(page = 1, limit = 10, orderStatus, paymentStatus) {
-  const [orders, setOrders] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  const [pagination, setPagination] = React12.useState({
+  const [orders, setOrders] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
+  const [pagination, setPagination] = React10.useState({
     page: 1,
     limit: 10,
     total: 0,
@@ -18079,7 +17811,7 @@ function useOrders(page = 1, limit = 10, orderStatus, paymentStatus) {
   });
   const { user } = useAuth();
   const resolvedUserId = user?._id || user?.id;
-  const fetchOrders = React12.useCallback(async () => {
+  const fetchOrders = React10.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -18106,7 +17838,7 @@ function useOrders(page = 1, limit = 10, orderStatus, paymentStatus) {
       setIsLoading(false);
     }
   }, [page, limit, resolvedUserId, orderStatus, paymentStatus]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     fetchOrders();
   }, [fetchOrders]);
   const deleteOrder = async (id) => {
@@ -18129,10 +17861,10 @@ function useOrders(page = 1, limit = 10, orderStatus, paymentStatus) {
   };
 }
 function useOrder(id) {
-  const [order, setOrder] = React12.useState(null);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  const fetchOrder = React12.useCallback(async () => {
+  const [order, setOrder] = React10.useState(null);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
+  const fetchOrder = React10.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -18144,7 +17876,7 @@ function useOrder(id) {
       setIsLoading(false);
     }
   }, [id]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (id) {
       fetchOrder();
     }
@@ -18152,10 +17884,10 @@ function useOrder(id) {
   return { order, isLoading, error, refetch: fetchOrder };
 }
 function useCurrentOrders() {
-  const [orders, setOrders] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  const fetchCurrentOrders = React12.useCallback(async () => {
+  const [orders, setOrders] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [error, setError] = React10.useState(null);
+  const fetchCurrentOrders = React10.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -18167,7 +17899,7 @@ function useCurrentOrders() {
       setIsLoading(false);
     }
   }, []);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     fetchCurrentOrders();
   }, [fetchCurrentOrders]);
   return { orders, isLoading, error, refetch: fetchCurrentOrders };
@@ -18411,7 +18143,7 @@ function AccountOrdersTab() {
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-12 h-12 rounded-lg bg-slate-100 shrink-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
                 Image4__default.default,
                 {
-                  src: item?.productVariantData?.media?.[0]?.file || "/placeholder-product.png",
+                  src: item?.productVariantData?.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC,
                   alt: item?.productVariantData?.name || "Product image",
                   fill: true,
                   className: "object-cover",
@@ -18489,11 +18221,11 @@ function ConfirmModal({
 }
 function AccountAddressesTab() {
   const { addresses, isLoading, error, removeAddress, markAsDefault, refresh } = useAddresses();
-  const [deletingId, setDeletingId] = React12.useState(null);
-  const [editingAddress, setEditingAddress] = React12.useState(void 0);
-  const [isAddressModalOpen, setIsAddressModalOpen] = React12.useState(false);
-  const [selectedAddressId, setSelectedAddressId] = React12.useState(null);
-  const [addressToDelete, setAddressToDelete] = React12.useState(null);
+  const [deletingId, setDeletingId] = React10.useState(null);
+  const [editingAddress, setEditingAddress] = React10.useState(void 0);
+  const [isAddressModalOpen, setIsAddressModalOpen] = React10.useState(false);
+  const [selectedAddressId, setSelectedAddressId] = React10.useState(null);
+  const [addressToDelete, setAddressToDelete] = React10.useState(null);
   const notification = useNotification();
   const handleConfirmDelete = async () => {
     if (!addressToDelete) return;
@@ -18645,9 +18377,9 @@ function AccountSettingsTab() {
   const router = navigation.useRouter();
   const { buildPath } = useBasePath();
   const { logout } = useAuth();
-  const [showDeleteModal, setShowDeleteModal] = React12.useState(false);
-  const [isDeleting, setIsDeleting] = React12.useState(false);
-  const [deleteError, setDeleteError] = React12.useState(null);
+  const [showDeleteModal, setShowDeleteModal] = React10.useState(false);
+  const [isDeleting, setIsDeleting] = React10.useState(false);
+  const [deleteError, setDeleteError] = React10.useState(null);
   const handleDeleteAccount = async () => {
     setIsDeleting(true);
     setDeleteError(null);
@@ -18846,10 +18578,10 @@ function AccountPage() {
   const router = navigation.useRouter();
   const { user, logout, isLoading } = useAuth();
   const { buildPath } = useBasePath();
-  const [activeTab, setActiveTab] = React12.useState("overview");
-  const [isDropdownOpen, setIsDropdownOpen] = React12.useState(false);
-  const [isLoggingOut, setIsLoggingOut] = React12.useState(false);
-  React12__default.default.useEffect(() => {
+  const [activeTab, setActiveTab] = React10.useState("overview");
+  const [isDropdownOpen, setIsDropdownOpen] = React10.useState(false);
+  const [isLoggingOut, setIsLoggingOut] = React10.useState(false);
+  React10__default.default.useEffect(() => {
     const handleTabSwitch = (event) => {
       setActiveTab(event.detail);
     };
@@ -18895,7 +18627,7 @@ function AccountPage() {
 function OrderCard({ order, onDelete }) {
   const router = navigation.useRouter();
   const { buildPath } = useBasePath();
-  const [isDragging, setIsDragging] = React12.useState(false);
+  const [isDragging, setIsDragging] = React10.useState(false);
   const dragX = framerMotion.useMotionValue(0);
   const deleteOpacity = framerMotion.useTransform(dragX, [-100, -20], [1, 0]);
   const config = order.orderStatus;
@@ -18967,7 +18699,7 @@ function OrderCard({ order, onDelete }) {
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-12 h-12 rounded-sm bg-gray-100 shrink-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
                   Image4__default.default,
                   {
-                    src: item?.productVariantData?.media?.[0]?.file || "/placeholder-product.png",
+                    src: item?.productVariantData?.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC,
                     alt: item?.productVariantData?.name || "Product image",
                     fill: true,
                     className: "object-cover",
@@ -19051,9 +18783,9 @@ function FilterChips({
   maxVisible = 4,
   variant = "primary"
 }) {
-  const [isOverflowOpen, setIsOverflowOpen] = React12.useState(false);
-  const overflowMenuRef = React12.useRef(null);
-  const { visibleFilters, overflowFilters } = React12.useMemo(() => {
+  const [isOverflowOpen, setIsOverflowOpen] = React10.useState(false);
+  const overflowMenuRef = React10.useRef(null);
+  const { visibleFilters, overflowFilters } = React10.useMemo(() => {
     const basePrimary = filters.slice(0, maxVisible);
     if (basePrimary.includes(selected)) {
       return {
@@ -19073,7 +18805,7 @@ function FilterChips({
       overflowFilters: filters.filter((filter) => !uniquePrimary.includes(filter))
     };
   }, [filters, maxVisible, selected]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     function handleClickOutside(event) {
       if (overflowMenuRef.current && !overflowMenuRef.current.contains(event.target)) {
         setIsOverflowOpen(false);
@@ -19172,8 +18904,8 @@ function ReviewPromptBanner({
 }) {
   const router = navigation.useRouter();
   const { buildPath } = useBasePath();
-  const [isVisible, setIsVisible] = React12.useState(false);
-  React12.useEffect(() => {
+  const [isVisible, setIsVisible] = React10.useState(false);
+  React10.useEffect(() => {
     const dismissedPrompts = JSON.parse(
       localStorage.getItem("dismissedReviewPrompts") || "[]"
     );
@@ -19240,23 +18972,23 @@ var PAYMENT_FILTERS = ["All", ...Object.values(PaymentPaymentStatusEnum)];
 function OrdersScreen() {
   const router = navigation.useRouter();
   const { buildPath } = useBasePath();
-  const [page, setPage] = React12.useState(1);
-  const [selectedFilter, setSelectedFilter] = React12.useState("All");
-  const [selectedPaymentFilter, setSelectedPaymentFilter] = React12.useState("All");
+  const [page, setPage] = React10.useState(1);
+  const [selectedFilter, setSelectedFilter] = React10.useState("All");
+  const [selectedPaymentFilter, setSelectedPaymentFilter] = React10.useState("All");
   const { orders, isLoading, pagination, deleteOrder } = useOrders(
     page,
     10,
     selectedFilter,
     selectedPaymentFilter
   );
-  const filteredOrders = React12.useMemo(() => {
+  const filteredOrders = React10.useMemo(() => {
     return orders.filter((order) => {
       const matchesStatus = selectedFilter === "All" || order?.orderStatus?.toLowerCase() === selectedFilter.toLowerCase();
       const matchesPayment = selectedPaymentFilter === "All" || order?.payment?.paymentStatus?.toLowerCase() === selectedPaymentFilter.toLowerCase();
       return matchesStatus && matchesPayment;
     });
   }, [orders, selectedFilter, selectedPaymentFilter]);
-  const completedOrderForPrompt = React12.useMemo(() => {
+  const completedOrderForPrompt = React10.useMemo(() => {
     return filteredOrders.find(
       (order) => order.orderStatus && ["Delivered", "Picked Up", "Fulfilled"].includes(order.orderStatus)
     );
@@ -19531,9 +19263,9 @@ function AddressesScreen() {
     removeAddress,
     markAsDefault
   } = useAddresses();
-  const [isModalOpen, setIsModalOpen] = React12.useState(false);
-  const [editingAddress, setEditingAddress] = React12.useState(null);
-  const [banner, setBanner] = React12.useState(
+  const [isModalOpen, setIsModalOpen] = React10.useState(false);
+  const [editingAddress, setEditingAddress] = React10.useState(null);
+  const [banner, setBanner] = React10.useState(
     null
   );
   const {
@@ -19545,7 +19277,7 @@ function AddressesScreen() {
     resolver: zod$1.zodResolver(addressFormSchema),
     defaultValues: FORM_DEFAULTS
   });
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     if (editingAddress) {
       reset({
         fullName: editingAddress.name,
@@ -19642,7 +19374,7 @@ You can add it back at any time.`
       });
     }
   };
-  const stats = React12.useMemo(() => {
+  const stats = React10.useMemo(() => {
     const shippingCount = addresses.filter((address) => address.addressType !== "Billing").length;
     const billingCount = addresses.filter((address) => address.addressType !== "Shipping").length;
     return [
@@ -19936,15 +19668,15 @@ You can add it back at any time.`
   ] });
 }
 function useWishlistProducts(productIds = []) {
-  const [products, setProducts] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const [cache] = React12.useState(() => /* @__PURE__ */ new Map());
-  const uniqueIds = React12.useMemo(
+  const [products, setProducts] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const [cache] = React10.useState(() => /* @__PURE__ */ new Map());
+  const uniqueIds = React10.useMemo(
     () => Array.from(new Set((productIds || []).filter(Boolean))),
     [productIds]
   );
-  const fetchProducts = React12.useCallback(async () => {
+  const fetchProducts = React10.useCallback(async () => {
     if (uniqueIds.length === 0) {
       setProducts([]);
       setIsLoading(false);
@@ -19972,7 +19704,7 @@ function useWishlistProducts(productIds = []) {
       setIsLoading(false);
     }
   }, [cache, uniqueIds]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     fetchProducts();
   }, [fetchProducts]);
   return {
@@ -20005,10 +19737,10 @@ function WishlistScreen() {
   const { products: wishlistProducts, isLoading, error } = useWishlistProducts(
     wishlistItems
   );
-  const [onlyInStock, setOnlyInStock] = React12.useState(false);
-  const [viewMode, setViewMode] = React12.useState("list");
-  const [sortOption, setSortOption] = React12.useState("featured");
-  React12.useEffect(() => {
+  const [onlyInStock, setOnlyInStock] = React10.useState(false);
+  const [viewMode, setViewMode] = React10.useState("list");
+  const [sortOption, setSortOption] = React10.useState("featured");
+  React10.useEffect(() => {
     if (error) {
       notification.error(
         "Could not load wishlist",
@@ -20033,11 +19765,11 @@ function WishlistScreen() {
       console.error("Error clearing wishlist:", err);
     }
   };
-  const totalValue = React12.useMemo(
+  const totalValue = React10.useMemo(
     () => wishlistProducts.reduce((sum, product) => sum + (product.summary?.minPrice ?? 0), 0),
     [wishlistProducts]
   );
-  React12.useMemo(
+  React10.useMemo(
     () => wishlistProducts.reduce((sum, product) => {
       if (product.summary?.hasDiscount) {
         const maxPrice = product.summary?.maxPrice ?? 0;
@@ -20048,11 +19780,11 @@ function WishlistScreen() {
     }, 0),
     [wishlistProducts]
   );
-  React12.useMemo(
+  React10.useMemo(
     () => wishlistProducts.filter((product) => (product.summary?.totalInventory ?? 0) > 0).length,
     [wishlistProducts]
   );
-  const processedProducts = React12.useMemo(() => {
+  const processedProducts = React10.useMemo(() => {
     let list = [...wishlistProducts];
     if (onlyInStock) {
       list = list.filter((product) => (product.summary?.totalInventory ?? 0) > 0);
@@ -20236,7 +19968,7 @@ function WishlistScreen() {
                   Image4__default.default,
                   {
                     fill: true,
-                    src: product.media?.[0]?.file || "/placeholder-product.png",
+                    src: product.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC,
                     alt: product.name || "Wishlist item",
                     className: "h-full w-full object-cover"
                   }
@@ -20272,7 +20004,7 @@ function WishlistScreen() {
                       {
                         size: "sm",
                         onClick: () => router.push(buildPath(`/products/${product._id}`)),
-                        className: "bg-primary/90 text-white hover:bg-primary/70",
+                        className: "bg-primary-90 text-white hover:bg-primary-70",
                         children: "View details"
                       }
                     ),
@@ -20314,15 +20046,15 @@ function SearchPage() {
   const { buildPath } = useBasePath();
   const searchParams = navigation.useSearchParams();
   const searchQuery = searchParams.get("q") || "";
-  const [products, setProducts] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [searchInput, setSearchInput] = React12.useState(searchQuery);
-  const [hasSearched, setHasSearched] = React12.useState(false);
+  const [products, setProducts] = React10.useState([]);
+  const [isLoading, setIsLoading] = React10.useState(true);
+  const [searchInput, setSearchInput] = React10.useState(searchQuery);
+  const [hasSearched, setHasSearched] = React10.useState(false);
   const { isInWishlist } = useWishlist();
-  const [suggestions, setSuggestions] = React12.useState([]);
-  const [showSuggestions, setShowSuggestions] = React12.useState(false);
-  const [recentSearches, setRecentSearches] = React12.useState([]);
-  React12.useEffect(() => {
+  const [suggestions, setSuggestions] = React10.useState([]);
+  const [showSuggestions, setShowSuggestions] = React10.useState(false);
+  const [recentSearches, setRecentSearches] = React10.useState([]);
+  React10.useEffect(() => {
     const stored = localStorage.getItem("recent_searches");
     if (stored) {
       try {
@@ -20332,7 +20064,7 @@ function SearchPage() {
       }
     }
   }, []);
-  const saveRecentSearch = React12.useCallback((query) => {
+  const saveRecentSearch = React10.useCallback((query) => {
     if (!query.trim()) return;
     setRecentSearches((prev) => {
       const updated = [query, ...prev.filter((s) => s !== query)].slice(0, 5);
@@ -20340,7 +20072,7 @@ function SearchPage() {
       return updated;
     });
   }, []);
-  const generateSuggestions = React12.useMemo(() => {
+  const generateSuggestions = React10.useMemo(() => {
     if (!searchInput.trim() || searchInput.length < 2) {
       return [];
     }
@@ -20361,15 +20093,15 @@ function SearchPage() {
     });
     return Array.from(suggestionSet).slice(0, 5);
   }, [searchInput, products]);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     setSuggestions(generateSuggestions);
   }, [generateSuggestions]);
-  const sanitizeSearchInput = React12.useCallback((input) => {
+  const sanitizeSearchInput = React10.useCallback((input) => {
     let sanitized = input.trim();
     sanitized = sanitized.replace(/\s+/g, " ");
     return sanitized;
   }, []);
-  React12.useEffect(() => {
+  React10.useEffect(() => {
     const fetchSearchResults = async () => {
       const sanitizedQuery = sanitizeSearchInput(searchQuery);
       if (!sanitizedQuery) {
@@ -20628,7 +20360,7 @@ function SearchPage() {
 }
 function NewAddressPage() {
   const router = navigation.useRouter();
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
   const notification = useNotification();
   const {
     register,
@@ -20811,8 +20543,8 @@ function EditProfileScreen() {
   const router = navigation.useRouter();
   const { user, updateUser } = useAuth();
   const { buildPath } = useBasePath();
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
-  const [status, setStatus] = React12.useState(
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
+  const [status, setStatus] = React10.useState(
     null
   );
   const {
@@ -20966,7 +20698,7 @@ function ReviewForm({
   onSuccess,
   onCancel
 }) {
-  const [rating, setRating] = React12.useState(0);
+  const [rating, setRating] = React10.useState(0);
   const { createReview, isLoading } = useCreateReview();
   const notification = useNotification();
   const {
@@ -21130,9 +20862,9 @@ function OrderReviewsScreen() {
   const router = navigation.useRouter();
   const { isAuthenticated } = useAuth();
   const { orders, isLoading, error, refetch } = useCurrentOrders();
-  const [selectedOrder, setSelectedOrder] = React12.useState(null);
-  const [selectedProduct, setSelectedProduct] = React12.useState(null);
-  React12__default.default.useEffect(() => {
+  const [selectedOrder, setSelectedOrder] = React10.useState(null);
+  const [selectedProduct, setSelectedProduct] = React10.useState(null);
+  React10__default.default.useEffect(() => {
     if (!isLoading && !isAuthenticated) {
       router.push("/login");
     }
@@ -21435,10 +21167,10 @@ var Switch = ({ checked, onChange, disabled }) => /* @__PURE__ */ jsxRuntime.jsx
 );
 function NotificationSettingsScreen() {
   const { settings, updateSettings, isLoading } = useNotificationCenter();
-  const [localSettings, setLocalSettings] = React12.useState(settings);
-  const [isSaving, setIsSaving] = React12.useState(false);
-  const [hasChanges, setHasChanges] = React12.useState(false);
-  React12.useEffect(() => {
+  const [localSettings, setLocalSettings] = React10.useState(settings);
+  const [isSaving, setIsSaving] = React10.useState(false);
+  const [hasChanges, setHasChanges] = React10.useState(false);
+  React10.useEffect(() => {
     if (settings) {
       setLocalSettings(settings);
     }
@@ -21584,7 +21316,7 @@ function OrderDetailScreen({ id }) {
   const { order, isLoading, error } = useOrder(id);
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-slate-50 flex flex-col items-center justify-center p-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 border-4 border-primary/20 border-t-primary rounded-full animate-spin mb-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 border-4 border-primary-20 border-t-primary rounded-full animate-spin mb-4" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted font-medium animate-pulse", children: "Retrieving order details..." })
     ] });
   }
@@ -21682,7 +21414,7 @@ function OrderDetailScreen({ id }) {
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-20 h-20 bg-slate-100 rounded-2xl overflow-hidden shrink-0 border border-slate-100 group-hover:scale-105 transition-transform duration-300", children: /* @__PURE__ */ jsxRuntime.jsx(
                   Image4__default.default,
                   {
-                    src: item.productVariantData?.media?.[0]?.file || "/placeholder-product.png",
+                    src: item.productVariantData?.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC,
                     alt: item.productVariantData?.name || "Item",
                     fill: true,
                     className: "object-cover",
@@ -21754,7 +21486,7 @@ function OrderDetailScreen({ id }) {
         {
           initial: { opacity: 0, x: 20 },
           animate: { opacity: 1, x: 0 },
-          className: "bg-secondary p-8 rounded-[2rem] text-white shadow-xl shadow-secondary/20 sticky top-8",
+          className: "bg-secondary p-8 rounded-[2rem] text-white shadow-xl shadow-secondary-20 sticky top-8",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold mb-6 flex items-center gap-2", children: "Summary View" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 mb-8", children: [
@@ -21811,8 +21543,8 @@ function ChangePasswordScreen() {
   const router = navigation.useRouter();
   const { user } = useAuth();
   const { buildPath } = useBasePath();
-  const [isSubmitting, setIsSubmitting] = React12.useState(false);
-  const [status, setStatus] = React12.useState(
+  const [isSubmitting, setIsSubmitting] = React10.useState(false);
+  const [status, setStatus] = React10.useState(
     null
   );
   const {
@@ -21856,103 +21588,440 @@ function ChangePasswordScreen() {
             /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-slate-900", children: "Change password" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm text-slate-600", children: "Use a strong password that you have not used elsewhere. Updating your password will sign you out of other active sessions." }),
-        status && /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm text-slate-600", children: "Use a strong password that you have not used elsewhere. Updating your password will sign you out of other active sessions." }),
+        status && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: `mt-4 flex items-start gap-2 rounded-2xl border px-4 py-3 text-sm ${status.type === "success" ? "border-green-200 bg-green-50 text-green-800" : "border-red-200 bg-red-50 text-red-700"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-[2px] text-base", children: status.type === "success" ? "\u2714" : "!" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: status.message })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "mt-8 space-y-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              type: "password",
+              label: "Current password",
+              placeholder: "Enter current password",
+              ...register("currentPassword"),
+              error: errors.currentPassword?.message
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              type: "password",
+              label: "New password",
+              placeholder: "Enter new password",
+              ...register("newPassword"),
+              error: errors.newPassword?.message
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              type: "password",
+              label: "Confirm new password",
+              placeholder: "Re-type new password",
+              ...register("confirmPassword"),
+              error: errors.confirmPassword?.message
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                variant: "primary",
+                type: "submit",
+                size: "lg",
+                isLoading: isSubmitting,
+                children: "Save password"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline-solid",
+                size: "lg",
+                className: "border-slate-300 text-slate-800 hover:bg-slate-50",
+                onClick: () => router.push(buildPath("/account")),
+                children: "Cancel"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center gap-2 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-600", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-4 w-4 text-primary-600" }),
+          "Strong passwords and up-to-date contact details help pharmacists verify changes quickly."
+        ] })
+      ]
+    }
+  ) }) });
+}
+var getNotificationIcon = (type) => {
+  const className = "w-5 h-5";
+  switch (type) {
+    case "ORDER_CONFIRMATION":
+    case "ORDER_SHIPPED":
+    case "ORDER_DELIVERED":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className });
+    case "PAYMENT_FAILED":
+    case "REFUND_PROCESSED":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className });
+    case "PASSWORD_RESET":
+    case "NEW_DEVICE_LOGIN":
+    case "TWO_FA_CODE":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className });
+    case "ABANDONED_CART_REMINDER":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingCart, { className });
+    case "PRICE_DROP_ALERT":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { className });
+    case "BACK_IN_STOCK":
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className });
+  }
+};
+var getNotificationColor = (type) => {
+  switch (type) {
+    case "ORDER_CONFIRMATION":
+    case "ORDER_DELIVERED":
+    case "REFUND_PROCESSED":
+      return "bg-green-100 text-green-600";
+    case "ORDER_SHIPPED":
+      return "bg-blue-100 text-blue-600";
+    case "PAYMENT_FAILED":
+      return "bg-red-100 text-red-600";
+    case "PASSWORD_RESET":
+    case "NEW_DEVICE_LOGIN":
+    case "TWO_FA_CODE":
+      return "bg-purple-100 text-purple-600";
+    case "ABANDONED_CART_REMINDER":
+    case "PRICE_DROP_ALERT":
+    case "BACK_IN_STOCK":
+      return "bg-orange-100 text-orange-600";
+    default:
+      return "bg-gray-100 text-gray-600";
+  }
+};
+var formatRelativeTime = (dateString) => {
+  const date = new Date(dateString);
+  const diff = Date.now() - date.getTime();
+  const mins = Math.floor(diff / 6e4);
+  const hours = Math.floor(diff / 36e5);
+  const days = Math.floor(diff / 864e5);
+  if (mins < 1) return "Just now";
+  if (mins < 60) return `${mins} min ago`;
+  if (hours < 24) return `${hours} hour${hours > 1 ? "s" : ""} ago`;
+  if (days < 7) return `${days} day${days > 1 ? "s" : ""} ago`;
+  return date.toLocaleDateString();
+};
+function NotificationCard({
+  notification,
+  onMarkAsRead,
+  onDelete
+}) {
+  const router = navigation.useRouter();
+  const { buildPath } = useBasePath();
+  const hasDragged = React10.useRef(false);
+  const handleClick = () => {
+    if (hasDragged.current) return;
+    if (!notification.isRead) {
+      onMarkAsRead(notification._id);
+    }
+    if (notification.data?.orderId) {
+      router.push(buildPath(`/account/orders/${notification.data.orderId}`));
+    } else if (notification.data?.productId) {
+      router.push(buildPath(`/products/${notification.data.productId}`));
+    }
+  };
+  const handleDelete = (e) => {
+    e.stopPropagation();
+    onDelete(notification._id);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden rounded-lg", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-end px-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1 text-white", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "w-5 h-5" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider", children: "Remove" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        drag: "x",
+        initial: { opacity: 0, x: 0 },
+        animate: { opacity: 1, x: 0 },
+        className: `relative z-10 p-4 border cursor-pointer select-none touch-pan-y transition-colors ${notification.isRead ? "bg-white border-gray-200" : "bg-blue-50 border-blue-200"}`,
+        onClick: handleClick,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: `flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center ${getNotificationColor(
+                notification.type
+              )}`,
+              children: getNotificationIcon(notification.type)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-gray-900 text-sm line-clamp-1", children: notification.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: handleDelete,
+                  className: "flex-shrink-0 p-1 bg-gray-100 rounded-full hover:bg-red-50",
+                  "aria-label": "Delete notification",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4 text-gray-400 hover:text-red-500" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 mt-1 line-clamp-2", children: notification.body }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500", children: formatRelativeTime(notification.createdAt) }),
+              !notification.isRead && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: "w-2 h-2 bg-blue-500 rounded-full",
+                  "aria-label": "Unread"
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+var modalVariants = {
+  hidden: { opacity: 0, y: -8, scale: 0.96 },
+  visible: { opacity: 1, y: 0, scale: 1 },
+  exit: { opacity: 0, y: -8, scale: 0.96 }
+};
+function NotificationModal() {
+  const {
+    isDrawerOpen,
+    closeDrawer,
+    notifications,
+    unreadCount,
+    isLoading,
+    markAsRead,
+    markAllAsRead,
+    deleteNotification,
+    loadMore,
+    hasMore
+  } = useNotificationCenter();
+  const router = navigation.useRouter();
+  const { buildPath } = useBasePath();
+  const scrollRef = React10.useRef(null);
+  const modalRef = React10.useRef(null);
+  const lastScrollTrigger = React10.useRef(0);
+  const handleScroll = React10.useCallback(() => {
+    if (!scrollRef.current || isLoading || !hasMore) return;
+    const now = Date.now();
+    if (now - lastScrollTrigger.current < 300) return;
+    const { scrollTop, scrollHeight, clientHeight } = scrollRef.current;
+    if ((scrollTop + clientHeight) / scrollHeight > 0.8) {
+      lastScrollTrigger.current = now;
+      loadMore();
+    }
+  }, [isLoading, hasMore, loadMore]);
+  const handleSettingsClick = React10.useCallback(() => {
+    closeDrawer();
+    router.push(buildPath("/account/notifications"));
+  }, [closeDrawer, router, buildPath]);
+  React10.useEffect(() => {
+    if (!isDrawerOpen) return;
+    modalRef.current?.focus();
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") closeDrawer();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [isDrawerOpen, closeDrawer]);
+  React10.useEffect(() => {
+    if (!isDrawerOpen) return;
+    const handleClickOutside = (e) => {
+      const bellButton = document.getElementById("notification-bell-button");
+      if (modalRef.current && !modalRef.current.contains(e.target) && !bellButton?.contains(e.target)) {
+        closeDrawer();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [isDrawerOpen, closeDrawer]);
+  const hasNotifications = notifications.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isDrawerOpen && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      ref: modalRef,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": "notification-title",
+      tabIndex: -1,
+      variants: modalVariants,
+      initial: "hidden",
+      animate: "visible",
+      exit: "exit",
+      transition: { type: "spring", stiffness: 350, damping: 28 },
+      className: "absolute top-full lg:right-0 mt-1 lg:w-screen lg:max-w-sm bg-white rounded-2xl shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] z-[100] flex flex-col overflow-hidden border border-gray-100 origin-top-right rounded-lg border border-slate-200 bg-white shadow-lg",
+      style: { maxHeight: "calc(100vh - 120px)" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -top-1 right-5 w-3 h-3 bg-white border-l border-t border-gray-100 transform rotate-45 z-10" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b bg-gradient-to-r from-primary-50 to-white", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                id: "notification-title",
+                className: "text-lg font-bold text-gray-900",
+                children: "Notifications"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                "aria-live": "polite",
+                className: "bg-red-500 text-white text-xs font-bold px-2 py-0.5 rounded-full",
+                children: unreadCount
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+            unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: markAllAsRead,
+                title: "Mark all as read",
+                className: "p-2 rounded-lg hover:bg-white transition",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCheck, { className: "w-4 h-4 text-gray-600" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: handleSettingsClick,
+                title: "Notification settings",
+                className: "p-2 rounded-lg hover:bg-white transition",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "w-4 h-4 text-gray-600" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: closeDrawer,
+                "aria-label": "Close notifications",
+                className: "p-2 rounded-lg hover:bg-red-50 transition",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4 text-gray-600" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: `mt-4 flex items-start gap-2 rounded-2xl border px-4 py-3 text-sm ${status.type === "success" ? "border-green-200 bg-green-50 text-green-800" : "border-red-200 bg-red-50 text-red-700"}`,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-[2px] text-base", children: status.type === "success" ? "\u2714" : "!" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: status.message })
-            ]
+            ref: scrollRef,
+            onScroll: handleScroll,
+            className: "flex-1 overflow-y-auto p-3 space-y-2 bg-gray-50 scrollbar-thin scrollbar-thumb-gray-300",
+            children: !hasNotifications && !isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-14 text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BellOff, { className: "w-10 h-10 text-gray-400 mb-3" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-700", children: "No notifications yet" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 mt-1", children: "You\u2019re all caught up \u{1F389}" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              notifications.map((notification) => /* @__PURE__ */ jsxRuntime.jsx(
+                NotificationCard,
+                {
+                  notification,
+                  onMarkAsRead: markAsRead,
+                  onDelete: deleteNotification
+                },
+                notification._id
+              )),
+              isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 py-2", children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "h-16 rounded-xl bg-gray-200 animate-pulse"
+                },
+                i
+              )) }),
+              !hasMore && hasNotifications && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-3 text-xs text-gray-500", children: "You\u2019re all caught up \u{1F389}" })
+            ] })
           }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "mt-8 space-y-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Input,
-            {
-              type: "password",
-              label: "Current password",
-              placeholder: "Enter current password",
-              ...register("currentPassword"),
-              error: errors.currentPassword?.message
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Input,
-            {
-              type: "password",
-              label: "New password",
-              placeholder: "Enter new password",
-              ...register("newPassword"),
-              error: errors.newPassword?.message
-            }
-          ),
+        )
+      ]
+    }
+  ) }) });
+}
+function NotificationBell() {
+  const { unreadCount, isDrawerOpen, openDrawer, closeDrawer } = useNotificationCenter();
+  const handleToggle = (e) => {
+    e.stopPropagation();
+    if (isDrawerOpen) {
+      closeDrawer();
+    } else {
+      openDrawer();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      framerMotion.motion.button,
+      {
+        id: "notification-bell-button",
+        onClick: handleToggle,
+        onMouseDown: (e) => e.stopPropagation(),
+        className: `relative p-2.5 rounded-xl transition-all duration-300 group flex items-center justify-center ${isDrawerOpen ? "bg-primary-50 text-primary-600" : "hover:bg-gradient-to-br hover:from-primary-50 hover:to-primary-100/50 text-gray-700"}`,
+        "aria-label": "Notifications",
+        whileHover: isDrawerOpen ? {} : { scale: 1.05 },
+        whileTap: { scale: 0.95 },
+        children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            Input,
+            lucideReact.Bell,
             {
-              type: "password",
-              label: "Confirm new password",
-              placeholder: "Re-type new password",
-              ...register("confirmPassword"),
-              error: errors.confirmPassword?.message
+              className: `w-6 h-6 transition-colors duration-300 ${isDrawerOpen ? "text-primary-600 bg-gray-100 rounded-lg p-2 w-10 h-10 transition-all duration-300" : "group-hover:text-primary-600"}`,
+              strokeWidth: 2
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
+              framerMotion.motion.span,
               {
-                variant: "primary",
-                type: "submit",
-                size: "lg",
-                isLoading: isSubmitting,
-                children: "Save password"
+                initial: { scale: 0.8, opacity: 0 },
+                animate: {
+                  scale: [1, 1.4, 1.4],
+                  opacity: [0.6, 0, 0]
+                },
+                exit: { scale: 0, opacity: 0 },
+                transition: {
+                  duration: 2,
+                  repeat: Infinity,
+                  repeatDelay: 0.5
+                },
+                className: "absolute -top-0.5 -right-0.5 w-6 h-6 bg-red-500 rounded-full"
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
+              framerMotion.motion.span,
               {
-                type: "button",
-                variant: "outline-solid",
-                size: "lg",
-                className: "border-slate-300 text-slate-800 hover:bg-slate-50",
-                onClick: () => router.push(buildPath("/account")),
-                children: "Cancel"
+                initial: { scale: 0, rotate: -180 },
+                animate: { scale: 1, rotate: 0 },
+                exit: { scale: 0, rotate: 180 },
+                transition: {
+                  type: "spring",
+                  damping: 15,
+                  stiffness: 300
+                },
+                className: "absolute -top-1 -right-1 min-w-[20px] h-5 bg-gradient-to-br from-red-500 to-red-600 text-white text-[10px] font-bold rounded-full flex items-center justify-center px-1.5 shadow-lg shadow-red-500/40 border-2 border-white",
+                children: unreadCount > 99 ? "99+" : unreadCount
               }
             )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center gap-2 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-600", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-4 w-4 text-primary-600" }),
-          "Strong passwords and up-to-date contact details help pharmacists verify changes quickly."
-        ] })
-      ]
-    }
-  ) }) });
-}
-function NotificationBell() {
-  const { unreadCount, openDrawer } = useNotificationCenter();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      onClick: openDrawer,
-      className: "relative p-2 hover:bg-gray-100 rounded-lg transition-colors",
-      "aria-label": "Notifications",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "w-6 h-6 text-gray-700" }),
-        /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.span,
-          {
-            initial: { scale: 0 },
-            animate: { scale: 1 },
-            exit: { scale: 0 },
-            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",
-            children: unreadCount > 99 ? "99+" : unreadCount
-          }
-        ) })
-      ]
-    }
-  );
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(NotificationModal, {})
+  ] });
 }
 function Header() {
   const { config } = useTheme();
@@ -21960,11 +22029,11 @@ function Header() {
   const { cart } = useCart() || { cart: { } };
   const { getWishlistCount } = useWishlist();
   const wishlistCount = getWishlistCount?.() || 0;
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = React12.useState(false);
-  const [isSearchOpen, setIsSearchOpen] = React12.useState(false);
-  const [isDropdownOpen, setIsDropdownOpen] = React12.useState(false);
-  const [isLoggingOut, setIsLoggingOut] = React12.useState(false);
-  const [searchQuery, setSearchQuery] = React12.useState("");
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = React10.useState(false);
+  const [isSearchOpen, setIsSearchOpen] = React10.useState(false);
+  const [isDropdownOpen, setIsDropdownOpen] = React10.useState(false);
+  const [isLoggingOut, setIsLoggingOut] = React10.useState(false);
+  const [searchQuery, setSearchQuery] = React10.useState("");
   const { buildPath } = useBasePath();
   const router = navigation.useRouter();
   const handleLogout = async () => {
@@ -22297,6 +22366,141 @@ function Footer() {
     ] })
   ] }) });
 }
+function NotificationDrawer() {
+  const {
+    isDrawerOpen,
+    closeDrawer,
+    notifications,
+    unreadCount,
+    isLoading,
+    markAsRead,
+    markAllAsRead,
+    deleteNotification,
+    loadMore,
+    hasMore
+  } = useNotificationCenter();
+  const router = navigation.useRouter();
+  const { buildPath } = useBasePath();
+  const scrollContainerRef = React10.useRef(null);
+  const handleScroll = () => {
+    if (!scrollContainerRef.current || isLoading || !hasMore) return;
+    const { scrollTop, scrollHeight, clientHeight } = scrollContainerRef.current;
+    const scrollPercentage = (scrollTop + clientHeight) / scrollHeight;
+    if (scrollPercentage > 0.8) {
+      loadMore();
+    }
+  };
+  React10.useEffect(() => {
+    const handleEscape = (e) => {
+      if (e.key === "Escape" && isDrawerOpen) {
+        closeDrawer();
+      }
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => document.removeEventListener("keydown", handleEscape);
+  }, [isDrawerOpen, closeDrawer]);
+  React10.useEffect(() => {
+    if (isDrawerOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [isDrawerOpen]);
+  const handleSettingsClick = () => {
+    closeDrawer();
+    router.push(buildPath("/account/notifications"));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isDrawerOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        className: "fixed inset-0 bg-black/50 z-40",
+        onClick: closeDrawer
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      framerMotion.motion.div,
+      {
+        initial: { x: "100%" },
+        animate: { x: 0 },
+        exit: { x: "100%" },
+        transition: { type: "spring", damping: 25, stiffness: 200 },
+        className: "fixed right-0 top-0 bottom-0 w-full sm:w-[480px] bg-white shadow-2xl z-50 flex flex-col max-w-[480px]",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 bg-white", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-gray-900", children: "Notifications" }),
+              unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-red-500 text-white text-xs font-bold px-2 py-1 rounded-full", children: unreadCount })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: markAllAsRead,
+                  className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
+                  title: "Mark all as read",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCheck, { className: "w-5 h-5 text-gray-600" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: handleSettingsClick,
+                  className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
+                  title: "Notification settings",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "w-5 h-5 text-gray-600" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: closeDrawer,
+                  className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-5 h-5 text-gray-600" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: scrollContainerRef,
+              onScroll: handleScroll,
+              className: "flex-1 overflow-y-auto p-4 space-y-3",
+              children: notifications.length === 0 && !isLoading ? (
+                // Empty state
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center py-12", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 bg-gray-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BellOff, { className: "w-10 h-10 text-gray-400" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: "No notifications yet" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 max-w-xs", children: "When you receive notifications, they'll appear here" })
+                ] })
+              ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                notifications.map((notification) => /* @__PURE__ */ jsxRuntime.jsx(
+                  NotificationCard,
+                  {
+                    notification,
+                    onMarkAsRead: markAsRead,
+                    onDelete: deleteNotification
+                  },
+                  notification._id
+                )),
+                isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 border-2 border-primary-600 border-t-transparent rounded-full animate-spin" }) }),
+                !hasMore && notifications.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-4 text-sm text-gray-500", children: "You're all caught up! \u{1F389}" })
+              ] })
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
 
 exports.AccountReviewsTab = AccountReviewsTab;
 exports.AddressAddressTypeEnum = AddressAddressTypeEnum;