@pradip1995/segment-product-card 0.3.10 → 0.3.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pradip1995/segment-product-card",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -17,15 +17,19 @@
     "./product-scroll": "./src/product-scroll.tsx",
     "./product-rail-variants": "./src/product-rail-variants.tsx"
   },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit"
+  },
   "peerDependencies": {
     "@pradip1995/commerce-core": "^4.0.0",
     "@pradip1995/plugin-sdk": "^0.2.0",
+    "next": ">=15",
     "react": ">=19",
-    "react-dom": ">=19",
-    "next": ">=15"
+    "react-dom": ">=19"
   },
   "dependencies": {
-    "@pradip1995/segment-primitives": "^0.4.0",
+    "@pradip1995/segment-primitives": "^0.4.2",
     "@pradip1995/segment-tokens": "^0.3.7"
   },
   "devDependencies": {
@@ -33,9 +37,5 @@
     "@types/react": "^19",
     "react": "19.0.3",
     "typescript": "^5.7.2"
-  },
-  "scripts": {
-    "typecheck": "tsc --noEmit",
-    "lint": "tsc --noEmit"
   }
-}
+}

package/src/product-card-actions.tsx

@@ -9,6 +9,7 @@ import {
   removeFromWishlist,
 } from "@pradip1995/commerce-core/client/actions/wishlist"
 import type { HttpTypes } from "@medusajs/types"
+import { isNextRedirect } from "@pradip1995/segment-primitives/is-next-redirect"
 import QuickAddPanel from "./quick-add-panel"
 
 type Props = {
@@ -52,14 +53,11 @@ export default function ProductCardActions({ product, countryCode, wishlistProdu
   useEffect(() => {
     if (!product.id) return
 
+    // Prefer server-provided IDs. Do not fan out getWishlistProductIds() per card
+    // on home — resolve lazily on first heart click when IDs were not passed.
     if (wishlistProductIds !== undefined) {
       setWishlisted(wishlistProductIds.includes(product.id))
-      return
     }
-
-    getWishlistProductIds()
-      .then((ids) => setWishlisted(ids.includes(product.id!)))
-      .catch(() => {})
   }, [product.id, wishlistProductIds])
 
   useEffect(() => {
@@ -91,12 +89,24 @@ export default function ProductCardActions({ product, countryCode, wishlistProdu
 
     setWishlistLoading(true)
     try {
-      const result = wishlisted
+      // Lazy-resolve wishlist state when layout did not pass IDs (anonymous / slim layout).
+      let currentlyWishlisted = wishlisted
+      if (wishlistProductIds === undefined) {
+        try {
+          const ids = await getWishlistProductIds()
+          currentlyWishlisted = ids.includes(product.id)
+          setWishlisted(currentlyWishlisted)
+        } catch {
+          currentlyWishlisted = false
+        }
+      }
+
+      const result = currentlyWishlisted
         ? await removeFromWishlist(product.id)
         : await addToWishlist(product.id)
 
       if (result.success) {
-        setWishlisted(!wishlisted)
+        setWishlisted(!currentlyWishlisted)
         router.refresh()
         return
       }
@@ -125,6 +135,7 @@ export default function ProductCardActions({ product, countryCode, wishlistProdu
       setShowQuickAdd(false)
       router.refresh()
     } catch (err) {
+      if (isNextRedirect(err)) throw err
       const message = err instanceof Error ? err.message : "Could not add to cart"
       setError(message)
       window.dispatchEvent(