stream-chat-react 14.0.0-beta.6 → 14.0.0-beta.8

package/dist/es/{WithAudioPlayback.d90f1a99.mjs → WithAudioPlayback.2ffdc4c5.mjs}

@@ -979,6 +979,33 @@ class AudioPlayerPool {
     }
   }
 }
+const audioPlayerNotificationsPluginFactory = ({
+  addNotification,
+  panel = "channel",
+  t
+}) => {
+  const errors = {
+    "failed-to-start": new Error(t("Failed to play the recording")),
+    "not-playable": new Error(
+      t("Recording format is not supported and cannot be reproduced")
+    ),
+    "seek-not-supported": new Error(t("Cannot seek in the recording"))
+  };
+  return {
+    id: "AudioPlayerNotificationsPlugin",
+    onError: ({ errCode, error: e }) => {
+      const error = (errCode && errors[errCode]) ?? e ?? new Error(t("Error reproducing the recording"));
+      addNotification({
+        emitter: "AudioPlayer",
+        error,
+        message: error.message,
+        severity: "error",
+        targetPanels: [panel],
+        type: "browser:audio:playback:error"
+      });
+    }
+  };
+};
 const NOTIFICATION_TARGET_PANELS = [
   "channel",
   "thread",
@@ -995,46 +1022,29 @@ const getNotificationTargetPanel = (notification) => {
   const panel = notification.origin.context?.panel;
   return isNotificationTargetPanel(panel) ? panel : void 0;
 };
+const getNotificationTargetPanels = (notification) => {
+  const targetPanels = (notification.tags ?? []).filter((tag) => tag.startsWith("target:")).map((tag) => tag.slice("target:".length)).filter(
+    (value) => isNotificationTargetPanel(value)
+  );
+  if (targetPanels.length > 0) {
+    return Array.from(new Set(targetPanels));
+  }
+  const panel = notification.origin.context?.panel;
+  return isNotificationTargetPanel(panel) ? [panel] : [];
+};
 const getNotificationTargetTag = (panel) => `target:${panel}`;
 const addNotificationTargetTag = (panel, tags) => {
   if (!panel) return tags ?? [];
   return Array.from(/* @__PURE__ */ new Set([getNotificationTargetTag(panel), ...tags ?? []]));
 };
 const isNotificationForPanel = (notification, panel, options) => {
-  const fallbackPanel = options?.fallbackPanel ?? "channel";
-  const resolvedPanel = getNotificationTargetPanel(notification) ?? fallbackPanel;
+  const explicitTargetPanels = getNotificationTargetPanels(notification);
+  if (explicitTargetPanels.length > 0) {
+    return explicitTargetPanels.includes(panel);
+  }
+  const resolvedPanel = options?.fallbackPanel ?? "channel";
   return resolvedPanel === panel;
 };
-const audioPlayerNotificationsPluginFactory = ({
-  client,
-  panel = "channel",
-  t
-}) => {
-  const errors = {
-    "failed-to-start": new Error(t("Failed to play the recording")),
-    "not-playable": new Error(
-      t("Recording format is not supported and cannot be reproduced")
-    ),
-    "seek-not-supported": new Error(t("Cannot seek in the recording"))
-  };
-  return {
-    id: "AudioPlayerNotificationsPlugin",
-    onError: ({ errCode, error: e }) => {
-      const error = (errCode && errors[errCode]) ?? e ?? new Error(t("Error reproducing the recording"));
-      client?.notifications.addError({
-        message: error.message,
-        options: {
-          originalError: error,
-          tags: addNotificationTargetTag(panel),
-          type: "browser:audio:playback:error"
-        },
-        origin: {
-          emitter: "AudioPlayer"
-        }
-      });
-    }
-  };
-};
 const variantToClass = {
   danger: "str-chat__button--destructive",
   primary: "str-chat__button--primary",
@@ -1246,8 +1256,8 @@ const IconBellOff = createIcon(
     }
   )
 );
-const IconSave = createIcon(
-  "IconSave",
+const IconBookmark = createIcon(
+  "IconBookmark",
   /* @__PURE__ */ jsx(
     "path",
     {
@@ -1260,8 +1270,8 @@ const IconSave = createIcon(
     }
   )
 );
-const IconUnsave = createIcon(
-  "IconUnsave",
+const IconBookmarkRemove = createIcon(
+  "IconBookmarkRemove",
   /* @__PURE__ */ jsx(
     "path",
     {
@@ -1493,6 +1503,16 @@ const IconMinusCircle = createIcon(
     }
   )
 );
+const IconMinus = createIcon(
+  "IconMinus",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M16.875 9.40039C17.2064 9.40039 17.4746 9.66863 17.4746 10C17.4746 10.3314 17.2064 10.5996 16.875 10.5996H3.125C2.79363 10.5996 2.52539 10.3314 2.52539 10C2.52539 9.66863 2.79363 9.40039 3.125 9.40039H16.875Z",
+      fill: "currentColor"
+    }
+  )
+);
 const IconXCircle = createIcon(
   "IconXCircle",
   /* @__PURE__ */ jsx(
@@ -1545,7 +1565,7 @@ const IconXmark = createIcon(
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      strokeWidth: "1.5"
+      strokeWidth: "2"
     }
   )
 );
@@ -1612,6 +1632,46 @@ const IconEmoji = createIcon(
     /* @__PURE__ */ jsx("path", { d: "M12.4756 11.499C12.683 11.1407 13.1425 11.0182 13.501 11.2256C13.8593 11.433 13.9818 11.8925 13.7744 12.251C13.0125 13.568 11.6947 14.5 10 14.5C8.30531 14.5 6.98748 13.568 6.22559 12.251C6.01825 11.8925 6.14067 11.433 6.49902 11.2256C6.85749 11.0182 7.31695 11.1407 7.52441 11.499C8.05942 12.424 8.91824 13 10 13C11.0818 13 11.9406 12.424 12.4756 11.499Z" })
   ] })
 );
