@rpcbase/client 0.455.0 → 0.457.0

package/dist/index.js

@@ -6,8 +6,8 @@ import { getNavigationGuards, createRoutesFromElements, createBrowserRouter, Rou
 import { hydrateRoot } from "react-dom/client";
 import { r as reportClientException } from "./errorReporting-CVoUUKxW.js";
 import { s } from "./errorReporting-CVoUUKxW.js";
-import { h as hydrateRtsFromWindow, u as useQuery } from "./useQuery-BOjtIBwv.js";
-import { R, S, c as c2, a, p, b, d, e } from "./useQuery-BOjtIBwv.js";
+import { h as hydrateRtsFromWindow, u as useQuery } from "./useQuery-DZqYIJog.js";
+import { R, S, c as c2, a, p, b, d, e } from "./useQuery-DZqYIJog.js";
 import { r as requireToString, g as getDefaultExportFromCjs, t as throttle$1 } from "./throttle-CXOc9Dto.js";
 const emptyUnsubscribe = () => {
 };
@@ -2835,7 +2835,31 @@ const claimNotificationDeliveries = async (items, userId, appName, mode) => {
     return claim();
   }
 };
-const showInAppNotifications = (items) => {
+const showCustomInAppNotification = (item, renderer) => {
+  const action = getNotificationAction(item);
+  let toastId;
+  const controls = {
+    dismiss: () => {
+      if (toastId !== void 0) toast.dismiss(toastId);
+    },
+    open: () => {
+      if (toastId !== void 0) toast.dismiss(toastId);
+      if (action) applyNotificationAction(action);
+    }
+  };
+  try {
+    const content = renderer(item, controls);
+    if (content === null || content === void 0) return false;
+    toastId = toast.custom(() => /* @__PURE__ */ jsx(Fragment, { children: content }), {
+      position: "top-right"
+    });
+    return true;
+  } catch (error) {
+    console.error("Failed to render custom notification toast", error);
+    return false;
+  }
+};
+const showInAppNotifications = (items, renderNotificationToast) => {
   if (items.length > 3) {
     toast(`${items.length} new notifications`, {
       ...notificationToastOptions,
@@ -2844,6 +2868,7 @@ const showInAppNotifications = (items) => {
     return;
   }
   for (const item of items) {
+    if (renderNotificationToast && showCustomInAppNotification(item, renderNotificationToast)) continue;
     toast(item.title, {
       ...notificationToastOptions,
       description: item.body
@@ -2905,12 +2930,12 @@ const showNativeNotifications = async (items) => {
   }
   return shownItems;
 };
-const showNotificationsForCurrentFocusState = async (items, userId, appName) => {
+const showNotificationsForCurrentFocusState = async (items, userId, appName, renderNotificationToast) => {
   writeNotificationTabState(userId, appName);
   if (isDocumentActive()) {
     const claimed2 = await claimNotificationDeliveries(items, userId, appName, "in-app");
     if (claimed2.length > 0) {
-      showInAppNotifications(claimed2);
+      showInAppNotifications(claimed2, renderNotificationToast);
     }
     return [];
   }
@@ -2931,30 +2956,31 @@ const showNotificationsForCurrentFocusState = async (items, userId, appName) =>
   }
   return nativeItems;
 };
-const flushPendingInAppToasts = (pendingInAppToastItems, userId, appName) => {
+const flushPendingInAppToasts = (pendingInAppToastItems, userId, appName, renderNotificationToast) => {
   if (!isDocumentActive()) return;
   const pending = sortNotificationsByCreatedAt(Array.from(pendingInAppToastItems.current.values()));
   pendingInAppToastItems.current.clear();
   if (pending.length === 0) return;
   void claimNotificationDeliveries(pending, userId, appName, "in-app").then((claimed) => {
     if (claimed.length > 0) {
-      showInAppNotifications(claimed);
+      showInAppNotifications(claimed, renderNotificationToast);
     }
   });
 };
-const queuePendingInAppToasts = (pendingInAppToastItems, items, userId, appName) => {
+const queuePendingInAppToasts = (pendingInAppToastItems, items, userId, appName, renderNotificationToast) => {
   for (const item of items) {
     pendingInAppToastItems.current.set(item.id, item);
   }
-  flushPendingInAppToasts(pendingInAppToastItems, userId, appName);
+  flushPendingInAppToasts(pendingInAppToastItems, userId, appName, renderNotificationToast);
 };
 function NotificationsRealtimeProvider(t0) {
-  const $ = c(64);
+  const $ = c(66);
   const {
     userId,
     appName,
     limit: t1,
     toastOnNew: t2,
+    renderNotificationToast,
     children
   } = t0;
   const limit = t1 === void 0 ? 200 : t1;
@@ -3218,7 +3244,7 @@ function NotificationsRealtimeProvider(t0) {
   useEffect(t19, t20);
   let t21;
   let t22;
-  if ($[41] !== canUseRts || $[42] !== normalizedAppName || $[43] !== trimmedUserId) {
+  if ($[41] !== canUseRts || $[42] !== normalizedAppName || $[43] !== renderNotificationToast || $[44] !== trimmedUserId) {
     t21 = () => {
       if (!canUseRts) {
         return;
@@ -3227,7 +3253,7 @@ function NotificationsRealtimeProvider(t0) {
         return;
       }
       const handlePendingInAppToastFlush = () => {
-        flushPendingInAppToasts(pendingInAppToastItems, trimmedUserId, normalizedAppName);
+        flushPendingInAppToasts(pendingInAppToastItems, trimmedUserId, normalizedAppName, renderNotificationToast);
       };
       window.addEventListener("focus", handlePendingInAppToastFlush);
       document.addEventListener("visibilitychange", handlePendingInAppToastFlush);
@@ -3236,20 +3262,21 @@ function NotificationsRealtimeProvider(t0) {
         document.removeEventListener("visibilitychange", handlePendingInAppToastFlush);
       };
     };
-    t22 = [canUseRts, normalizedAppName, trimmedUserId];
+    t22 = [canUseRts, normalizedAppName, renderNotificationToast, trimmedUserId];
     $[41] = canUseRts;
     $[42] = normalizedAppName;
-    $[43] = trimmedUserId;
-    $[44] = t21;
-    $[45] = t22;
+    $[43] = renderNotificationToast;
+    $[44] = trimmedUserId;
+    $[45] = t21;
+    $[46] = t22;
   } else {
-    t21 = $[44];
-    t22 = $[45];
+    t21 = $[45];
+    t22 = $[46];
   }
   useEffect(t21, t22);
   let t23;
   let t24;
-  if ($[46] !== canUseRts || $[47] !== normalizedAppName || $[48] !== notifications || $[49] !== notificationsQuery.loading || $[50] !== toastOnNew || $[51] !== trimmedUserId) {
+  if ($[47] !== canUseRts || $[48] !== normalizedAppName || $[49] !== notifications || $[50] !== notificationsQuery.loading || $[51] !== renderNotificationToast || $[52] !== toastOnNew || $[53] !== trimmedUserId) {
     t23 = () => {
       if (!toastOnNew) {
         return;
@@ -3271,8 +3298,8 @@ function NotificationsRealtimeProvider(t0) {
           return createdAtMs >= toastStartMs.current - NEW_NOTIFICATION_START_TOLERANCE_MS;
         });
         if (eligible.length) {
-          showNotificationsForCurrentFocusState(eligible, trimmedUserId, normalizedAppName).then((pending) => {
-            queuePendingInAppToasts(pendingInAppToastItems, pending, trimmedUserId, normalizedAppName);
+          showNotificationsForCurrentFocusState(eligible, trimmedUserId, normalizedAppName, renderNotificationToast).then((pending) => {
+            queuePendingInAppToasts(pendingInAppToastItems, pending, trimmedUserId, normalizedAppName, renderNotificationToast);
           });
         }
         return;
@@ -3294,26 +3321,27 @@ function NotificationsRealtimeProvider(t0) {
       if (!eligible_0.length) {
         return;
       }
-      showNotificationsForCurrentFocusState(eligible_0, trimmedUserId, normalizedAppName).then((pending_0) => {
-        queuePendingInAppToasts(pendingInAppToastItems, pending_0, trimmedUserId, normalizedAppName);
+      showNotificationsForCurrentFocusState(eligible_0, trimmedUserId, normalizedAppName, renderNotificationToast).then((pending_0) => {
+        queuePendingInAppToasts(pendingInAppToastItems, pending_0, trimmedUserId, normalizedAppName, renderNotificationToast);
       });
     };
-    t24 = [canUseRts, normalizedAppName, notifications, notificationsQuery.loading, toastOnNew, trimmedUserId];
-    $[46] = canUseRts;
-    $[47] = normalizedAppName;
-    $[48] = notifications;
-    $[49] = notificationsQuery.loading;
-    $[50] = toastOnNew;
-    $[51] = trimmedUserId;
-    $[52] = t23;
-    $[53] = t24;
+    t24 = [canUseRts, normalizedAppName, notifications, notificationsQuery.loading, renderNotificationToast, toastOnNew, trimmedUserId];
+    $[47] = canUseRts;
+    $[48] = normalizedAppName;
+    $[49] = notifications;
+    $[50] = notificationsQuery.loading;
+    $[51] = renderNotificationToast;
+    $[52] = toastOnNew;
+    $[53] = trimmedUserId;
+    $[54] = t23;
+    $[55] = t24;
   } else {
-    t23 = $[52];
-    t24 = $[53];
+    t23 = $[54];
+    t24 = $[55];
   }
   useEffect(t23, t24);
   let t25;
-  if ($[54] !== notifications || $[55] !== notificationsQuery.error || $[56] !== notificationsQuery.loading || $[57] !== unreadCount || $[58] !== unseenCount) {
+  if ($[56] !== notifications || $[57] !== notificationsQuery.error || $[58] !== notificationsQuery.loading || $[59] !== unreadCount || $[60] !== unseenCount) {
     t25 = {
       notifications,
       unreadCount,
@@ -3321,35 +3349,35 @@ function NotificationsRealtimeProvider(t0) {
       loading: notificationsQuery.loading,
       error: notificationsQuery.error
     };
-    $[54] = notifications;
-    $[55] = notificationsQuery.error;
-    $[56] = notificationsQuery.loading;
-    $[57] = unreadCount;
-    $[58] = unseenCount;
-    $[59] = t25;
+    $[56] = notifications;
+    $[57] = notificationsQuery.error;
+    $[58] = notificationsQuery.loading;
+    $[59] = unreadCount;
+    $[60] = unseenCount;
+    $[61] = t25;
   } else {
-    t25 = $[59];
+    t25 = $[61];
   }
   const value = t25;
   const t26 = canUseRts ? value : null;
   let t27;
-  if ($[60] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t27 = /* @__PURE__ */ jsx("style", { children: notificationToastStyles });
-    $[60] = t27;
+    $[62] = t27;
   } else {
-    t27 = $[60];
+    t27 = $[62];
   }
   let t28;
-  if ($[61] !== children || $[62] !== t26) {
+  if ($[63] !== children || $[64] !== t26) {
     t28 = /* @__PURE__ */ jsxs(NotificationsRealtimeContext.Provider, { value: t26, children: [
       t27,
       children
     ] });
-    $[61] = children;
-    $[62] = t26;
-    $[63] = t28;
+    $[63] = children;
+    $[64] = t26;
+    $[65] = t28;
   } else {
-    t28 = $[63];
+    t28 = $[65];
   }
   return t28;
 }