hey-pharmacist-ecommerce 1.1.33 → 1.1.35

package/dist/index.mjs

@@ -12861,7 +12861,6 @@ function NotificationDrawer() {
     closeDrawer();
     router.push(buildPath("/account/notifications"));
   };
-  console.log(notifications);
   return /* @__PURE__ */ jsx(AnimatePresence, { children: isDrawerOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       motion.div,
@@ -12880,7 +12879,7 @@ function NotificationDrawer() {
         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",
+        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__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 bg-white", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -13288,7 +13287,7 @@ function ProductCard({
     return selectedVariant ? selectedVariant.inventoryCount : product.variants?.[0]?.inventoryCount;
   }, [selectedVariant, product.variants]);
   const imageSource = useMemo(() => {
-    const src = selectedVariantImage || selectedVariant?.media?.[0]?.file || product.media?.[0]?.file || "/placeholder-product.jpg";
+    const src = selectedVariantImage || selectedVariant?.media?.[0]?.file || product.media?.[0]?.file || "/placeholder-product.png";
     return {
       src,
       alt: product.name || "Product image"
@@ -13518,7 +13517,7 @@ function Button({
 }) {
   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",
+    primary: "bg-[#0E172B] text-white hover:bg-[#0E172B]/80 shadow-lg shadow-[#0E172B]/30 hover:shadow-xl hover:shadow-[#0E172B]/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",
     "outline-solid": "border-2 border-primary-600 text-primary-600 hover:bg-primary-50",
     ghost: "text-gray-700 hover:bg-gray-100"
@@ -14591,7 +14590,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
                   /* @__PURE__ */ jsx("div", { className: "relative h-48 w-full overflow-hidden rounded-2xl bg-gray-100 md:h-40 md:w-40", children: /* @__PURE__ */ jsx(
                     Image4,
                     {
-                      src: product.media?.[0]?.file || "/placeholder-product.jpg",
+                      src: product.media?.[0]?.file || "/placeholder-product.png",
                       alt: product.name,
                       fill: true,
                       className: "object-cover transition duration-500 group-hover:scale-105"
@@ -15511,7 +15510,7 @@ function ProductDetailScreen({ productId }) {
               /* @__PURE__ */ jsx("h3", { className: "font-['Poppins',sans-serif] font-semibold text-[14px] text-secondary mb-3", children: "Select Variant" }),
               /* @__PURE__ */ 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.jpg";
+                const variantImage = variant.media?.[0]?.file || product.media?.[0]?.file || product.images?.[0] || "/placeholder-product.png";
                 return /* @__PURE__ */ jsxs(
                   "button",
                   {
@@ -15718,7 +15717,7 @@ function CartItem({ item }) {
         /* @__PURE__ */ jsx("div", { className: "w-28 h-28 rounded-[16px] overflow-hidden bg-gray-50 shrink-0", children: /* @__PURE__ */ jsx(
           Image4,
           {
-            src: item.productVariantData.media[0]?.file || "/placeholder-product.jpg",
+            src: item.productVariantData.media[0]?.file || "/placeholder-product.png",
             alt: item.productVariantData.name,
             className: "w-full h-full object-cover",
             height: 112,
@@ -17135,7 +17134,7 @@ function CheckoutScreen() {
                           /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
                             Image4,
                             {
-                              src: rate.providerImage75 || "/placeholder-product.jpg",
+                              src: rate.providerImage75 || "/placeholder-product.png",
                               alt: rate.provider,
                               className: "w-12 h-12 rounded-lg object-contain bg-white border border-gray-200 p-1",
                               onError: (e) => {
@@ -17220,7 +17219,7 @@ function CheckoutScreen() {
             /* @__PURE__ */ jsx("h2", { className: "font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] mb-6 text-2xl", children: "Order Summary" }),
             /* @__PURE__ */ jsxs("section", { className: "mt-8 pt-6 border-t border-slate-100", children: [
               /* @__PURE__ */ jsx("div", { className: "space-y-4 mb-6", children: cart?.cartBody?.items?.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-                /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-xl overflow-hidden bg-white shrink-0", children: /* @__PURE__ */ jsx(Image4, { src: item.productVariantData?.media?.[0]?.file || "/placeholder-product.jpg", alt: item.productVariantData.name, className: "w-full h-full object-cover", height: 200, width: 200 }) }),
+                /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-xl overflow-hidden bg-white shrink-0", children: /* @__PURE__ */ jsx(Image4, { 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__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ jsx("p", { className: "font-['Poppins',sans-serif] font-medium text-[12px] text-[#2B4B7C] mb-1", children: item?.productVariantData?.name }),
                   /* @__PURE__ */ jsxs("p", { className: "font-['Poppins',sans-serif] text-[11px] text-[#676c80]", children: [
@@ -18402,7 +18401,7 @@ function AccountOrdersTab() {
               /* @__PURE__ */ jsx("div", { className: "relative w-12 h-12 rounded-lg bg-slate-100 shrink-0 overflow-hidden", children: /* @__PURE__ */ jsx(
                 Image4,
                 {
-                  src: item?.productVariantData?.media?.[0]?.file || "/placeholder-product.jpg",
+                  src: item?.productVariantData?.media?.[0]?.file || "/placeholder-product.png",
                   alt: item?.productVariantData?.name || "Product image",
                   fill: true,
                   className: "object-cover",
@@ -18425,94 +18424,6 @@ function AccountOrdersTab() {
     );
   }) });
 }
-function useWishlistProducts(productIds = []) {
-  const [products, setProducts] = useState([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [cache] = useState(() => /* @__PURE__ */ new Map());
-  const uniqueIds = useMemo(
-    () => Array.from(new Set((productIds || []).filter(Boolean))),
-    [productIds]
-  );
-  const fetchProducts = useCallback(async () => {
-    if (uniqueIds.length === 0) {
-      setProducts([]);
-      setIsLoading(false);
-      setError(null);
-      return;
-    }
-    setIsLoading(true);
-    setError(null);
-    try {
-      const api = new ProductsApi(AXIOS_CONFIG);
-      const results = await Promise.all(
-        uniqueIds.map(async (id) => {
-          if (cache.has(id)) return cache.get(id);
-          const response = await api.getSingleProduct(id?._id || id || "");
-          const product = response.data;
-          cache.set(id, product);
-          return product;
-        })
-      );
-      setProducts(results);
-    } catch (err) {
-      setError(err);
-      console.error("Failed to load wishlist products", err);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [cache, uniqueIds]);
-  useEffect(() => {
-    fetchProducts();
-  }, [fetchProducts]);
-  return {
-    products,
-    isLoading,
-    error,
-    refetch: fetchProducts
-  };
-}
-function AccountSavedItemsTab() {
-  const { products: wishlistProductIds } = useWishlist();
-  const { products: wishlistProducts, isLoading, error } = useWishlistProducts(
-    wishlistProductIds
-  );
-  const products = wishlistProducts || [];
-  if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "h-80 animate-pulse rounded-lg border border-slate-100 bg-slate-50"
-      },
-      index
-    )) }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-red-100 bg-red-50 p-6 text-sm text-red-700", children: error.message }) });
-  }
-  if (products.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsx(
-      EmptyState,
-      {
-        icon: Heart,
-        title: "No saved items",
-        description: "Items you save will appear here for easy access later."
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx("div", { className: "pb-24 p-6", children: /* @__PURE__ */ jsxs("div", { className: "p-6 bg-white rounded-xl", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-secondary", children: "Saved for Later" }),
-      /* @__PURE__ */ jsxs("p", { className: "text-sm text-secondary", children: [
-        products.length,
-        " ",
-        products.length === 1 ? "item" : "items",
-        " saved"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: products.map((product) => /* @__PURE__ */ jsx(ProductCard, { product }, product._id)) })
-  ] }) });
-}
 function ConfirmModal({
   isOpen,
   onClose,
@@ -18917,7 +18828,6 @@ var tabs = [
   { id: "overview", label: "Overview", icon: User },
   { id: "orders", label: "Orders", icon: Package },
   { id: "reviews", label: "My Reviews", icon: Star },
-  { id: "saved-items", label: "Saved Items", icon: Heart },
   // { id: 'payment', label: 'Payment', icon: CreditCard },
   { id: "addresses", label: "Addresses", icon: MapPin },
   { id: "settings", label: "Settings", icon: Settings }
@@ -18951,8 +18861,8 @@ function AccountPage() {
         return /* @__PURE__ */ jsx(AccountOrdersTab, {});
       case "reviews":
         return /* @__PURE__ */ jsx(AccountReviewsTab, {});
-      case "saved-items":
-        return /* @__PURE__ */ jsx(AccountSavedItemsTab, {});
+      // case 'saved-items':
+      //   return <AccountSavedItemsTab />;
       // case 'payment':
       //   return <AccountPaymentTab />;
       case "addresses":
@@ -19047,7 +18957,7 @@ function OrderCard({ order, onDelete }) {
                 /* @__PURE__ */ jsx("div", { className: "relative w-12 h-12 rounded-sm bg-gray-100 shrink-0 overflow-hidden", children: /* @__PURE__ */ jsx(
                   Image4,
                   {
-                    src: item?.productVariantData?.media?.[0]?.file || "/placeholder-product.jpg",
+                    src: item?.productVariantData?.media?.[0]?.file || "/placeholder-product.png",
                     alt: item?.productVariantData?.name || "Product image",
                     fill: true,
                     className: "object-cover",
@@ -20015,6 +19925,53 @@ You can add it back at any time.`
     )
   ] });
 }
+function useWishlistProducts(productIds = []) {
+  const [products, setProducts] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [cache] = useState(() => /* @__PURE__ */ new Map());
+  const uniqueIds = useMemo(
+    () => Array.from(new Set((productIds || []).filter(Boolean))),
+    [productIds]
+  );
+  const fetchProducts = useCallback(async () => {
+    if (uniqueIds.length === 0) {
+      setProducts([]);
+      setIsLoading(false);
+      setError(null);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const api = new ProductsApi(AXIOS_CONFIG);
+      const results = await Promise.all(
+        uniqueIds.map(async (id) => {
+          if (cache.has(id)) return cache.get(id);
+          const response = await api.getSingleProduct(id?._id || id || "");
+          const product = response.data;
+          cache.set(id, product);
+          return product;
+        })
+      );
+      setProducts(results);
+    } catch (err) {
+      setError(err);
+      console.error("Failed to load wishlist products", err);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [cache, uniqueIds]);
+  useEffect(() => {
+    fetchProducts();
+  }, [fetchProducts]);
+  return {
+    products,
+    isLoading,
+    error,
+    refetch: fetchProducts
+  };
+}
 var SORT_OPTIONS = [
   { value: "featured", label: "Most loved" },
   { value: "price-low", label: "Price: Low to High" },
@@ -20269,7 +20226,7 @@ function WishlistScreen() {
                   Image4,
                   {
                     fill: true,
-                    src: product.media?.[0]?.file || "/placeholder-product.jpg",
+                    src: product.media?.[0]?.file || "/placeholder-product.png",
                     alt: product.name || "Wishlist item",
                     className: "h-full w-full object-cover"
                   }
@@ -21715,7 +21672,7 @@ function OrderDetailScreen({ id }) {
                 /* @__PURE__ */ 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__ */ jsx(
                   Image4,
                   {
-                    src: item.productVariantData?.media?.[0]?.file || "/placeholder-product.jpg",
+                    src: item.productVariantData?.media?.[0]?.file || "/placeholder-product.png",
                     alt: item.productVariantData?.name || "Item",
                     fill: true,
                     className: "object-cover",
@@ -21932,7 +21889,16 @@ function ChangePasswordScreen() {
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
-            /* @__PURE__ */ jsx(Button, { type: "submit", size: "lg", isLoading: isSubmitting, children: "Save password" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "primary",
+                type: "submit",
+                size: "lg",
+                isLoading: isSubmitting,
+                children: "Save password"
+              }
+            ),
             /* @__PURE__ */ jsx(
               Button,
               {