@pradip1995/segment-product-card 0.3.29 → 0.3.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pradip1995/segment-product-card",
-  "version": "0.3.29",
+  "version": "0.3.31",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -25,7 +25,7 @@
     "react-dom": ">=19"
   },
   "dependencies": {
-    "@pradip1995/segment-login-popup": "^0.1.3",
+    "@pradip1995/segment-login-popup": "^0.1.6",
     "@pradip1995/segment-primitives": "^0.4.11",
     "@pradip1995/segment-tokens": "^0.3.14"
   },

package/src/notify-wishlist.ts

@@ -0,0 +1,9 @@
+"use client"
+
+import { revalidateWishlistCache } from "./revalidate-wishlist"
+import { dispatchWishlistUpdated, type WishlistUpdatedDetail } from "./wishlist-count"
+
+export async function notifyWishlistChanged(detail: WishlistUpdatedDetail) {
+  dispatchWishlistUpdated(detail)
+  await revalidateWishlistCache()
+}

package/src/product-card-actions.tsx

@@ -10,9 +10,11 @@ import {
 } from "@pradip1995/commerce-core/client/actions/wishlist"
 import type { HttpTypes } from "@medusajs/types"
 import { isNextRedirect } from "@pradip1995/segment-primitives/is-next-redirect"
+import { notifyWishlistChanged } from "./notify-wishlist"
 import LoginRequiredModal, {
   isAuthRequiredError,
   promptLoginForWishlist,
+  requireLoginForWishlist,
 } from "@pradip1995/segment-login-popup/required"
 import QuickAddPanel from "./quick-add-panel"
 import {
@@ -104,6 +106,7 @@ export default function ProductCardActions({
   const handleWishlistToggle = async (event: React.MouseEvent) => {
     stopCardNav(event)
     if (!product.id || wishlistLoading) return
+    if (requireLoginForWishlist()) return
 
     setWishlistLoading(true)
     try {
@@ -125,6 +128,7 @@ export default function ProductCardActions({
 
       if (result.success) {
         setWishlisted(!currentlyWishlisted)
+        await notifyWishlistChanged({ delta: currentlyWishlisted ? -1 : 1 })
         router.refresh()
         return
       }

package/src/revalidate-wishlist.ts

@@ -0,0 +1,8 @@
+"use server"
+
+import { revalidatePath } from "next/cache"
+
+export async function revalidateWishlistCache() {
+  revalidatePath("/", "layout")
+  revalidatePath("/wishlist")
+}

package/src/wishlist-count.ts

@@ -0,0 +1,11 @@
+export const WISHLIST_UPDATED_EVENT = "wishlist:updated"
+
+export type WishlistUpdatedDetail = {
+  delta?: number
+  count?: number
+}
+
+export function dispatchWishlistUpdated(detail: WishlistUpdatedDetail) {
+  if (typeof window === "undefined") return
+  window.dispatchEvent(new CustomEvent(WISHLIST_UPDATED_EVENT, { detail }))
+}