hey-pharmacist-ecommerce 1.1.31 → 1.1.33

package/dist/index.js

@@ -12444,13 +12444,6 @@ function NotificationCenterProvider({ children }) {
     setIsLoading(true);
     try {
       const response = await notificationsApi.current.getNotifications(pageNum, 20, false);
-      console.log("Raw API response:", {
-        fullResponse: response,
-        data: response.data,
-        dataType: typeof response.data,
-        isArray: Array.isArray(response.data),
-        keys: response.data ? Object.keys(response.data) : []
-      });
       const data = response.data;
       let rawNotifications = [];
       if (Array.isArray(data)) {
@@ -12470,13 +12463,6 @@ function NotificationCenterProvider({ children }) {
         createdAt: n.createdAt,
         data: n.data
       }));
-      console.log("Fetched and mapped notifications:", {
-        pageNum,
-        append,
-        rawCount: rawNotifications.length,
-        mappedCount: newNotifications.length,
-        firstNotification: newNotifications[0]
-      });
       if (append) {
         setNotifications((prev) => [...prev, ...newNotifications]);
       } else {
@@ -12495,7 +12481,6 @@ function NotificationCenterProvider({ children }) {
     setIsLoading(true);
     try {
       const response = await notificationsApi.current.getSettings();
-      console.log("Settings API response raw:", response);
       const rawData = response.data;
       let finalSettings = null;
       if (rawData) {
@@ -12540,7 +12525,6 @@ function NotificationCenterProvider({ children }) {
           finalSettings = rawData;
         }
       }
-      console.log("Parsed settings:", finalSettings);
       setSettings(finalSettings);
     } catch (error) {
       console.error("Failed to fetch settings:", error);
@@ -12556,11 +12540,12 @@ function NotificationCenterProvider({ children }) {
       }
       return;
     }
-    const token = getAuthToken();
-    if (!token) return;
     try {
       const config = getCurrentConfig();
-      const sseUrl = `${config.apiBaseUrl}/notifications/stream?token=${encodeURIComponent(token)}`;
+      const token = getAuthToken();
+      if (!token) return;
+      const baseUrl = config.apiBaseUrl.endsWith("/") ? config.apiBaseUrl.slice(0, -1) : config.apiBaseUrl;
+      const sseUrl = `${baseUrl}/notifications/stream?token=${encodeURIComponent(token)}`;
       const eventSource = new EventSource(sseUrl);
       eventSourceRef.current = eventSource;
       eventSource.onmessage = (event) => {
@@ -12681,14 +12666,13 @@ function NotificationCenterProvider({ children }) {
           }
         }))
       };
-      console.log("Updating settings with payload:", payload);
       await notificationsApi.current.updateSettings(payload);
-      setSettings(newSettings);
+      await fetchSettings();
     } catch (error) {
       console.error("Failed to update settings:", error);
       throw error;
     }
