@pradip1995/segment-product-card 0.3.30 → 0.3.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pradip1995/segment-product-card",
-  "version": "0.3.30",
+  "version": "0.3.31",
   "license": "MIT",
   "publishConfig": {
     "access": "public"

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,6 +10,7 @@ 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,
@@ -127,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 }))
+}