stream-chat-react 14.0.0-beta.1 → 14.0.0-beta.3

package/dist/{WithAudioPlayback-TERIQpZ6.js → cjs/WithAudioPlayback.4a84360f.js}

@@ -44,6 +44,20 @@ const useChannelActionContext = (componentName) => {
   }
   return contextValue;
 };
+const ChannelListContext = React.createContext(
+  void 0
+);
+const ChannelListContextProvider = ({
+  children,
+  value
+}) => /* @__PURE__ */ jsxRuntime.jsx(ChannelListContext.Provider, { value, children });
+const useChannelListContext = () => {
+  const contextValue = React.useContext(ChannelListContext);
+  if (!contextValue) {
+    return {};
+  }
+  return contextValue;
+};
 const ChannelStateContext = React.createContext(void 0);
 const ChannelStateProvider = ({
   children,
@@ -605,6 +619,7 @@ class AudioPlayer {
     };
     this.stop = () => {
       this.pause();
+      this.state.partialNext({ isPlaying: false });
       this.setSecondsElapsed(0);
       if (this.elementRef) this.elementRef.currentTime = 0;
     };
@@ -681,10 +696,7 @@ class AudioPlayer {
         if (audioElement) {
           this.updateDurationFromElement(audioElement);
         }
-        this.state.partialNext({
-          isPlaying: false,
-          secondsElapsed: audioElement?.duration ?? this.durationSeconds ?? 0
-        });
+        this.stop();
       };
       const handleError = (e) => {
         const audio = e.currentTarget;
@@ -1002,7 +1014,10 @@ const getNotificationTargetPanel = (notification) => {
   return isNotificationTargetPanel(panel) ? panel : void 0;
 };
 const getNotificationTargetTag = (panel) => `target:${panel}`;
-const addNotificationTargetTag = (panel, tags) => Array.from(/* @__PURE__ */ new Set([getNotificationTargetTag(panel), ...tags ?? []]));
+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;
@@ -1580,6 +1595,13 @@ const IconEmojiSmile = createIcon(
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.8333 6.59998C10.8333 7.33638 10.3856 7.83331 9.83334 7.83331C9.28108 7.83331 8.83334 7.33638 8.83334 6.59998C8.83334 5.8636 9.28108 5.33331 9.83334 5.33331C10.3856 5.33331 10.8333 5.8636 10.8333 6.59998Z" })
   ] })
 );
+const IconExclamation = createIcon(
+  "IconExclamation",
+  /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "translate(6.2222 0) scale(1.7778)", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 7.5C0 6.9477 0.4477 6.5 1 6.5C1.5523 6.5 2 6.9477 2 7.5C1.99989 8.05211 1.55223 8.5 1 8.5C0.447768 8.5 0.000110293 8.05211 0 7.5Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.25 0.75C0.25 0.33578 0.5858 0 1 0C1.4142 0 1.75 0.33578 1.75 0.75V4.75C1.74989 5.16411 1.41413 5.5 1 5.5C0.585868 5.5 0.25011 5.16411 0.25 4.75V0.75Z" })
+  ] }) })
+);
 const IconExclamationCircle1 = createIcon(
   "IconExclamationCircle1",
   /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2835,6 +2857,7 @@ const messageTextHasEmojisOnly = (message) => {
   return !noSpace;
 };
 const isMessageErrorRetryable = (message) => message.status === "failed" && message.error?.status !== 403;
+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 isMessageEdited = (message) => !!message.message_text_updated_at;
@@ -3167,6 +3190,64 @@ const findInMsgSetByDate = (targetDate, msgSet, exact = false) => {
   }
   return { index: -1 };
 };