+const IconEmojiAdd = createIcon(
+  "IconEmojiAdd",
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C10.4142 1.75 10.75 2.08579 10.75 2.5C10.75 2.91421 10.4142 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10C16.75 9.58579 17.0858 9.25 17.5 9.25C17.9142 9.25 18.25 9.58579 18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M7.1875 9.375C7.70527 9.375 8.125 8.95527 8.125 8.4375C8.125 7.91973 7.70527 7.5 7.1875 7.5C6.66973 7.5 6.25 7.91973 6.25 8.4375C6.25 8.95527 6.66973 9.375 7.1875 9.375Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12.8125 9.375C13.3303 9.375 13.75 8.95527 13.75 8.4375C13.75 7.91973 13.3303 7.5 12.8125 7.5C12.2947 7.5 11.875 7.91973 11.875 8.4375C11.875 8.95527 12.2947 9.375 12.8125 9.375Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12.4756 11.499C12.683 11.1407 13.1425 11.0182 13.501 11.2256C13.8593 11.433 13.9818 11.8925 13.7744 12.251C13.0125 13.568 11.6947 14.5 10 14.5C8.30531 14.5 6.98748 13.568 6.22559 12.251C6.01825 11.8925 6.14067 11.433 6.49902 11.2256C6.85749 11.0182 7.31695 11.1407 7.52441 11.499C8.05942 12.424 8.91824 13 10 13C11.0818 13 11.9406 12.424 12.4756 11.499Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15.083 6.87524V4.91626H13.125C12.7108 4.91626 12.375 4.58047 12.375 4.16626C12.3752 3.7522 12.7109 3.41626 13.125 3.41626H15.083V1.45825C15.083 1.04415 15.4189 0.708427 15.833 0.708252C16.2472 0.708252 16.583 1.04404 16.583 1.45825V3.41626H18.542C18.9559 3.41644 19.2918 3.7523 19.292 4.16626C19.292 4.58036 18.9561 4.91608 18.542 4.91626H16.583V6.87524C16.5828 7.28931 16.2471 7.62524 15.833 7.62524C15.4191 7.62507 15.0832 7.2892 15.083 6.87524Z",
+        fill: "currentColor"
+      }
+    )
+  ] })
+);
 const IconExclamationMarkFill = createIcon(
   "IconExclamationMarkFill",
   /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1639,6 +1699,16 @@ const IconEyeFill = createIcon(
   "IconEyeFill",
   /* @__PURE__ */ jsx("path", { d: "M19.3211 9.74688C19.2937 9.68516 18.632 8.21719 17.1609 6.74609C15.2008 4.78594 12.725 3.75 9.99999 3.75C7.27499 3.75 4.79921 4.78594 2.83905 6.74609C1.36796 8.21719 0.703118 9.6875 0.678899 9.74688C0.643362 9.82681 0.625 9.91331 0.625 10.0008C0.625 10.0883 0.643362 10.1748 0.678899 10.2547C0.706243 10.3164 1.36796 11.7836 2.83905 13.2547C4.79921 15.2141 7.27499 16.25 9.99999 16.25C12.725 16.25 15.2008 15.2141 17.1609 13.2547C18.632 11.7836 19.2937 10.3164 19.3211 10.2547C19.3566 10.1748 19.375 10.0883 19.375 10.0008C19.375 9.91331 19.3566 9.82681 19.3211 9.74688ZM9.99999 13.125C9.38193 13.125 8.77774 12.9417 8.26384 12.5983C7.74993 12.255 7.34939 11.7669 7.11287 11.1959C6.87634 10.6249 6.81446 9.99653 6.93504 9.39034C7.05562 8.78415 7.35324 8.22733 7.79028 7.79029C8.22732 7.35325 8.78414 7.05562 9.39033 6.93505C9.99652 6.81447 10.6249 6.87635 11.1959 7.11288C11.7669 7.3494 12.255 7.74994 12.5983 8.26384C12.9417 8.77775 13.125 9.38193 13.125 10C13.125 10.8288 12.7958 11.6237 12.2097 12.2097C11.6236 12.7958 10.8288 13.125 9.99999 13.125Z" })
 );
+const IconUnsupportedAttachment = createIcon(
+  "IconUnsupportedAttachment",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M4.5 16.75H15.5V7.625H11.875C11.4608 7.625 11.125 7.28921 11.125 6.875V3.25H4.5V16.75ZM11.3447 9.46973C11.6376 9.17683 12.1124 9.17683 12.4053 9.46973C12.6982 9.76262 12.6982 10.2374 12.4053 10.5303L11.0605 11.875L12.4053 13.2197C12.6982 13.5126 12.6982 13.9874 12.4053 14.2803C12.1124 14.5732 11.6376 14.5732 11.3447 14.2803L10 12.9355L8.65527 14.2803C8.36238 14.5732 7.88762 14.5732 7.59473 14.2803C7.30183 13.9874 7.30183 13.5126 7.59473 13.2197L8.93945 11.875L7.59473 10.5303C7.30183 10.2374 7.30183 9.76262 7.59473 9.46973C7.88762 9.17683 8.36238 9.17683 8.65527 9.46973L10 10.8145L11.3447 9.46973ZM12.625 6.125H14.4395L12.625 4.31055V6.125ZM17 16.875C17 17.2397 16.8555 17.5898 16.5977 17.8477C16.3398 18.1055 15.9897 18.25 15.625 18.25H4.375C4.01033 18.25 3.66021 18.1055 3.40234 17.8477C3.14448 17.5898 3 17.2397 3 16.875V3.125C3 2.76033 3.14448 2.41021 3.40234 2.15234L3.50391 2.06152C3.74856 1.86111 4.05597 1.75 4.375 1.75H11.875C12.0739 1.75 12.2646 1.82907 12.4053 1.96973L16.7803 6.34473C16.9209 6.48538 17 6.67609 17 6.875V16.875Z",
+      fill: "currentColor"
+    }
+  )
+);
 const IconUpload = createIcon(
   "IconUpload",
   /* @__PURE__ */ jsx(
@@ -1695,21 +1765,6 @@ const IconImage = createIcon(
     }
   )
 );
