hey-pharmacist-ecommerce 1.1.34 → 1.1.36

package/dist/index.js

@@ -12971,6 +12971,9 @@ function EcommerceProvider({ config, children, withToaster = true, basePath = ""
     /* @__PURE__ */ jsxRuntime.jsx(NotificationDrawer, {})
   ] }) }) }) }) }) }) }) }) });
 }
+
+// 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);
@@ -13297,7 +13300,7 @@ function ProductCard({
     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.jpg";
+    const src = selectedVariantImage || selectedVariant?.media?.[0]?.file || product.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC;
     return {
       src,
       alt: product.name || "Product image"
@@ -14600,7 +14603,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.jpg",
+                      src: product.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC,
                       alt: product.name,
                       fill: true,
                       className: "object-cover transition duration-500 group-hover:scale-105"
@@ -15520,7 +15523,7 @@ 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.jpg";
+                const variantImage = variant.media?.[0]?.file || product.media?.[0]?.file || product.images?.[0] || PLACEHOLDER_IMAGE_SRC;
                 return /* @__PURE__ */ jsxRuntime.jsxs(
                   "button",
                   {
@@ -15727,7 +15730,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.jpg",
+            src: item.productVariantData.media[0]?.file || PLACEHOLDER_IMAGE_SRC,
             alt: item.productVariantData.name,
             className: "w-full h-full object-cover",
             height: 112,
@@ -17144,7 +17147,7 @@ function CheckoutScreen() {
                           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
                             Image4__default.default,
                             {
-                              src: rate.providerImage75 || "/placeholder-product.jpg",
+                              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 +17232,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.jpg", 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: [
@@ -18411,7 +18414,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.jpg",
+                  src: item?.productVariantData?.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC,
                   alt: item?.productVariantData?.name || "Product image",
                   fill: true,
                   className: "object-cover",
@@ -18434,94 +18437,6 @@ function AccountOrdersTab() {
     );
   }) });
 }
-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(
-    () => Array.from(new Set((productIds || []).filter(Boolean))),
-    [productIds]
-  );
-  const fetchProducts = React12.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]);
-  React12.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__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "h-80 animate-pulse rounded-lg border border-slate-100 bg-slate-50"
-      },
-      index
-    )) }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-      EmptyState,
-      {
-        icon: lucideReact.Heart,
-        title: "No saved items",
-        description: "Items you save will appear here for easy access later."
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-24 p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 bg-white rounded-xl", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-secondary", children: "Saved for Later" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-secondary", children: [
-        products.length,
-        " ",
-        products.length === 1 ? "item" : "items",
-        " saved"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: products.map((product) => /* @__PURE__ */ jsxRuntime.jsx(ProductCard, { product }, product._id)) })
-  ] }) });
-}
 function ConfirmModal({
   isOpen,
   onClose,
@@ -18926,7 +18841,6 @@ var tabs = [
   { id: "overview", label: "Overview", icon: lucideReact.User },
   { id: "orders", label: "Orders", icon: lucideReact.Package },
   { id: "reviews", label: "My Reviews", icon: lucideReact.Star },
-  { id: "saved-items", label: "Saved Items", icon: lucideReact.Heart },
   // { id: 'payment', label: 'Payment', icon: CreditCard },
   { id: "addresses", label: "Addresses", icon: lucideReact.MapPin },
   { id: "settings", label: "Settings", icon: lucideReact.Settings }
@@ -18960,8 +18874,8 @@ function AccountPage() {
         return /* @__PURE__ */ jsxRuntime.jsx(AccountOrdersTab, {});
       case "reviews":
         return /* @__PURE__ */ jsxRuntime.jsx(AccountReviewsTab, {});
-      case "saved-items":
-        return /* @__PURE__ */ jsxRuntime.jsx(AccountSavedItemsTab, {});
+      // case 'saved-items':
+      //   return <AccountSavedItemsTab />;
       // case 'payment':
       //   return <AccountPaymentTab />;
       case "addresses":
@@ -19056,7 +18970,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.jpg",
+                    src: item?.productVariantData?.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC,
                     alt: item?.productVariantData?.name || "Product image",
                     fill: true,
                     className: "object-cover",
@@ -20024,6 +19938,53 @@ 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(
+    () => Array.from(new Set((productIds || []).filter(Boolean))),
+    [productIds]
+  );
+  const fetchProducts = React12.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]);
+  React12.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" },
@@ -20278,7 +20239,7 @@ function WishlistScreen() {
                   Image4__default.default,
                   {
                     fill: true,
-                    src: product.media?.[0]?.file || "/placeholder-product.jpg",
+                    src: product.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC,
                     alt: product.name || "Wishlist item",
                     className: "h-full w-full object-cover"
                   }
@@ -21724,7 +21685,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.jpg",
+                    src: item.productVariantData?.media?.[0]?.file || PLACEHOLDER_IMAGE_SRC,
                     alt: item.productVariantData?.name || "Item",
                     fill: true,
                     className: "object-cover",