hey-pharmacist-ecommerce 1.1.34 → 1.1.35

package/dist/index.mjs

@@ -13287,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"
@@ -14590,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"
@@ -15510,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",
                   {
@@ -15717,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,
@@ -17134,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) => {
@@ -17219,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: [
@@ -18401,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",
@@ -18424,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,
@@ -18916,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 }
@@ -18950,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":
@@ -19046,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",
@@ -20014,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" },
@@ -20268,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"
                   }
@@ -21714,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",