-const IconSidebar = createIcon(
-  "IconSidebar",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M6.875 3.75V16.25M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
-    }
-  ),
-  { "data-rtl-mirror": "" }
-);
 const IconSearch = createIcon(
   "IconSearch",
   /* @__PURE__ */ jsx(
@@ -1766,6 +1821,16 @@ const IconVoice = createIcon(
     }
   )
 );
+const IconMicrophoneSolid = createIcon(
+  "IconMicrophoneSolid",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M6.25 10V5C6.25 4.00544 6.64509 3.05161 7.34835 2.34835C8.05161 1.64509 9.00544 1.25 10 1.25C10.9946 1.25 11.9484 1.64509 12.6517 2.34835C13.3549 3.05161 13.75 4.00544 13.75 5V10C13.75 10.9946 13.3549 11.9484 12.6517 12.6517C11.9484 13.3549 10.9946 13.75 10 13.75C9.00544 13.75 8.05161 13.3549 7.34835 12.6517C6.64509 11.9484 6.25 10.9946 6.25 10ZM16.25 10C16.25 9.83424 16.1842 9.67527 16.0669 9.55806C15.9497 9.44085 15.7908 9.375 15.625 9.375C15.4592 9.375 15.3003 9.44085 15.1831 9.55806C15.0658 9.67527 15 9.83424 15 10C15 11.3261 14.4732 12.5979 13.5355 13.5355C12.5979 14.4732 11.3261 15 10 15C8.67392 15 7.40215 14.4732 6.46447 13.5355C5.52678 12.5979 5 11.3261 5 10C5 9.83424 4.93415 9.67527 4.81694 9.55806C4.69973 9.44085 4.54076 9.375 4.375 9.375C4.20924 9.375 4.05027 9.44085 3.93306 9.55806C3.81585 9.67527 3.75 9.83424 3.75 10C3.7519 11.5489 4.32806 13.042 5.36707 14.1907C6.40607 15.3393 7.83409 16.062 9.375 16.2188V18.75C9.375 18.9158 9.44085 19.0747 9.55806 19.1919C9.67527 19.3092 9.83424 19.375 10 19.375C10.1658 19.375 10.3247 19.3092 10.4419 19.1919C10.5592 19.0747 10.625 18.9158 10.625 18.75V16.2188C12.1659 16.062 13.5939 15.3393 14.6329 14.1907C15.6719 13.042 16.2481 11.5489 16.25 10Z",
+      fill: "currentColor"
+    }
+  )
+);
 const IconMute = createIcon(
   "IconMute",
   /* @__PURE__ */ jsx(
@@ -1907,7 +1972,7 @@ const IconPlus = createIcon(
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      strokeWidth: "1.5"
+      strokeWidth: "2"
     }
   )
 );
@@ -2612,63 +2677,6 @@ const MESSAGE_ACTIONS = {
   reply: "reply",
   saveForLater: "saveForLater"
 };