+const adaptMessageSendErrorToErrorFromResponse = (error) => {
+  if (error instanceof streamChat.ErrorFromResponse) {
+    return error;
+  }
+  const fallbackMessage = error instanceof Error ? error.message : "Message send failed";
+  let message = fallbackMessage;
+  let status = 0;
+  let code = null;
+  if (typeof error === "object" && error !== null) {
+    const maybeAxiosError = error;
+    if (maybeAxiosError.name === "AxiosError" && maybeAxiosError.code === "ERR_NETWORK") {
+      message = typeof maybeAxiosError.message === "string" ? maybeAxiosError.message : "Network Error";
+      status = maybeAxiosError.response?.status ?? 0;
+      return new streamChat.ErrorFromResponse(message, {
+        code: null,
+        response: maybeAxiosError.response ?? {
+          // Compatibility shim: this is an intentionally incomplete AxiosResponse-like object.
+          data: {
+            duration: "",
+            message,
+            more_info: "",
+            StatusCode: status
+          },
+          status
+        },
+        status
+      });
+    }
+    try {
+      const stringError = JSON.stringify(error);
+      const parsedError = stringError ? JSON.parse(stringError) : {};
+      if (typeof parsedError.message === "string") {
+        message = parsedError.message;
+      }
+      if (typeof parsedError.status === "number") {
+        status = parsedError.status;
+      }
+      if (typeof parsedError.code === "number") {
+        code = parsedError.code;
+      }
+    } catch {
+    }
+  }
+  return new streamChat.ErrorFromResponse(message, {
+    code,
+    response: {
+      // Compatibility shim: this is an intentionally incomplete AxiosResponse-like object.
+      data: {
+        duration: "",
+        message,
+        more_info: "",
+        StatusCode: status
+      },
+      status
+    },
+    status
+  });
+};
 const WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
 const getChannel = async ({
   channel,
@@ -3896,8 +3977,7 @@ const ChannelInner = (props) => {
         });
       }
     } catch (error) {
-      const stringError = JSON.stringify(error);
-      const parsedError = stringError ? JSON.parse(stringError) : {};
+      const parsedError = adaptMessageSendErrorToErrorFromResponse(error);
       if (parsedError.code === 4 && error instanceof Error && error.message.includes("already exists")) {
         updateMessage({
           ...localMessage,
@@ -4093,9 +4173,10 @@ const ChatViewContext = React.createContext(void 0);
 const useChatViewContext = () => {
   const value = React.useContext(ChatViewContext);
   if (!value) {
-    throw new Error(
+    console.warn(
       "The useChatViewContext hook was called outside of the ChatView provider."
     );
+    return {};
   }
   return value;
 };
@@ -4296,14 +4377,16 @@ ChatView.Threads = ThreadsView;
 ChatView.ThreadAdapter = ThreadAdapter;
 ChatView.Selector = ChatViewSelector;
 const useNotificationTarget = () => {
-  const { activeChatView } = useChatViewContext();
+  const chatViewContext = React.useContext(ChatViewContext);
+  const { channels } = useChannelListContext();
   const { channel } = useChannelStateContext();
   const threadInstance = useThreadContext();
   const { legacyThread } = useLegacyThreadContext();
   if (threadInstance || legacyThread) return "thread";
   if (channel) return "channel";
-  if (activeChatView === "threads") return "thread-list";
-  return "channel-list";
+  if (chatViewContext?.activeChatView === "threads") return "thread-list";
+  if (channels) return "channel-list";
+  return void 0;
 };
 const AudioPlayerContext = React.createContext({
   audioPlayers: null
@@ -4378,6 +4461,8 @@ exports.CHANNEL_CONTAINER_ID = CHANNEL_CONTAINER_ID;
 exports.Channel = Channel;
 exports.ChannelActionContext = ChannelActionContext;
 exports.ChannelActionProvider = ChannelActionProvider;
+exports.ChannelListContext = ChannelListContext;
+exports.ChannelListContextProvider = ChannelListContextProvider;
 exports.ChannelStateContext = ChannelStateContext;
 exports.ChannelStateProvider = ChannelStateProvider;
 exports.ChatContext = ChatContext;
@@ -4466,6 +4551,7 @@ exports.IconEditBigSolid = IconEditBigSolid;
 exports.IconEmojiAddReaction = IconEmojiAddReaction;
 exports.IconEmojiSad = IconEmojiSad;
 exports.IconEmojiSmile = IconEmojiSmile;
+exports.IconExclamation = IconExclamation;
 exports.IconExclamationCircle = IconExclamationCircle;
 exports.IconExclamationCircle1 = IconExclamationCircle1;
 exports.IconExclamationTriangle = IconExclamationTriangle;
@@ -4600,6 +4686,7 @@ exports.isMessageBlocked = isMessageBlocked;
 exports.isMessageBounced = isMessageBounced;
 exports.isMessageEdited = isMessageEdited;
 exports.isMessageErrorRetryable = isMessageErrorRetryable;
+exports.isNetworkSendFailure = isNetworkSendFailure;
 exports.isNotificationForPanel = isNotificationForPanel;
 exports.isNotificationTargetPanel = isNotificationTargetPanel;
 exports.isNumberOrString = isNumberOrString;
@@ -4618,6 +4705,7 @@ exports.useActiveAudioPlayer = useActiveAudioPlayer;
 exports.useActiveThread = useActiveThread;
 exports.useAudioPlayer = useAudioPlayer;
 exports.useChannelActionContext = useChannelActionContext;
+exports.useChannelListContext = useChannelListContext;
 exports.useChannelStateContext = useChannelStateContext;
 exports.useChatContext = useChatContext;
 exports.useChatViewContext = useChatViewContext;
@@ -4636,4 +4724,4 @@ exports.useThreadsViewContext = useThreadsViewContext;
 exports.useTranslationContext = useTranslationContext;
 exports.useTypingContext = useTypingContext;
 exports.validateAndGetMessage = validateAndGetMessage;
-//# sourceMappingURL=WithAudioPlayback-TERIQpZ6.js.map
+//# sourceMappingURL=WithAudioPlayback.4a84360f.js.map