-  }, []);
+  }, [fetchSettings]);
   const value = {
     notifications,
     unreadCount,
@@ -12856,14 +12840,6 @@ function NotificationDrawer() {
   const router = navigation.useRouter();
   const { buildPath } = useBasePath();
   const scrollContainerRef = React12.useRef(null);
-  console.log("NotificationDrawer render:", {
-    isDrawerOpen,
-    notificationsCount: notifications.length,
-    notifications: notifications.slice(0, 2),
-    // First 2 for brevity
-    unreadCount,
-    isLoading
-  });
   const handleScroll = () => {
     if (!scrollContainerRef.current || isLoading || !hasMore) return;
     const { scrollTop, scrollHeight, clientHeight } = scrollContainerRef.current;
@@ -12895,6 +12871,7 @@ function NotificationDrawer() {
     closeDrawer();
     router.push(buildPath("/account/notifications"));
   };
+  console.log(notifications);
   return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isDrawerOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
@@ -13391,7 +13368,7 @@ function ProductCard({
                 /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] line-clamp-2", children: product.name }),
                 selectedVariant && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-['Poppins',sans-serif] text-[#676c80]", children: selectedVariant.name })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 ", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 my-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
                   lucideReact.Star,
                   {
@@ -13399,7 +13376,7 @@ function ProductCard({
                   },
                   i
                 )) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[10px] text-[#676c80] mt-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-['Poppins',sans-serif] text-[10px] text-[#676c80] ", children: [
                   "(",
                   product.summary?.reviewCount || 0,
                   ")"
@@ -13485,7 +13462,7 @@ function ProductCard({
                   }
                 },
                 disabled: isAddingToCart || variantImages.length > 0 && !selectedVariantId || displayInventoryCount === 0,
-                className: "w-full font-['Poppins',sans-serif] font-medium text-[11px] px-3 py-2 rounded-full bg-[#5B9BD5] text-white hover:bg-[#4a8ac4] hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-1.5 disabled:opacity-50 disabled:cursor-not-allowed",
+                className: "w-full font-['Poppins',sans-serif] font-medium text-[11px] px-3 py-2 rounded-full bg-[#5B9BD5] text-white hover:bg-[#4a8ac4] hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-1.5 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingCart, { className: "h-4 w-4" }),
                   displayInventoryCount === 0 ? "Out of Stock" : "Add to Cart"
@@ -13549,7 +13526,7 @@ function Button({
   children,
   ...props
 }) {
-  const baseStyles = "font-medium rounded-full transition-all duration-200 inline-flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500";
+  const baseStyles = "font-medium rounded-full transition-all duration-200 inline-flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500 hover:cursor-pointer";
   const variants = {
     primary: "bg-primary-600 text-white hover:bg-primary-700 shadow-lg shadow-primary-500/30 hover:shadow-xl hover:shadow-primary-500/40",
     secondary: "bg-secondary-600 text-white hover:bg-secondary-700 shadow-lg shadow-secondary-500/30 hover:shadow-xl hover:shadow-secondary-500/40",
@@ -18077,7 +18054,7 @@ function TabNavigation({ tabs: tabs2, activeTab, onTabChange }) {
       {
         onClick: () => onTabChange(tab.id),
         className: `
-                flex items-center gap-2 px-6 py-3 text-sm font-medium whitespace-nowrap
+                flex items-center gap-2 px-6 py-3 mt-2 text-sm font-medium whitespace-nowrap
                 border-b-2 transition-colors
                 ${isActive ? "bg-secondary text-white rounded-xl hover:transition-all hover:duration-300 hover:ease-in-out hover:-translate-y-1" : "bg-white text-muted rounded-xl hover:text-secondary hover:transition-all hover:duration-150 hover:ease-in-out hover:-translate-y-1"}
               `,
@@ -18757,9 +18734,6 @@ function AccountSettingsTab() {
   const router = navigation.useRouter();
   const { buildPath } = useBasePath();
   const { logout } = useAuth();
-  const [emailNotifications, setEmailNotifications] = React12.useState(true);
-  const [orderUpdates, setOrderUpdates] = React12.useState(true);
-  const [promotionalEmails, setPromotionalEmails] = React12.useState(false);
   const [showDeleteModal, setShowDeleteModal] = React12.useState(false);
   const [isDeleting, setIsDeleting] = React12.useState(false);
   const [deleteError, setDeleteError] = React12.useState(null);
@@ -18779,59 +18753,6 @@ function AccountSettingsTab() {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 space-y-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-slate-200 bg-white p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "h-5 w-5 text-secondary" }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-secondary", children: "Account Preferences" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center justify-between gap-4 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-secondary", children: "Email Notifications" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted", children: "Receive updates about your orders" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: emailNotifications,
-              onChange: (e) => setEmailNotifications(e.target.checked),
-              className: "h-4 w-4 rounded-sm border-primary-300 text-secondary focus:ring-primary-500"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center justify-between gap-4 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-secondary", children: "Order Updates" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted", children: "Get notified about shipping status" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: orderUpdates,
-              onChange: (e) => setOrderUpdates(e.target.checked),
-              className: "h-4 w-4 rounded-sm border-primary-300 text-secondary focus:ring-primary-500"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center justify-between gap-4 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-secondary", children: "Promotional Emails" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted", children: "Receive special offers and discounts" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: promotionalEmails,
-              onChange: (e) => setPromotionalEmails(e.target.checked),
-              className: "h-4 w-4 rounded-sm border-primary-300 text-secondary focus:ring-primary-500"
-            }
-          )
-        ] })
-      ] })
-    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-slate-200 bg-white p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "h-5 w-5 text-secondary" }),
@@ -21463,7 +21384,6 @@ function OrderReviewsScreen() {
 var NOTIFICATION_CATEGORIES = [
   {
     name: "Order Updates",
-    icon: lucideReact.Package,
     types: [
       {
         type: "ORDER_CONFIRMATION" /* ORDERCONFIRMATION */,
@@ -21484,7 +21404,6 @@ var NOTIFICATION_CATEGORIES = [
   },
   {
     name: "Payments",
-    icon: lucideReact.CreditCard,
     types: [
       {
         type: "PAYMENT_FAILED" /* PAYMENTFAILED */,
@@ -21500,7 +21419,6 @@ var NOTIFICATION_CATEGORIES = [
   },
   {
     name: "Security",
-    icon: lucideReact.Shield,
     types: [
       {
         type: "PASSWORD_RESET" /* PASSWORDRESET */,
@@ -21523,7 +21441,6 @@ var NOTIFICATION_CATEGORIES = [
   },
   {
     name: "Marketing",
-    icon: lucideReact.Bell,
     types: [
       {
         type: "ABANDONED_CART_REMINDER" /* ABANDONEDCARTREMINDER */,
@@ -21546,31 +21463,29 @@ var NOTIFICATION_CATEGORIES = [
     ]
   }
 ];
+var Switch = ({ checked, onChange, disabled }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "button",
+  {
+    onClick: () => !disabled && onChange(!checked),
+    className: `relative w-9 h-5 rounded-full transition-colors duration-200 ease-in-out focus:outline-none ${checked ? "bg-black" : "bg-slate-200"} ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: `absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white shadow-sm transition-transform duration-200 ease-in-out ${checked ? "translate-x-4" : "translate-x-0"}`
+      }
+    )
+  }
+);
 function NotificationSettingsScreen() {
   const { settings, updateSettings, isLoading } = useNotificationCenter();
   const [localSettings, setLocalSettings] = React12.useState(settings);
-  const [expandedCategories, setExpandedCategories] = React12.useState(
-    new Set(NOTIFICATION_CATEGORIES.map((cat) => cat.name))
-  );
   const [isSaving, setIsSaving] = React12.useState(false);
   const [hasChanges, setHasChanges] = React12.useState(false);
   React12.useEffect(() => {
-    console.log("NotificationSettingsScreen: settings updated:", settings);
     if (settings) {
       setLocalSettings(settings);
     }
   }, [settings]);
-  const toggleCategory = (categoryName) => {
-    setExpandedCategories((prev) => {
-      const next = new Set(prev);
-      if (next.has(categoryName)) {
-        next.delete(categoryName);
-      } else {
-        next.add(categoryName);
-      }
-      return next;
-    });
-  };
   const getChannelSetting = (type, channel) => {
     const activeSettings = hasChanges ? localSettings : settings;
     if (!activeSettings?.preferences || !Array.isArray(activeSettings.preferences)) {
@@ -21626,175 +21541,428 @@ function NotificationSettingsScreen() {
       setIsSaving(false);
     }
   };
-  const disableAllChannel = (channel) => {
-    setLocalSettings((prev) => {
-      const currentSettings = prev || { preferences: [] };
-      const prefIsArray = Array.isArray(currentSettings.preferences);
-      const preferences = NOTIFICATION_CATEGORIES.flatMap(
-        (cat) => cat.types.filter((t) => !t.isComingSoon).map((t) => t.type)
-      ).map((type) => {
-        const existing = prefIsArray ? currentSettings.preferences.find((p) => p.type === type) : void 0;
-        return {
-          type,
-          settings: {
-            email: channel === "email" ? false : existing?.settings?.email ?? true,
-            push: channel === "push" ? false : existing?.settings?.push ?? true,
-            inApp: existing?.settings?.inApp ?? true
-          }
-        };
-      });
-      return { ...currentSettings, preferences };
-    });
-    setHasChanges(true);
-  };
   if (isLoading && !settings) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center min-h-[400px] bg-linear-to-b from-[#F8FAFC] to-[#EBF4FB]", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-10 h-10 text-primary animate-spin mb-4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted font-medium", children: "Loading preferences..." })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-[50vh] flex-col items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-6 w-6 animate-spin text-slate-400" }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-linear-to-b from-[#F8FAFC] to-[#EBF4FB]", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-secondary", children: "Notification Preferences" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted", children: "Manage how you receive notifications for different events" })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-4xl px-6 py-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 flex items-end justify-between border-b border-slate-100 pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold tracking-tight text-slate-900", children: "Notifications" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500", children: "Manage your notification preferences across all channels." })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto px-4 pb-32", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4 mb-8", children: NOTIFICATION_CATEGORIES.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-2xl border border-slate-200 shadow-xs overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden grid-cols-12 gap-4 border-b border-slate-100 pb-3 text-xs font-medium uppercase tracking-wider text-slate-400 sm:grid", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-8", children: "Topic" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2 text-center", children: "Email" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2 text-center", children: "Push" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-8 py-4", children: NOTIFICATION_CATEGORIES.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-6 text-sm font-semibold text-slate-900", children: category.name }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: category.types.map((notifType) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group grid grid-cols-1 sm:grid-cols-12 gap-y-3 sm:gap-x-4 items-start sm:items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-8 pr-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm font-medium ${notifType.isComingSoon ? "text-slate-400" : "text-slate-700"}`, children: notifType.label }),
+            notifType.isComingSoon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-slate-500", children: "Soon" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-slate-500", children: notifType.description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-4 grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between sm:justify-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sm:hidden text-xs text-slate-400", children: "Email" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Switch,
+              {
+                checked: getChannelSetting(notifType.type, "email"),
+                onChange: (checked) => updateChannelSetting(notifType.type, "email", checked),
+                disabled: notifType.isComingSoon
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between sm:justify-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sm:hidden text-xs text-slate-400", children: "Push" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Switch,
+              {
+                checked: getChannelSetting(notifType.type, "push"),
+                onChange: (checked) => updateChannelSetting(notifType.type, "push", checked),
+                disabled: notifType.isComingSoon
+              }
+            )
+          ] })
+        ] })
+      ] }, notifType.type)) })
+    ] }, category.name)) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-12 border-t border-slate-100 pt-8 text-center sm:text-left", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        variant: "ghost",
+        className: "text-xs text-slate-400 hover:text-red-600 px-0",
+        onClick: () => {
+          if (confirm("Are you sure you want to disable all notifications?")) {
+            localSettings?.preferences ? [...localSettings.preferences] : [];
+            alert("Feature to disable all coming in next update");
+          }
+        },
+        children: "Disable all notifications"
+      }
+    ) }),
+    hasChanges && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/80 backdrop-blur-sm fixed bottom-6 left-1/2 -translate-x-1/2 z-50 rounded-xl shadow-lg border border-slate-200 p-2 px-4 flex items-center gap-4 animate-in slide-in-from-bottom-2 fade-in duration-300", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-slate-600", children: "Unsaved changes" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px bg-slate-200" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          onClick: handleSave,
+          isLoading: isSaving,
+          disabled: isSaving,
+          variant: "primary",
+          className: "h-8 rounded-lg px-4 text-xs font-medium bg-black text-white bg-slate-800 hover:bg-slate-700",
+          children: "Save"
+        }
+      )
+    ] })
+  ] });
+}
+function OrderDetailScreen({ id }) {
+  const router = navigation.useRouter();
+  const { buildPath } = useBasePath();
+  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("p", { className: "text-muted font-medium animate-pulse", children: "Retrieving order details..." })
+    ] });
+  }
+  if (error || !order) {
+    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: "p-4 bg-red-50 rounded-full mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "w-10 h-10 text-red-500" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-bold text-secondary mb-2", children: "Order Not Found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted mb-6", children: "We couldn't find the order you're looking for." }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => router.push(buildPath("/account")), children: "Back to Account" })
+    ] });
+  }
+  const items = order.items || [];
+  const status = order.orderStatus || "Pending";
+  const isDelivery = order.orderType === "Delivery";
+  const getStatusVariant = (status2) => {
+    switch (status2.toLowerCase()) {
+      case "pending":
+        return "warning";
+      case "delivered":
+      case "fulfilled":
+      case "picked up":
+        return "success";
+      case "shipped":
+        return "primary";
+      case "cancelled":
+        return "danger";
+      default:
+        return "gray";
+    }
+  };
+  const shippingAddress = order.shippingInfo?.addressTo;
+  const pickupAddress = order.pickUpAddress;
+  const activeAddress = isDelivery ? shippingAddress : pickupAddress;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-linear-to-b from-[#F8FAFC] to-[#EBF4FB] pb-20", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container mx-auto px-4 pt-8 max-w-6xl", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => router.back(),
+          className: "group flex items-center gap-2 text-muted hover:text-secondary transition-colors mb-6",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1.5 rounded-full bg-white shadow-xs group-hover:shadow-md transition-all", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: "Back to History" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-secondary", children: "Order Details" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getStatusVariant(status), children: status }),
+            /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "primary", className: "bg-primary-100 text-primary-700 border-primary-200", children: order.orderType || "Pickup" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-muted", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60 text-xs uppercase tracking-widest font-bold", children: "ID:" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-secondary font-mono tracking-tight", children: [
+                "#",
+                id.toUpperCase()
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "w-4 h-4 opacity-60" }),
+              formatDate(order.createdAt || /* @__PURE__ */ new Date(), "long")
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: order.payment?.hostedInvoiceUrl && /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", onClick: () => window.open(order.payment?.hostedInvoiceUrl, "_blank"), className: "bg-accent hover:bg-accent-dark border-none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "w-4 h-4" }),
+          "Payment Details"
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container mx-auto px-4 max-w-6xl grid grid-cols-1 lg:grid-cols-3 gap-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2 space-y-6", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
+          framerMotion.motion.div,
           {
-            onClick: () => toggleCategory(category.name),
-            className: "w-full flex items-center justify-between p-6 hover:bg-slate-50 transition-colors",
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            className: "bg-white rounded-3xl border border-slate-200 shadow-xs overflow-hidden",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 bg-slate-100 rounded-lg group-hover:bg-white transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx(category.icon, { className: "w-5 h-5 text-secondary" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-secondary", children: category.name })
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 border-b border-slate-100 bg-slate-50/50 flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "w-5 h-5 text-secondary" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-bold text-secondary", children: "Order Items" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-bold bg-slate-200 text-muted px-2.5 py-1 rounded-full", children: [
+                  items.length,
+                  " ",
+                  items.length === 1 ? "Product" : "Products"
+                ] })
               ] }),