-const defaultPinPermissions = {
-  commerce: {
-    admin: true,
-    anonymous: false,
-    channel_member: false,
-    channel_moderator: true,
-    guest: false,
-    member: false,
-    moderator: true,
-    owner: true,
-    user: false
-  },
-  gaming: {
-    admin: true,
-    anonymous: false,
-    channel_member: false,
-    channel_moderator: true,
-    guest: false,
-    member: false,
-    moderator: true,
-    owner: false,
-    user: false
-  },
-  livestream: {
-    admin: true,
-    anonymous: false,
-    channel_member: false,
-    channel_moderator: true,
-    guest: false,
-    member: false,
-    moderator: true,
-    owner: true,
-    user: false
-  },
-  messaging: {
-    admin: true,
-    anonymous: false,
-    channel_member: true,
-    channel_moderator: true,
-    guest: false,
-    member: true,
-    moderator: true,
-    owner: true,
-    user: false
-  },
-  team: {
-    admin: true,
-    anonymous: false,
-    channel_member: true,
-    channel_moderator: true,
-    guest: false,
-    member: true,
-    moderator: true,
-    owner: true,
-    user: false
-  }
-};
 const getMessageActions = (actions, {
   canDelete,
   canEdit,
@@ -2684,7 +2692,7 @@ const getMessageActions = (actions, {
   let messageActions = [];
   if (actions && typeof actions === "boolean") {
     messageActions = Object.keys(MESSAGE_ACTIONS);
-  } else if (actions && actions.length > 0) {
+  } else if (actions && Array.isArray(actions) && actions.length > 0) {
     messageActions = [...actions];
   } else {
     return [];
@@ -2775,6 +2783,7 @@ const areMessageUIPropsEqual = (prevProps, nextProps) => {
   return areMessagesEqual(prevMessage, nextMessage);
 };
 const messageHasReactions = (message) => Object.values(message?.reaction_groups ?? {}).some(({ count }) => count > 0);
+const messageHasQuotedMessage = (message) => !!message?.quoted_message;
 const messageHasAttachments = (message) => !!message?.attachments && !!message.attachments.length;
 const messageHasSingleAttachment = (message) => message?.attachments?.length === 1;
 const messageHasGiphyAttachment = (message) => !!message?.attachments?.some((att) => att.type === "giphy");
@@ -2843,6 +2852,7 @@ const isMessageErrorRetryable = (message) => message.status === "failed" && mess
 const isNetworkSendFailure = (message) => message.status === "failed" && message.error?.status === 0;
 const isMessageBounced = (message) => message.type === "error" && (message.moderation_details?.action === "MESSAGE_RESPONSE_ACTION_BOUNCE" || message.moderation?.action === "bounce");
 const isMessageBlocked = (message) => message.type === "error" && (message.moderation_details?.action === "MESSAGE_RESPONSE_ACTION_REMOVE" || message.moderation?.action === "remove");
+const isMessageDeleted = (message) => Boolean(message.deleted_at || message.type === "deleted" || message.deleted_for_me);
 const isMessageEdited = (message) => !!message.message_text_updated_at;
 const hasResizeObserver = typeof window !== "undefined" && "ResizeObserver" in window;
 function autoMiddlewareFor(p) {
@@ -3094,7 +3104,6 @@ const getGroupStyles = (message, previousMessage, nextMessage, noGroupByUser, ma
   return "";
 };
 const hasMoreMessagesProbably = (returnedCountMessages, limit) => returnedCountMessages >= limit;
-const hasNotMoreMessages = (returnedCountMessages, limit) => returnedCountMessages < limit;
 function isIntroMessage(message) {
   return message.customType === CUSTOM_MESSAGE_TYPE.intro;
 }
@@ -3423,6 +3432,7 @@ const ChannelInner = (props) => {
     LoadingIndicator = LoadingChannel
   } = useComponentContext();
   const { client, customClasses, latestMessageDatesByChannels, mutes, searchController } = useChatContext("Channel");
+  const { addNotification } = useNotificationApi();
   const { t } = useTranslationContext("Channel");
   const chatContainerClass = getChatContainerClass(customClasses?.chatContainer);
   const windowsEmojiClass = useImageFlagEmojisOnWindowsClass();
@@ -3668,18 +3678,15 @@ const ChannelInner = (props) => {
     handleHighlightedMessageChange({ highlightedMessageId: jumpToMessageFromSearch.id });
   }, [jumpToMessageFromSearch, handleHighlightedMessageChange]);
   const notifyJumpToFirstUnreadError = useCallback(() => {
-    client.notifications.addError({
+    addNotification({
+      context: { feature: "jumpToFirstUnread" },
+      emitter: "Channel",
       message: t("Failed to jump to the first unread message"),
-      options: {
-        tags: addNotificationTargetTag("channel"),
-        type: "channel:jumpToFirstUnread:failed"
-      },
-      origin: {
-        context: { feature: "jumpToFirstUnread" },
-        emitter: "Channel"
-      }
+      severity: "error",
+      targetPanels: ["channel"],
+      type: "channel:jumpToFirstUnread:failed"
     });
-  }, [client, t]);
+  }, [addNotification, t]);
   const loadMoreFinished = useCallback(
     debounce(
       (hasMore, messages) => {
@@ -4280,7 +4287,6 @@ const ChatViewChannelsSelectorButton = ({
   iconOnly = true
 }) => {
   const { activeChatView, setActiveChatView } = useChatViewContext();
-  const { openMobileNav } = useChatContext("ChatViewChannelsSelectorButton");
   const { t } = useTranslationContext();
   const isActive = activeChatView === "channels";
   return /* @__PURE__ */ jsx(
@@ -4291,10 +4297,7 @@ const ChatViewChannelsSelectorButton = ({
       Icon: IconMessageBubble,
       iconOnly,
       isActive,
-      onPointerDown: () => {
-        openMobileNav();
-        setActiveChatView("channels");
-      },
+      onPointerDown: () => setActiveChatView("channels"),
       text: t("Channels")
     }
   );
@@ -4302,7 +4305,7 @@ const ChatViewChannelsSelectorButton = ({
 const ChatViewThreadsSelectorButton = ({
   iconOnly = true
 }) => {
-  const { client, openMobileNav } = useChatContext();
+  const { client } = useChatContext();
   const { unreadThreadCount } = useStateStore(
     client.threads.state,
     unreadThreadCountSelector
@@ -4320,10 +4323,7 @@ const ChatViewThreadsSelectorButton = ({
       Icon: IconThread,
       iconOnly,
       isActive,
-      onPointerDown: () => {
-        openMobileNav();
-        setActiveChatView("threads");
-      },
+      onPointerDown: () => setActiveChatView("threads"),
       text: t("Threads"),
       children: /* @__PURE__ */ jsx(UnreadCountBadge, { count: unreadThreadCount, position: "top-right", children: isActive ? /* @__PURE__ */ jsx(IconThreadFill, {}) : /* @__PURE__ */ jsx(IconThread, {}) })
     }
@@ -4342,19 +4342,7 @@ const defaultChatViewSelectorItemSet = [
 const ChatViewSelector = ({
   iconOnly = true,
   itemSet = defaultChatViewSelectorItemSet
-}) => {
-  const { navOpen } = useChatContext("ChatView.Selector");
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx("str-chat__chat-view__selector", {
-        "str-chat__chat-view__selector--nav-closed": navOpen === false,
-        "str-chat__chat-view__selector--nav-open": navOpen === true
-      }),
-      children: itemSet.map(({ Component, type }) => /* @__PURE__ */ jsx(Component, { iconOnly }, type))
-    }
-  );
-};
+}) => /* @__PURE__ */ jsx("div", { className: "str-chat__chat-view__selector", children: itemSet.map(({ Component, type }) => /* @__PURE__ */ jsx(Component, { iconOnly }, type)) });
 ChatView.Channels = ChannelsView;
 ChatView.Threads = ThreadsView;
 ChatView.ThreadAdapter = ThreadAdapter;
@@ -4371,6 +4359,115 @@ const useNotificationTarget = () => {
   if (channels) return "channel-list";
   return void 0;
 };
+const SYSTEM_NOTIFICATION_TAG = "system";
+const hasSystemNotificationTag = (notification) => notification.tags?.includes(SYSTEM_NOTIFICATION_TAG) ?? false;
+const getTargetTags = (targetPanels, inferredPanel, tags) => {
+  if (targetPanels) {
+    return Array.from(
+      /* @__PURE__ */ new Set([...targetPanels.map(getNotificationTargetTag), ...tags ?? []])
+    );
+  }
+  return addNotificationTargetTag(inferredPanel, tags);
+};
+const getTypeFromIncident = ({
+  incident,
+  severity,
+  type
+}) => {
+  if (type) return type;
+  if (!incident) return void 0;
+  const status = incident.status ?? (severity === "error" ? "failed" : severity === "success" ? "success" : severity);
+  return [incident.domain, incident.entity, incident.operation, status].filter((segment) => !!segment).join(":");
+};
+const useNotificationApi = () => {
+  const { client } = useChatContext();
+  const inferredPanel = useNotificationTarget();
+  const addNotification = useCallback(
+    ({
+      actions,
+      context,
+      duration,
+      emitter,
+      error,
+      incident,
+      message,
+      severity,
+      tags,
+      targetPanels,
+      type
+    }) => {
+      const notificationTags = getTargetTags(targetPanels, inferredPanel, tags);
+      const resolvedType = getTypeFromIncident({ incident, severity, type });
+      const origin = context ? { context, emitter } : { emitter };
+      const options = {
+        ...actions ? { actions } : {},
+        ...typeof duration === "number" ? { duration } : {},
+        ...error ? { originalError: error } : {},
+        ...notificationTags.length > 0 ? { tags: notificationTags } : {},
+        ...severity ? { severity } : {},
+        ...resolvedType ? { type: resolvedType } : {}
+      };
+      client.notifications.add({
+        message,
+        options,
+        origin
+      });
+    },
+    [client, inferredPanel]
+  );
+  const addSystemNotification = useCallback(
+    ({
+      actions,
+      context,
+      duration,
+      emitter,
+      error,
+      incident,
+      message,
+      severity,
+      tags,
+      type
+    }) => {
+      const notificationTags = Array.from(
+        /* @__PURE__ */ new Set([SYSTEM_NOTIFICATION_TAG, ...tags ?? []])
+      );
+      const resolvedType = getTypeFromIncident({ incident, severity, type });
+      const origin = context ? { context, emitter } : { emitter };
+      const options = {
+        ...actions ? { actions } : {},
+        ...typeof duration === "number" ? { duration } : {},
+        ...error ? { originalError: error } : {},
+        ...notificationTags.length > 0 ? { tags: notificationTags } : {},
+        ...severity ? { severity } : {},
+        ...resolvedType ? { type: resolvedType } : {}
+      };
+      return client.notifications.add({
+        message,
+        options,
+        origin
+      });
+    },
+    [client]
+  );
+  const removeNotification = useCallback(
+    (id) => {
+      client.notifications.remove(id);
+    },
+    [client]
+  );
+  const startNotificationTimeout = useCallback(
+    (id) => {
+      client.notifications.startTimeout(id);
+    },
+    [client]
+  );
+  return {
+    addNotification,
+    addSystemNotification,
+    removeNotification,
+    startNotificationTimeout
+  };
+};
 const AudioPlayerContext = React.createContext({
   audioPlayers: null
 });
@@ -4399,7 +4496,7 @@ const useAudioPlayer = ({
   title,
   waveformData
 }) => {
-  const { client } = useChatContext();
+  const { addNotification } = useNotificationApi();
   const panel = useNotificationTarget();
   const { t } = useTranslationContext();
   const { audioPlayers } = useContext(AudioPlayerContext);
@@ -4417,7 +4514,7 @@ const useAudioPlayer = ({
   useEffect(() => {
     if (!audioPlayer) return;
     const notificationsPlugin = audioPlayerNotificationsPluginFactory({
-      client,
+      addNotification,
       panel,
       t
     });
@@ -4425,7 +4522,7 @@ const useAudioPlayer = ({
       ...currentPlugins.filter((plugin) => plugin.id !== notificationsPlugin.id),
       notificationsPlugin
     ]);
-  }, [audioPlayer, client, panel, t]);
+  }, [addNotification, audioPlayer, panel, t]);
   return audioPlayer;
 };
 const activeAudioPlayerSelector = ({ activeAudioPlayer }) => ({
@@ -4437,56 +4534,56 @@ const useActiveAudioPlayer = () => {
   return activeAudioPlayer;
 };
 export {
-  IconPoll as $,
-  IconArrowLeft as A,
+  IconFile as $,
+  IconNoSign as A,
   Button as B,
   ComponentContext as C,
-  IconExclamationMark as D,
-  IconNoSign as E,
-  isMessageErrorRetryable as F,
-  ACTIONS_NOT_WORKING_IN_THREAD as G,
-  useNotificationTarget as H,
+  isMessageDeleted as D,
+  isMessageErrorRetryable as E,
+  ACTIONS_NOT_WORKING_IN_THREAD as F,
+  useNotificationApi as G,
+  IconArrowUpRight as H,
   IconPauseFill as I,
-  IconArrowUpRight as J,
-  addNotificationTargetTag as K,
+  IconPin as J,
+  mapToUserNameOrId as K,
   LocalizedFormat as L,
-  IconPin as M,
-  mapToUserNameOrId as N,
-  IconClock as O,
-  IconCheckmark1Small as P,
-  IconChecks as Q,
-  getReadByTooltipText as R,
-  messageHasAttachments as S,
-  messageTextHasEmojisOnly as T,
-  isDate as U,
-  getDateString as V,
-  IconTranslate as W,
-  useMessageComposerContext as X,
-  useIsCooldownActive as Y,
-  IconXmarkSmall as Z,
-  IconImage as _,
+  IconClock as M,
+  IconCheckmark1Small as N,
+  IconChecks as O,
+  getReadByTooltipText as P,
+  messageHasAttachments as Q,
+  messageTextHasEmojisOnly as R,
+  isDate as S,
+  getDateString as T,
+  IconTranslate as U,
+  useMessageComposerContext as V,
+  useIsCooldownActive as W,
+  IconXmarkSmall as X,
+  IconImage as Y,
+  IconPoll as Z,
+  IconLocation as _,
   useMessageComposerController as a,
-  processMessages as a$,
-  IconLocation as a0,
-  IconFile as a1,
-  IconLink as a2,
-  IconVideo as a3,
-  IconVideoFill as a4,
-  IconVoice as a5,
-  IconSave as a6,
-  IconBell as a7,
-  IconChevronDown as a8,
-  IconPlusSmall as a9,
-  isLanguageSupported as aA,
-  IconSidebar as aB,
-  useChatViewContext as aC,
-  MESSAGE_ACTIONS as aD,
-  LegacyThreadContext as aE,
+  getMessageActions as a$,
+  IconLink as a0,
+  IconVideo as a1,
+  IconCamera as a2,
+  IconVoice as a3,
+  IconBookmark as a4,
+  IconBell as a5,
+  IconChevronDown as a6,
+  IconMinus as a7,
+  IconPlusSmall as a8,
+  IconCheckmark as a9,
+  useTypingContext as aA,
+  useChatViewContext as aB,
+  MESSAGE_ACTIONS as aC,
+  LegacyThreadContext as aD,
+  IconEmojiAdd as aE,
   IconReply as aF,
   IconEmoji as aG,
   IconMore as aH,
   IconUserCheck as aI,
-  IconUnsave as aJ,
+  IconBookmarkRemove as aJ,
   IconBellOff as aK,
   IconNotification as aL,
   IconEdit as aM,
@@ -4500,111 +4597,118 @@ export {
   messageHasSingleAttachment as aU,
   messageHasGiphyAttachment as aV,
   messageHasReactions as aW,
-  isMessageEdited as aX,
-  countEmojis as aY,
-  areMessagePropsEqual as aZ,
-  getMessageActions as a_,
-  IconCheckmark as aa,
-  DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD as ab,
-  IconTrophy as ac,
-  IconReorder as ad,
-  IconMinusCircle as ae,
-  IconSend as af,
-  IconAudio as ag,
-  IconUserAdd as ah,
-  IconMute as ai,
-  IconGiphy as aj,
-  IconFlag as ak,
-  IconUserRemove as al,
-  IconAttachment as am,
-  IconCommand as an,
-  CHANNEL_CONTAINER_ID as ao,
-  IconPlus as ap,
+  messageHasQuotedMessage as aX,
+  isMessageEdited as aY,
+  countEmojis as aZ,
+  areMessagePropsEqual as a_,
+  DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD as aa,
+  IconTrophy as ab,
+  IconReorder as ac,
+  IconMinusCircle as ad,
+  IconSend as ae,
+  IconAudio as af,
+  IconUserAdd as ag,
+  IconMute as ah,
+  IconGiphy as ai,
+  IconFlag as aj,
+  IconUserRemove as ak,
+  IconAttachment as al,
+  IconCommand as am,
+  CHANNEL_CONTAINER_ID as an,
+  IconPlus as ao,
+  IconUnsupportedAttachment as ap,
   IconExclamationTriangleFill as aq,
   useAudioPlayer as ar,
-  IconRetry as as,
-  IconArrowDownCircle as at,
-  IconBolt as au,
-  IconDelete as av,
-  IconUpload as aw,
-  MessageComposerContextProvider as ax,
-  useTypingContext as ay,
-  defaultDateTimeParser as az,
+  IconMicrophoneSolid as as,
+  IconVideoFill as at,
+  IconRetry as au,
+  IconArrowDownCircle as av,
+  IconBolt as aw,
+  IconDelete as ax,
+  IconUpload as ay,
+  MessageComposerContextProvider as az,
   useChannelActionContext as b,
-  ChannelStateContext as b$,
-  insertIntro as b0,
-  getGroupStyles as b1,
-  getLastReceived as b2,
-  IconArrowUp as b3,
-  isIntroMessage as b4,
-  isLocalMessage as b5,
-  getIsFirstUnreadMessage as b6,
-  IconArrowDown as b7,
-  DEFAULT_NEXT_CHANNEL_PAGE_SIZE as b8,
-  EmptyStateIndicator as b9,
-  useActiveThread as bA,
-  ChatViewSelectorButton as bB,
-  ChatViewChannelsSelectorButton as bC,
-  ChatViewThreadsSelectorButton as bD,
-  defaultChatViewSelectorItemSet as bE,
-  createIcon as bF,
-  IconMessageBubble as bG,
-  IconMessageBubbleFill as bH,
-  IconThreadFill as bI,
-  LoadingChannel as bJ,
-  LoadingErrorIndicator as bK,
-  OPTIONAL_MESSAGE_ACTIONS as bL,
-  getImages as bM,
-  getNonImageAttachments as bN,
-  makeIntroMessage as bO,
-  makeDateMessageId as bP,
-  hasMoreMessagesProbably as bQ,
-  hasNotMoreMessages as bR,
-  isNotificationTargetPanel as bS,
-  getNotificationTargetPanel as bT,
-  getNotificationTargetTag as bU,
-  useLegacyThreadContext as bV,
-  ThreadContext as bW,
-  ThreadProvider as bX,
-  ChannelActionContext as bY,
-  ChannelActionProvider as bZ,
-  ChannelListContext as b_,
-  getChannel as ba,
-  IconSearch as bb,
-  IconXCircle as bc,
-  useChannelListContext as bd,
-  DEFAULT_JUMP_TO_PAGE_SIZE as be,
-  ChannelListContextProvider as bf,
-  IconArchive as bg,
-  IconLeave as bh,
-  IconCamera as bi,
-  IconExclamationCircleFill as bj,
-  ChatProvider as bk,
-  TranslationProvider as bl,
-  useThreadsViewContext as bm,
-  IconMessageBubbles as bn,
-  IconRefresh as bo,
+  addNotificationTargetTag as b$,
+  processMessages as b0,
+  insertIntro as b1,
+  getGroupStyles as b2,
+  getLastReceived as b3,
+  IconArrowUp as b4,
+  isIntroMessage as b5,
+  isLocalMessage as b6,
+  getIsFirstUnreadMessage as b7,
+  IconArrowDown as b8,
+  DEFAULT_NEXT_CHANNEL_PAGE_SIZE as b9,
+  useMentionsHandlers as bA,
+  Channel as bB,
+  ChatViewContext as bC,
+  ChatView as bD,
+  useActiveThread as bE,
+  ChatViewSelectorButton as bF,
+  ChatViewChannelsSelectorButton as bG,
+  ChatViewThreadsSelectorButton as bH,
+  defaultChatViewSelectorItemSet as bI,
+  createIcon as bJ,
+  IconMessageBubble as bK,
+  IconMessageBubbleFill as bL,
+  IconThreadFill as bM,
+  LoadingChannel as bN,
+  LoadingErrorIndicator as bO,
+  validateAndGetMessage as bP,
+  OPTIONAL_MESSAGE_ACTIONS as bQ,
+  getImages as bR,
+  getNonImageAttachments as bS,
+  makeIntroMessage as bT,
+  makeDateMessageId as bU,
+  hasMoreMessagesProbably as bV,
+  SYSTEM_NOTIFICATION_TAG as bW,
+  isNotificationTargetPanel as bX,
+  getNotificationTargetPanel as bY,
+  getNotificationTargetPanels as bZ,
+  getNotificationTargetTag as b_,
+  EmptyStateIndicator as ba,
+  useNotificationTarget as bb,
+  getChannel as bc,
+  IconSearch as bd,
+  IconXCircle as be,
+  useChannelListContext as bf,
+  DEFAULT_JUMP_TO_PAGE_SIZE as bg,
+  ChannelListContextProvider as bh,
+  IconLeave as bi,
+  IconArchive as bj,
+  IconExclamationCircleFill as bk,
+  useThreadsViewContext as bl,
+  IconMessageBubbles as bm,
+  IconRefresh as bn,
+  hasSystemNotificationTag as bo,
   IconEyeFill as bp,
-  useActiveAudioPlayer as bq,
-  WithAudioPlayback as br,
-  defaultRegisterAudioPlayerError as bs,
-  elementIsPlaying as bt,
-  AudioPlayer as bu,
-  useEditMessageHandler as bv,
-  useMentionsHandlers as bw,
-  Channel as bx,
-  ChatViewContext as by,
-  ChatView as bz,
+  defaultDateTimeParser as bq,
+  isLanguageSupported as br,
+  ChatProvider as bs,
+  TranslationProvider as bt,
+  useActiveAudioPlayer as bu,
+  WithAudioPlayback as bv,
+  defaultRegisterAudioPlayerError as bw,
+  elementIsPlaying as bx,
+  AudioPlayer as by,
+  useEditMessageHandler as bz,
   useTranslationContext as c,
-  ChannelStateProvider as c0,
-  ChatContext as c1,
-  ComponentProvider as c2,
-  MessageComposerContext as c3,
-  TranslationContext as c4,
-  TypingContext as c5,
-  TypingProvider as c6,
-  isDayOrMoment as c7,
-  isNumberOrString as c8,
+  useLegacyThreadContext as c0,
+  ThreadContext as c1,
+  ThreadProvider as c2,
+  ChannelActionContext as c3,
+  ChannelActionProvider as c4,
+  ChannelListContext as c5,
+  ChannelStateContext as c6,
+  ChannelStateProvider as c7,
+  ChatContext as c8,
+  ComponentProvider as c9,
+  MessageComposerContext as ca,
+  TranslationContext as cb,
+  TypingContext as cc,
+  TypingProvider as cd,
+  isDayOrMoment as ce,
+  isNumberOrString as cf,
   useChannelStateContext as d,
   useChatContext as e,
   isNotificationForPanel as f,
@@ -4614,19 +4718,19 @@ export {
   defaultTranslatorFunction as j,
   calendar as k,
   IconLoading as l,
-  isNetworkSendFailure as m,
-  isUserMuted as n,
-  defaultPinPermissions as o,
+  useComponentContext as m,
+  isNetworkSendFailure as n,
+  isUserMuted as o,
   predefinedFormatters as p,
   useThreadContext as q,
   usePopoverPosition as r,
-  useComponentContext as s,
-  IconXmark as t,
+  IconXmark as s,
+  IconUser as t,
   useStateStore as u,
-  validateAndGetMessage as v,
-  IconUser as w,
-  IconExclamationMarkFill as x,
-  IconChevronRight as y,
-  IconChevronLeft as z
+  IconExclamationMarkFill as v,
+  IconChevronRight as w,
+  IconChevronLeft as x,
+  IconArrowLeft as y,
+  IconExclamationMark as z
 };
-//# sourceMappingURL=WithAudioPlayback.d90f1a99.mjs.map
+//# sourceMappingURL=WithAudioPlayback.2ffdc4c5.mjs.map