-              expandedCategories.has(category.name) ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "w-5 h-5 text-muted" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "w-5 h-5 text-muted" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: expandedCategories.has(category.name) && /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.div,
-          {
-            initial: { height: 0, opacity: 0 },
-            animate: { height: "auto", opacity: 1 },
-            exit: { height: 0, opacity: 0 },
-            transition: { duration: 0.2 },
-            className: "border-t border-slate-100",
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 space-y-4", children: category.types.map((notifType) => /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: `rounded-xl border border-slate-200 bg-slate-50 p-4 transition-all hover:bg-white hover:shadow-sm ${notifType.isComingSoon ? "opacity-50 grayscale select-none" : ""}`,
-                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-6", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-secondary", children: notifType.label }),
-                      notifType.isComingSoon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider bg-slate-200 text-muted px-2 py-0.5 rounded-full", children: "Soon" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted mt-1 leading-relaxed", children: notifType.description })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-slate-100", children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 flex gap-6 group hover:bg-slate-50/50 transition-colors", children: [
+                /* @__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.jpg",
+                    alt: item.productVariantData?.name || "Item",
+                    fill: true,
+                    className: "object-cover",
+                    sizes: "80px"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col justify-between py-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-secondary text-lg group-hover:text-primary transition-colors leading-snug mb-1", children: item.productVariantData?.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-sm text-muted", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-300" }),
+                      "Quantity: ",
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary font-bold", children: item.quantity })
+                    ] }) })
                   ] }),
-                  !notifType.isComingSoon && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6 sm:border-l sm:border-slate-200 sm:pl-6", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer group/label", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "input",
-                        {
-                          type: "checkbox",
-                          checked: getChannelSetting(notifType.type, "email"),
-                          onChange: (e) => updateChannelSetting(notifType.type, "email", e.target.checked),
-                          className: "w-4 h-4 text-primary border-slate-300 rounded-sm focus:ring-primary focus:ring-offset-0"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-muted uppercase tracking-wider group-hover/label:text-primary transition-colors", children: "Email" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer group/label", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "input",
-                        {
-                          type: "checkbox",
-                          checked: getChannelSetting(notifType.type, "push"),
-                          onChange: (e) => updateChannelSetting(notifType.type, "push", e.target.checked),
-                          className: "w-4 h-4 text-primary border-slate-300 rounded-sm focus:ring-primary focus:ring-offset-0"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-muted uppercase tracking-wider group-hover/label:text-primary transition-colors", children: "Push" })
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted text-sm", children: [
+                      formatPrice(item.productVariantData?.finalPrice || 0),
+                      " per unit"
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer group/label", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "input",
-                        {
-                          type: "checkbox",
-                          checked: getChannelSetting(notifType.type, "inApp"),
-                          onChange: (e) => updateChannelSetting(notifType.type, "inApp", e.target.checked),
-                          className: "w-4 h-4 text-primary border-slate-300 rounded-sm focus:ring-primary focus:ring-offset-0"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-muted uppercase tracking-wider group-hover/label:text-primary transition-colors", children: "In-App" })
-                    ] })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-black text-secondary", children: formatPrice((item.productVariantData?.finalPrice || 0) * item.quantity) })
                   ] })
                 ] })
-              },
-              notifType.type
-            )) })
+              ] }, item._id || idx)) })
+            ]
           }
-        ) })
-      ] }, category.name)) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-2xl p-6 border border-slate-200 mb-8 shadow-xs", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { className: "h-5 w-5 text-accent" }),
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-secondary", children: "Quick Actions" })
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white p-6 rounded-3xl border border-slate-200 shadow-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "w-5 h-5 text-accent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-secondary", children: isDelivery ? "Shipping Address" : "Pickup Location" })
+            ] }),
+            activeAddress ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted leading-relaxed", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-secondary text-base mb-1", children: activeAddress.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: activeAddress.street1 }),
+              activeAddress.street2 && /* @__PURE__ */ jsxRuntime.jsx("p", { children: activeAddress.street2 }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+                activeAddress.city,
+                ", ",
+                activeAddress.state,
+                " ",
+                activeAddress.zip
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: activeAddress.country })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted italic", children: "No address recorded" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white p-6 rounded-3xl border border-slate-200 shadow-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "w-5 h-5 text-accent" }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold text-secondary", children: "Payment Method" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted leading-relaxed", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-secondary text-base mb-1", children: order.payment?.paymentMethod ? order.payment.paymentMethod.replace("_", " ").toUpperCase() : "N/A" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-2 mt-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60", children: "Status:" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: order.payment?.paymentStatus === "Paid" ? "success" : "warning", children: order.payment?.paymentStatus || "Processing" })
+              ] }),
+              order.payment?.transactionId && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-3 text-[10px] font-bold text-slate-400 uppercase tracking-tighter", children: [
+                "Ref: ",
+                order.payment.transactionId
+              ] })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          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",
+          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: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-white/70", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Subtotal" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-white", children: formatPrice(order.subTotal || 0) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-white/70", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Shipping" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-white", children: formatPrice(order.shippingCost || 0) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-white/70", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Tax" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-white", children: formatPrice(order.tax || 0) })
+              ] }),
+              order.discountedAmount !== void 0 && order.discountedAmount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-primary", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Discount" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-bold", children: [
+                  "-",
+                  formatPrice(order.discountedAmount)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4 border-t border-white/10 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-end", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-black uppercase tracking-[0.2em] text-white/40 mb-1", children: "Grand Total" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-black", children: formatPrice(order.grandTotal || 0) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1 bg-white/10 rounded-lg text-[10px] font-black uppercase tracking-wider text-white/60", children: "USD" })
+              ] }) })
+            ] }),
+            order.orderStatus === "Pending" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-white/5 rounded-2xl border border-white/10 mb-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "w-5 h-5 text-primary shrink-0 mt-0.5" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold mb-1", children: "Order is processing" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-white/60 leading-relaxed", children: "We've received your request and our pharmacists are reviewing it for safety and accuracy." })
+              ] })
+            ] }) })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+init_config();
+var changePasswordSchema = zod.z.object({
+  currentPassword: zod.z.string().min(6, "Current password is required"),
+  newPassword: zod.z.string().min(8, "Password must be at least 8 characters"),
+  confirmPassword: zod.z.string().min(8, "Confirm your new password")
+}).refine((data) => data.newPassword === data.confirmPassword, {
+  path: ["confirmPassword"],
+  message: "Passwords do not match"
+});
+function ChangePasswordScreen() {
+  const router = navigation.useRouter();
+  const { user } = useAuth();
+  const { buildPath } = useBasePath();
+  const [isSubmitting, setIsSubmitting] = React12.useState(false);
+  const [status, setStatus] = React12.useState(
+    null
+  );
+  const {
+    register,
+    handleSubmit,
+    formState: { errors }
+  } = reactHookForm.useForm({
+    resolver: zod$1.zodResolver(changePasswordSchema)
+  });
+  if (!user) {
+    router.push(buildPath("/login"));
+    return null;
+  }
+  const onSubmit = async (data) => {
+    setIsSubmitting(true);
+    setStatus(null);
+    try {
+      await changePassword(data.currentPassword, data.newPassword);
+      setStatus({ type: "success", message: "Password updated successfully" });
+      setTimeout(() => router.push(buildPath("/account")), 600);
+    } catch (error) {
+      setStatus({
+        type: "error",
+        message: error?.response?.data?.message || "Unable to update password"
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-screen bg-slate-50 text-slate-900", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 pb-16 pt-10", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      initial: { opacity: 0, y: 18 },
+      animate: { opacity: 1, y: 0 },
+      className: "mx-auto max-w-2xl rounded-3xl border border-slate-200 bg-white p-8 shadow-xl shadow-primary-50",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-11 w-11 items-center justify-center rounded-2xl bg-primary-50 text-primary-600", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.32em] text-slate-500", children: "Security" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold text-slate-900", children: "Change password" })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
+        /* @__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(
-            Button,
+            Input,
             {
-              variant: "outline-solid",
-              size: "sm",
-              onClick: () => disableAllChannel("email"),
-              className: "rounded-xl border-slate-200 hover:bg-slate-50",
-              children: "Disable All Emails"
+              type: "password",
+              label: "Current password",
+              placeholder: "Enter current password",
+              ...register("currentPassword"),
+              error: errors.currentPassword?.message
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            Input,
             {
-              variant: "outline-solid",
-              size: "sm",
-              onClick: () => disableAllChannel("push"),
-              className: "rounded-xl border-slate-200 hover:bg-slate-50",
-              children: "Disable All Push"
+              type: "password",
+              label: "New password",
+              placeholder: "Enter new password",
+              ...register("newPassword"),
+              error: errors.newPassword?.message
             }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: hasChanges && /* @__PURE__ */ jsxRuntime.jsx(
-        framerMotion.motion.div,
-        {
-          initial: { opacity: 0, y: 100 },
-          animate: { opacity: 1, y: 0 },
-          exit: { opacity: 0, y: 100 },
-          className: "fixed bottom-10 left-0 right-0 flex justify-center z-50 pointer-events-none",
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pointer-events-auto px-6 py-4 bg-secondary shadow-lg rounded-3xl flex items-center gap-8 max-w-xl mx-auto transform hover:scale-[1.02] transition-all duration-300 ease-out border border-white/10", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden sm:block", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-bold text-white leading-tight tracking-wide italic", children: "Changes Pending" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-white/60 font-medium", children: "Click to synchronize with account" })
-            ] }),
+          ),
+          /* @__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, { type: "submit", size: "lg", isLoading: isSubmitting, children: "Save password" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Button,
               {
-                onClick: handleSave,
-                isLoading: isSaving,
-                disabled: isSaving,
-                variant: "secondary",
-                className: "px-8 py-3 bg-accent border-none text-white rounded-2xl font-bold text-xs uppercase tracking-widest hover:bg-accent-dark transition-all active:scale-95 shadow-lg shadow-accent/25 min-w-[180px]",
-                children: isSaving ? "Saving..." : "Sync Changes"
+                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."
+        ] })
+      ]
+    }
+  ) }) });
 }
 function NotificationBell() {
   const { unreadCount, openDrawer } = useNotificationCenter();
@@ -22179,6 +22347,7 @@ exports.CampaignDraftSendingDtoStatusEnum = CampaignDraftSendingDtoStatusEnum;
 exports.CartItem = CartItem;
 exports.CartProvider = CartProvider;
 exports.CartScreen = CartScreen;
+exports.ChangePasswordScreen = ChangePasswordScreen;
 exports.CheckoutScreen = CheckoutScreen;
 exports.CreateAddressDtoAddressTypeEnum = CreateAddressDtoAddressTypeEnum;
 exports.CreateDiscountDtoStateEnum = CreateDiscountDtoStateEnum;
@@ -22212,6 +22381,7 @@ exports.NotificationDrawer = NotificationDrawer;
 exports.NotificationSettingsScreen = NotificationSettingsScreen;
 exports.OrderCard = OrderCard;
 exports.OrderCardSkeleton = OrderCardSkeleton;
+exports.OrderDetailScreen = OrderDetailScreen;
 exports.OrderOrderTypeEnum = OrderOrderTypeEnum;
 exports.OrderReviewsScreen = OrderReviewsScreen;
 exports.OrderTimeLineDTOTypeEnum = OrderTimeLineDTOTypeEnum;