stream-chat-react 14.1.0 → 14.3.0

package/dist/cjs/index.js

@@ -5,7 +5,7 @@ const clsx = require("clsx");
 const nanoid = require("nanoid");
 const React = require("react");
 const audioProcessing = require("./audioProcessing.56e5db9d.js");
-const useNotificationApi = require("./useNotificationApi.fd802923.js");
+const useNotificationApi = require("./useNotificationApi.f2c7704d.js");
 const reactDom = require("react-dom");
 const streamChat = require("stream-chat");
 const sanitizeUrl = require("@braintree/sanitize-url");
@@ -981,7 +981,9 @@ const deTranslations = {
   "aria/Mark messages as read": "Nachrichten als gelesen markieren",
   "aria/Menu": "Menü",
   "aria/Message Actions": "Nachrichtenaktionen",
+  "aria/Message from {{ user }},": "Nachricht von {{ user }},",
   "aria/Message Options": "Nachrichtenoptionen",
+  "aria/Message,": "Nachricht,",
   "aria/Mute User": "Benutzer stummschalten",
   "aria/Notifications": "Benachrichtigungen",
   "aria/Open Attachment Selector": "Anhang-Auswahl öffnen",
@@ -1050,6 +1052,8 @@ const deTranslations = {
   "Close dialog": "Dialog schließen",
   "Close emoji picker": "Emoji-Auswahl schließen",
   "Close prompt: {{ title }}": "Eingabeaufforderung schließen: {{ title }}",
+  "Command not available while editing": "Befehl beim Bearbeiten nicht verfügbar",
+  "Command not available while replying": "Befehl beim Antworten nicht verfügbar",
   Commands: Commands$b,
   "Commands matching": "Übereinstimmende Befehle",
   "Connection failure, reconnecting now...": "Verbindungsfehler, Wiederherstellung der Verbindung...",
@@ -1109,6 +1113,8 @@ const deTranslations = {
   "Failed to end the poll due to {{reason}}": "Umfrage konnte aufgrund von {{reason}} nicht beendet werden",
   "Failed to jump to the first unread message": "Fehler beim Springen zur ersten ungelesenen Nachricht",
   "Failed to leave channel": "Kanal konnte nicht verlassen werden",
+  "Failed to load channels": "Kanäle konnten nicht geladen werden",
+  "Failed to load more channels": "Weitere Kanäle konnten nicht geladen werden",
   "Failed to mark channel as read": "Fehler beim Markieren des Kanals als gelesen",
   "Failed to play the recording": "Wiedergabe der Aufnahme fehlgeschlagen",
   "Failed to retrieve location": "Standort konnte nicht abgerufen werden",
@@ -1571,7 +1577,9 @@ const enTranslations = {
   "aria/Mark messages as read": "Mark messages as read",
   "aria/Menu": "Menu",
   "aria/Message Actions": "Message Actions",
+  "aria/Message from {{ user }},": "Message from {{ user }},",
   "aria/Message Options": "Message Options",
+  "aria/Message,": "Message,",
   "aria/Mute User": "Mute User",
   "aria/Notifications": "Notifications",
   "aria/Open Attachment Selector": "Open Attachment Selector",
@@ -1640,6 +1648,8 @@ const enTranslations = {
   "Close dialog": "Close dialog",
   "Close emoji picker": "Close emoji picker",
   "Close prompt: {{ title }}": "Close prompt: {{ title }}",
+  "Command not available while editing": "Command not available while editing",
+  "Command not available while replying": "Command not available while replying",
   Commands: Commands$a,
   "Commands matching": "Commands matching",
   "Connection failure, reconnecting now...": "Connection failure, reconnecting now...",
@@ -1699,6 +1709,8 @@ const enTranslations = {
   "Failed to end the poll due to {{reason}}": "Failed to end the poll due to {{reason}}",
   "Failed to jump to the first unread message": "Failed to jump to the first unread message",
   "Failed to leave channel": "Failed to leave channel",
+  "Failed to load channels": "Failed to load channels",
+  "Failed to load more channels": "Failed to load more channels",
   "Failed to mark channel as read": "Failed to mark channel as read",
   "Failed to play the recording": "Failed to play the recording",
   "Failed to retrieve location": "Failed to retrieve location",
@@ -2177,7 +2189,9 @@ const esTranslations = {
   "aria/Mark messages as read": "Marcar mensajes como leídos",
   "aria/Menu": "Menú",
   "aria/Message Actions": "Acciones del mensaje",
+  "aria/Message from {{ user }},": "Mensaje de {{ user }},",
   "aria/Message Options": "Opciones de mensaje",
+  "aria/Message,": "Mensaje,",
   "aria/Mute User": "Silenciar usuario",
   "aria/Notifications": "Notificaciones",
   "aria/Open Attachment Selector": "Abrir selector de adjuntos",
@@ -2246,6 +2260,8 @@ const esTranslations = {
   "Close dialog": "Cerrar diálogo",
   "Close emoji picker": "Cerrar el selector de emojis",
   "Close prompt: {{ title }}": "Cerrar diálogo: {{ title }}",
+  "Command not available while editing": "Comando no disponible durante la edición",
+  "Command not available while replying": "Comando no disponible mientras se responde",
   Commands: Commands$9,
   "Commands matching": "Coincidencia de comandos",
   "Connection failure, reconnecting now...": "Fallo de conexión, reconectando ahora...",
@@ -2305,6 +2321,8 @@ const esTranslations = {
   "Failed to end the poll due to {{reason}}": "No se pudo terminar la encuesta debido a {{reason}}",
   "Failed to jump to the first unread message": "Error al saltar al primer mensaje no leído",
   "Failed to leave channel": "No se pudo salir del canal",
+  "Failed to load channels": "No se pudieron cargar los canales",
+  "Failed to load more channels": "No se pudieron cargar más canales",
   "Failed to mark channel as read": "Error al marcar el canal como leído",
   "Failed to play the recording": "No se pudo reproducir la grabación",
   "Failed to retrieve location": "No se pudo obtener la ubicación",
@@ -2794,7 +2812,9 @@ const frTranslations = {
   "aria/Mark messages as read": "Marquer les messages comme lus",
   "aria/Menu": "Menu",
   "aria/Message Actions": "Actions du message",
+  "aria/Message from {{ user }},": "Message de {{ user }},",
   "aria/Message Options": "Options du message",
+  "aria/Message,": "Message,",
   "aria/Mute User": "Mettre en sourdine",
   "aria/Notifications": "Notifications",
   "aria/Open Attachment Selector": "Ouvrir le sélecteur de pièces jointes",
@@ -2863,6 +2883,8 @@ const frTranslations = {
   "Close dialog": "Fermer la boîte de dialogue",
   "Close emoji picker": "Fermer le sélecteur d'émojis",
   "Close prompt: {{ title }}": "Fermer l'invite : {{ title }}",
+  "Command not available while editing": "Commande non disponible pendant la modification",
+  "Command not available while replying": "Commande non disponible pendant la réponse",
   Commands: Commands$8,
   "Commands matching": "Correspondance des commandes",
   "Connection failure, reconnecting now...": "Échec de la connexion, reconnexion en cours...",
@@ -2922,6 +2944,8 @@ const frTranslations = {
   "Failed to end the poll due to {{reason}}": "Impossible de terminer le sondage en raison de {{reason}}",
   "Failed to jump to the first unread message": "Échec du saut vers le premier message non lu",
   "Failed to leave channel": "Impossible de quitter le canal",
+  "Failed to load channels": "Impossible de charger les canaux",
+  "Failed to load more channels": "Impossible de charger davantage de canaux",
   "Failed to mark channel as read": "Échec du marquage du canal comme lu",
   "Failed to play the recording": "Impossible de lire l'enregistrement",
   "Failed to retrieve location": "Impossible de récupérer l'emplacement",
@@ -3395,7 +3419,9 @@ const hiTranslations = {
   "aria/Mark messages as read": "संदेशों को पढ़ा हुआ चिह्नित करें",
   "aria/Menu": "मेन्यू",
   "aria/Message Actions": "संदेश कार्रवाइयाँ",
+  "aria/Message from {{ user }},": "{{ user }} का संदेश,",
   "aria/Message Options": "संदेश विकल्प",
+  "aria/Message,": "संदेश,",
   "aria/Mute User": "उपयोगकर्ता म्यूट करें",
   "aria/Notifications": "सूचनाएं",
   "aria/Open Attachment Selector": "अटैचमेंट चयनकर्ता खोलें",
@@ -3464,6 +3490,8 @@ const hiTranslations = {
   "Close dialog": "डायलॉग बंद करें",
   "Close emoji picker": "इमोजी पिकर बंद करें",
   "Close prompt: {{ title }}": "प्रॉम्प्ट बंद करें: {{ title }}",
+  "Command not available while editing": "संपादन के दौरान कमांड उपलब्ध नहीं है",
+  "Command not available while replying": "उत्तर देते समय कमांड उपलब्ध नहीं है",
   Commands: Commands$7,
   "Commands matching": "मेल खाती है",
   "Connection failure, reconnecting now...": "कनेक्शन विफल रहा, अब पुनः कनेक्ट हो रहा है ...",
@@ -3524,6 +3552,8 @@ const hiTranslations = {
   "Failed to end the poll due to {{reason}}": "{{reason}} के कारण पोल समाप्त करने में विफल",
   "Failed to jump to the first unread message": "पहले अपठित संदेश पर जाने में विफल",
   "Failed to leave channel": "चैनल छोड़ने में विफल",
+  "Failed to load channels": "चैनल लोड करने में विफल",
+  "Failed to load more channels": "और चैनल लोड करने में विफल",
   "Failed to mark channel as read": "चैनल को पढ़ा हुआ चिह्नित करने में विफल।",
   "Failed to play the recording": "रेकॉर्डिंग प्ले करने में विफल",
   "Failed to retrieve location": "स्थान प्राप्त करने में विफल",
@@ -4002,7 +4032,9 @@ const itTranslations = {
   "aria/Mark messages as read": "Segna i messaggi come letti",
   "aria/Menu": "Menu",
   "aria/Message Actions": "Azioni del messaggio",
+  "aria/Message from {{ user }},": "Messaggio di {{ user }},",
   "aria/Message Options": "Opzioni di messaggio",
+  "aria/Message,": "Messaggio,",
   "aria/Mute User": "Mute utente",
   "aria/Notifications": "Notifiche",
   "aria/Open Attachment Selector": "Apri selettore allegati",
@@ -4071,6 +4103,8 @@ const itTranslations = {
   "Close dialog": "Chiudi finestra di dialogo",
   "Close emoji picker": "Chiudi il selettore di emoji",
   "Close prompt: {{ title }}": "Chiudi prompt: {{ title }}",
+  "Command not available while editing": "Comando non disponibile durante la modifica",
+  "Command not available while replying": "Comando non disponibile durante la risposta",
   Commands: Commands$6,
   "Commands matching": "Comandi corrispondenti",
   "Connection failure, reconnecting now...": "Errore di connessione, riconnessione in corso...",
@@ -4130,6 +4164,8 @@ const itTranslations = {
   "Failed to end the poll due to {{reason}}": "Impossibile terminare il sondaggio a causa di {{reason}}",
   "Failed to jump to the first unread message": "Impossibile passare al primo messaggio non letto",
   "Failed to leave channel": "Impossibile lasciare il canale",
+  "Failed to load channels": "Impossibile caricare i canali",
+  "Failed to load more channels": "Impossibile caricare altri canali",
   "Failed to mark channel as read": "Impossibile contrassegnare il canale come letto",
   "Failed to play the recording": "Impossibile riprodurre la registrazione",
   "Failed to retrieve location": "Impossibile recuperare la posizione",
@@ -4596,7 +4632,9 @@ const jaTranslations = {
   "aria/Mark messages as read": "メッセージを既読にする",
   "aria/Menu": "メニュー",
   "aria/Message Actions": "メッセージ操作",
+  "aria/Message from {{ user }},": "{{ user }}さんからのメッセージ,",
   "aria/Message Options": "メッセージオプション",
+  "aria/Message,": "メッセージ,",
   "aria/Mute User": "ユーザーをミュート",
   "aria/Notifications": "通知",
   "aria/Open Attachment Selector": "添付ファイル選択を開く",
@@ -4665,6 +4703,8 @@ const jaTranslations = {
   "Close dialog": "ダイアログを閉じる",
   "Close emoji picker": "絵文字ピッカーを閉める",
   "Close prompt: {{ title }}": "プロンプトを閉じる: {{ title }}",
+  "Command not available while editing": "編集中はコマンドを使用できません",
+  "Command not available while replying": "返信中はコマンドを使用できません",
   Commands: Commands$5,
   "Commands matching": "一致するコマンド",
   "Connection failure, reconnecting now...": "接続が失敗しました。再接続中...",
@@ -4724,6 +4764,8 @@ const jaTranslations = {
   "Failed to end the poll due to {{reason}}": "{{reason}}のためアンケートの終了に失敗しました",
   "Failed to jump to the first unread message": "最初の未読メッセージにジャンプできませんでした",
   "Failed to leave channel": "チャンネルの退出に失敗しました",
+  "Failed to load channels": "チャンネルの読み込みに失敗しました",
+  "Failed to load more channels": "さらにチャンネルを読み込めませんでした",
   "Failed to mark channel as read": "チャンネルを既読にすることができませんでした",
   "Failed to play the recording": "録音の再生に失敗しました",
   "Failed to retrieve location": "位置情報の取得に失敗しました",
@@ -5172,7 +5214,9 @@ const koTranslations = {
   "aria/Mark messages as read": "메시지를 읽음으로 표시",
   "aria/Menu": "메뉴",
   "aria/Message Actions": "메시지 작업",
+  "aria/Message from {{ user }},": "{{ user }}의 메시지,",
   "aria/Message Options": "메시지 옵션",
+  "aria/Message,": "메시지,",
   "aria/Mute User": "사용자 음소거",
   "aria/Notifications": "알림",
   "aria/Open Attachment Selector": "첨부 파일 선택기 열기",
@@ -5241,6 +5285,8 @@ const koTranslations = {
   "Close dialog": "대화 상자 닫기",
   "Close emoji picker": "이모티콘 선택기 닫기",
   "Close prompt: {{ title }}": "프롬프트 닫기: {{ title }}",
+  "Command not available while editing": "편집 중에는 명령을 사용할 수 없습니다",
+  "Command not available while replying": "답장 중에는 명령을 사용할 수 없습니다",
   Commands: Commands$4,
   "Commands matching": "일치하는 명령",
   "Connection failure, reconnecting now...": "연결 실패, 지금 다시 연결 중...",
@@ -5300,6 +5346,8 @@ const koTranslations = {
   "Failed to end the poll due to {{reason}}": "{{reason}}(으)로 인해 투표 종료에 실패했습니다",
   "Failed to jump to the first unread message": "첫 번째 읽지 않은 메시지로 이동하지 못했습니다",
   "Failed to leave channel": "채널 나가기에 실패했습니다",
+  "Failed to load channels": "채널을 불러오지 못했습니다",
+  "Failed to load more channels": "채널을 더 불러오지 못했습니다",
   "Failed to mark channel as read": "채널을 읽음으로 표시하는 데 실패했습니다",
   "Failed to play the recording": "녹음을 재생하지 못했습니다",
   "Failed to retrieve location": "위치를 가져오지 못했습니다",
@@ -5755,7 +5803,9 @@ const nlTranslations = {
   "aria/Mark messages as read": "Markeer berichten als gelezen",
   "aria/Menu": "Menu",
   "aria/Message Actions": "Berichtacties",
+  "aria/Message from {{ user }},": "Bericht van {{ user }},",
   "aria/Message Options": "Berichtopties",
+  "aria/Message,": "Bericht,",
   "aria/Mute User": "Gebruiker dempen",
   "aria/Notifications": "Meldingen",
   "aria/Open Attachment Selector": "Open bijlage selector",
@@ -5824,6 +5874,8 @@ const nlTranslations = {
   "Close dialog": "Dialoog sluiten",
   "Close emoji picker": "Sluit de emoji-kiezer",
   "Close prompt: {{ title }}": "Prompt sluiten: {{ title }}",
+  "Command not available while editing": "Opdracht niet beschikbaar tijdens bewerken",
+  "Command not available while replying": "Opdracht niet beschikbaar tijdens beantwoorden",
   Commands: Commands$3,
   "Commands matching": "Bijpassende opdrachten",
   "Connection failure, reconnecting now...": "Verbindingsfout, opnieuw verbinden...",
@@ -5883,6 +5935,8 @@ const nlTranslations = {
   "Failed to end the poll due to {{reason}}": "Peiling kon niet worden beëindigd vanwege {{reason}}",
   "Failed to jump to the first unread message": "Niet gelukt om naar het eerste ongelezen bericht te springen",
   "Failed to leave channel": "Kanaal verlaten mislukt",
+  "Failed to load channels": "Kanalen konden niet worden geladen",
+  "Failed to load more channels": "Meer kanalen konden niet worden geladen",
   "Failed to mark channel as read": "Kanaal kon niet als gelezen worden gemarkeerd",
   "Failed to play the recording": "Kan de opname niet afspelen",
   "Failed to retrieve location": "Locatie kon niet worden opgehaald",
@@ -6363,7 +6417,9 @@ const ptTranslations = {
   "aria/Mark messages as read": "Marcar mensagens como lidas",
   "aria/Menu": "Menu",
   "aria/Message Actions": "Ações da mensagem",
+  "aria/Message from {{ user }},": "Mensagem de {{ user }},",
   "aria/Message Options": "Opções de mensagem",
+  "aria/Message,": "Mensagem,",
   "aria/Mute User": "Silenciar usuário",
   "aria/Notifications": "Notificações",
   "aria/Open Attachment Selector": "Abrir seletor de anexos",
@@ -6432,6 +6488,8 @@ const ptTranslations = {
   "Close dialog": "Fechar diálogo",
   "Close emoji picker": "Fechar seletor de emoji",
   "Close prompt: {{ title }}": "Fechar prompt: {{ title }}",
+  "Command not available while editing": "Comando não disponível durante a edição",
+  "Command not available while replying": "Comando não disponível durante a resposta",
   Commands: Commands$2,
   "Commands matching": "Comandos correspondentes",
   "Connection failure, reconnecting now...": "Falha de conexão, reconectando agora...",
@@ -6491,6 +6549,8 @@ const ptTranslations = {
   "Failed to end the poll due to {{reason}}": "Falha ao encerrar a enquete devido a {{reason}}",
   "Failed to jump to the first unread message": "Falha ao pular para a primeira mensagem não lida",
   "Failed to leave channel": "Falha ao sair do canal",
+  "Failed to load channels": "Falha ao carregar os canais",
+  "Failed to load more channels": "Falha ao carregar mais canais",
   "Failed to mark channel as read": "Falha ao marcar o canal como lido",
   "Failed to play the recording": "Falha ao reproduzir a gravação",
   "Failed to retrieve location": "Falha ao obter localização",
@@ -7000,7 +7060,9 @@ const ruTranslations = {
   "aria/Mark messages as read": "Отметить сообщения как прочитанные",
   "aria/Menu": "Меню",
   "aria/Message Actions": "Действия с сообщением",
+  "aria/Message from {{ user }},": "Сообщение от {{ user }},",
   "aria/Message Options": "Параметры сообщения",
+  "aria/Message,": "Сообщение,",
   "aria/Mute User": "Отключить уведомления",
   "aria/Notifications": "Уведомления",
   "aria/Open Attachment Selector": "Открыть выбор вложений",
@@ -7069,6 +7131,8 @@ const ruTranslations = {
   "Close dialog": "Закрыть диалог",
   "Close emoji picker": "Закрыть окно выбора смайлов",
   "Close prompt: {{ title }}": "Закрыть запрос: {{ title }}",
+  "Command not available while editing": "Команда недоступна при редактировании",
+  "Command not available while replying": "Команда недоступна при ответе",
   Commands: Commands$1,
   "Commands matching": "Соответствие команд",
   "Connection failure, reconnecting now...": "Ошибка соединения, переподключение...",
@@ -7128,6 +7192,8 @@ const ruTranslations = {
   "Failed to end the poll due to {{reason}}": "Не удалось завершить опрос из-за {{reason}}",
   "Failed to jump to the first unread message": "Не удалось перейти к первому непрочитанному сообщению",
   "Failed to leave channel": "Не удалось покинуть канал",
+  "Failed to load channels": "Не удалось загрузить каналы",
+  "Failed to load more channels": "Не удалось загрузить больше каналов",
   "Failed to mark channel as read": "Не удалось пометить канал как прочитанный",
   "Failed to play the recording": "Не удалось воспроизвести запись",
   "Failed to retrieve location": "Не удалось получить местоположение",
@@ -7615,7 +7681,9 @@ const trTranslations = {
   "aria/Mark messages as read": "Mesajları okundu olarak işaretle",
   "aria/Menu": "Menü",
   "aria/Message Actions": "Mesaj eylemleri",
+  "aria/Message from {{ user }},": "{{ user }} adlı kullanıcıdan mesaj,",
   "aria/Message Options": "Mesaj Seçenekleri",
+  "aria/Message,": "Mesaj,",
   "aria/Mute User": "Kullanıcıyı sustur",
   "aria/Notifications": "Bildirimler",
   "aria/Open Attachment Selector": "Ek Seçiciyi Aç",
@@ -7684,6 +7752,8 @@ const trTranslations = {
   "Close dialog": "İletişim kutusunu kapat",
   "Close emoji picker": "Emoji seçiciyi kapat",
   "Close prompt: {{ title }}": "İstemi kapat: {{ title }}",
+  "Command not available while editing": "Düzenleme sırasında komut kullanılamaz",
+  "Command not available while replying": "Yanıtlama sırasında komut kullanılamaz",
   Commands,
   "Commands matching": "Eşleşen komutlar",
   "Connection failure, reconnecting now...": "Bağlantı hatası, tekrar bağlanılıyor...",
@@ -7743,6 +7813,8 @@ const trTranslations = {
   "Failed to end the poll due to {{reason}}": "{{reason}} nedeniyle anket sonlandırılamadı",
   "Failed to jump to the first unread message": "İlk okunmamış mesaja atlamada hata oluştu",
   "Failed to leave channel": "Kanaldan çıkılamadı",
+  "Failed to load channels": "Kanallar yüklenemedi",
+  "Failed to load more channels": "Daha fazla kanal yüklenemedi",
   "Failed to mark channel as read": "Kanalı okundu olarak işaretleme başarısız oldu",
   "Failed to play the recording": "Kayıt oynatılamadı",
   "Failed to retrieve location": "Konum alınamadı",
@@ -8607,6 +8679,19 @@ const translatePollEndFailed = ({
   t
 });
 const translateBrowserAudioPlaybackError = ({ options: { notification }, t }) => notification?.message ? t(notification.message) : t("Error reproducing the recording");
+const translateCommandDisabled = ({
+  options: { notification },
+  t
+}) => {
+  const reason = normalizeReason(notification);
+  if (reason === "editing") {
+    return t("Command not available while editing");
+  }
+  if (reason === "quoted_message") {
+    return t("Command not available while replying");
+  }
+  return t(notification?.message || "Command not available");
+};
 const translatorsByNotificationType = {
   "api:attachment:upload:failed": translateAttachmentUploadFailed,
   "api:location:create:failed": ({ t }) => t("Failed to share location"),
@@ -8622,6 +8707,7 @@ const translatorsByNotificationType = {
   "validation:attachment:id:missing": ({ t }) => t("Local upload attachment missing local id"),
   "validation:attachment:upload:blocked": translateAttachmentUploadBlocked,
   "validation:attachment:upload:in-progress": ({ t }) => t("Wait until all attachments have uploaded"),
+  "validation:command:disabled": translateCommandDisabled,
   "validation:poll:castVote:limit": ({ t }) => t("Reached the vote limit. Remove an existing vote first.")
 };
 const translateByNotificationType = ({
@@ -10047,7 +10133,7 @@ const DialogAnchor = ({
   React.useEffect(() => {
     if (!open) return;
     const hideOnEscape = (event) => {
-      if (event.key !== "Escape") return;
+      if (event.key !== "Escape" || event.defaultPrevented) return;
       dialog?.close();
     };
     document.addEventListener("keyup", hideOnEscape);
@@ -10152,7 +10238,7 @@ const Avatar = ({
     }
     return initials;
   }, [nameString, size]);
-  const showImage = typeof imageUrl === "string" && !error;
+  const showImage = typeof imageUrl === "string" && imageUrl && !error;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -12075,9 +12161,11 @@ const UnMemoizedMessageTextComponent = (props) => {
     unsafeHTML
   } = useMessageContext();
   const renderText$1 = propsRenderText ?? contextRenderText ?? renderText;
-  const { userLanguage } = useNotificationApi.useTranslationContext("MessageText");
+  const { t, userLanguage } = useNotificationApi.useTranslationContext("MessageText");
   const message = propMessage || contextMessage;
   const hasAttachment = useNotificationApi.messageHasAttachments(message);
+  const messageContextId = React.useId();
+  const messageTextId = React.useId();
   const messageTextToRender = translationView === "original" ? message.text : getTranslatedMessageText({ language: userLanguage, message }) || message.text;
   const messageText = React.useMemo(
     () => renderText$1(messageTextToRender, message.mentioned_users),
@@ -12087,6 +12175,9 @@ const UnMemoizedMessageTextComponent = (props) => {
   const innerClass = customInnerClass;
   const hasMentionedUsers = Boolean(message.mentioned_users?.length);
   const isMentionsInteractionEnabled = hasMentionedUsers && typeof onMentionsClickMessage === "function";
+  const senderName = message.user?.name;
+  const messageContext = senderName ? t("aria/Message from {{ user }},", { user: senderName }) : t("aria/Message,");
+  const messageLabelledBy = `${messageContextId} ${messageTextId}`;
   const handleMentionsKeyDown = (event) => {
     if (!isMentionsInteractionEnabled || event.key !== "Enter" && event.key !== " ") {
       return;
@@ -12095,21 +12186,33 @@ const UnMemoizedMessageTextComponent = (props) => {
     onMentionsClickMessage(event);
   };
   if (!messageTextToRender) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClass, tabIndex: isMentionsInteractionEnabled ? void 0 : 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: clsx(innerClass, {
-        [` str-chat__message-text-inner--is-emoji`]: useNotificationApi.messageTextHasEmojisOnly(message) && !message.quoted_message,
-        [`str-chat__message-text-inner--has-attachment`]: hasAttachment
-      }),
-      "data-testid": "message-text-inner-wrapper",
-      onClick: onMentionsClickMessage,
-      onKeyDown: isMentionsInteractionEnabled ? handleMentionsKeyDown : void 0,
-      onMouseOver: onMentionsHoverMessage,
-      tabIndex: isMentionsInteractionEnabled ? 0 : void 0,
-      children: unsafeHTML && message.html ? /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: message.html } }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: messageText })
+      "aria-labelledby": isMentionsInteractionEnabled ? void 0 : messageLabelledBy,
+      className: wrapperClass,
+      tabIndex: isMentionsInteractionEnabled ? void 0 : 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { id: messageContextId, children: messageContext }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "aria-labelledby": isMentionsInteractionEnabled ? messageLabelledBy : void 0,
+            className: clsx(innerClass, {
+              [` str-chat__message-text-inner--is-emoji`]: useNotificationApi.messageTextHasEmojisOnly(message) && !message.quoted_message,
+              [`str-chat__message-text-inner--has-attachment`]: hasAttachment
+            }),
+            "data-testid": "message-text-inner-wrapper",
+            onClick: onMentionsClickMessage,
+            onKeyDown: isMentionsInteractionEnabled ? handleMentionsKeyDown : void 0,
+            onMouseOver: onMentionsHoverMessage,
+            tabIndex: isMentionsInteractionEnabled ? 0 : void 0,
+            children: unsafeHTML && message.html ? /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: message.html }, id: messageTextId }) : /* @__PURE__ */ jsxRuntime.jsx("div", { id: messageTextId, children: messageText })
+          }
+        )
+      ]
     }
-  ) });
+  );
 };
 const MessageText = React.memo(
   UnMemoizedMessageTextComponent
@@ -13890,12 +13993,13 @@ const BaseImage = React.forwardRef(function BaseImage2({ src, ...props }, ref) {
     showDownloadButtonOnError = false,
     ...imgProps
   } = props;
-  const [error, setError] = React.useState(false);
+  const [failedSrc, setFailedSrc] = React.useState(null);
   const { ImagePlaceholder: ImagePlaceholderComponent = ImagePlaceholder } = useNotificationApi.useComponentContext();
   const sanitizedUrl = React.useMemo(() => sanitizeUrl.sanitizeUrl(src), [src]);
+  const error = failedSrc === sanitizedUrl;
   React.useEffect(
     () => () => {
-      setError(false);
+      setFailedSrc(null);
     },
     [sanitizedUrl]
   );
@@ -13918,7 +14022,7 @@ const BaseImage = React.forwardRef(function BaseImage2({ src, ...props }, ref) {
       alt: propsAlt ?? "",
       className: clsx(propsClassName, "str-chat__base-image"),
       onError: (e) => {
-        setError(true);
+        setFailedSrc(sanitizedUrl);
         propsOnError?.(e);
       },
       ref,
@@ -14464,7 +14568,7 @@ const ThumbnailButton = ({
   const imageUrl = item.imageUrl;
   const [isLoadFailed, setIsLoadFailed] = React.useState(false);
   const [isImageLoading, setIsImageLoading] = React.useState(Boolean(imageUrl));
-  const [retryCount, setRetryCount] = React.useState(0);
+  const [retrySuffix, setRetrySuffix] = React.useState("");
   const {
     onError: itemOnError,
     onLoad: itemOnLoad,
@@ -14476,7 +14580,7 @@ const ThumbnailButton = ({
     if (showRetryIndicator) {
       setIsLoadFailed(false);
       setIsImageLoading(true);
-      setRetryCount((currentRetryCount) => currentRetryCount + 1);
+      setRetrySuffix(`&retry=${Date.now()}`);
       return;
     }
     onClick();
@@ -14508,10 +14612,9 @@ const ThumbnailButton = ({
               setIsLoadFailed(false);
               itemOnLoad?.(event);
             },
-            src: imageUrl,
+            src: imageUrl ? `${imageUrl}${retrySuffix}` : imageUrl,
             ...baseImageUsesDefaultBehavior ? { showDownloadButtonOnError: false } : {}
-          },
-          retryCount
+          }
         ),
         showLoadingIndicator && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -16187,6 +16290,32 @@ const useMessageComposerBindings = (props) => {
     textareaRef
   };
 };
+const messageComposerStateSelector$4 = ({
+  editedMessage,
+  quotedMessage
+}) => ({
+  editedMessage,
+  quotedMessage
+});
+const useMessageComposerCommands = () => {
+  const messageComposer = useNotificationApi.useMessageComposerController();
+  const channelConfig = messageComposer.channel.getConfig();
+  const { editedMessage, quotedMessage } = useNotificationApi.useStateStore(
+    messageComposer.state,
+    messageComposerStateSelector$4
+  );
+  return React.useMemo(
+    () => (channelConfig?.commands ?? []).filter(
+      (command) => !!command.name
+    ).map((command) => ({
+      command,
+      enabled: !messageComposer.isCommandDisabled(command)
+    })),
+    // editedMessage and quotedMessage are necessary in deps for reactivity
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [channelConfig, editedMessage, messageComposer, quotedMessage]
+  );
+};
 const editingAuditStateStateSelector$1 = (state) => state;
 const useMessageComposerHasSendableData = () => {
   const messageComposer = useNotificationApi.useMessageComposerController();
@@ -16426,6 +16555,8 @@ const QuotedMessagePreview = ({
   ) }) : null;
 };
 const QuotedMessagePreviewUI = ({
+  authorLabel,
+  className,
   getQuotedMessageAuthor,
   onClick,
   onRemove,
@@ -16502,7 +16633,7 @@ const QuotedMessagePreviewUI = ({
     "div",
     {
       "aria-label": isInteractive ? t("aria/Jump to quoted message") : void 0,
-      className: clsx("str-chat__quoted-message-preview", {
+      className: clsx("str-chat__quoted-message-preview", className, {
         "str-chat__quoted-message-preview--own": isOwnMessage
       }),
       "data-testid": "quoted-message-preview",
@@ -16513,7 +16644,7 @@ const QuotedMessagePreviewUI = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(QuotedMessageIndicator, { isOwnMessage }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__quoted-message-preview__content", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__quoted-message-preview__author", children: isOwnMessage ? t("You") : authorName ? t("Reply to {{ authorName }}", { authorName }) : t("Reply") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__quoted-message-preview__author", children: authorLabel ?? (isOwnMessage ? t("You") : authorName ? t("Reply to {{ authorName }}", { authorName }) : t("Reply")) }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -16651,6 +16782,7 @@ const StreamedMessageText = (props) => {
   );
 };
 const DEFAULT_DROPDOWN_ITEM_SELECTOR = '[role="option"]:not(:disabled), [role="menuitem"]:not(:disabled), button:not(:disabled), a:not(:disabled)';
+const isEditableTarget = (target) => target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
 const DropdownContext = React.createContext({
   close: () => null
 });
@@ -16662,6 +16794,7 @@ const useDropdownContext = () => React.useContext(DropdownContext);
 const Dropdown = ({
   children,
   className,
+  matchReferenceWidth = false,
   onClose,
   onOpen,
   placement = "bottom",
@@ -16728,17 +16861,29 @@ const Dropdown = ({
     }),
     []
   );
+  const escapeConsumedRef = React.useRef(false);
   const handleKeyDown = React.useCallback(
     (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
+        event.stopPropagation();
+        escapeConsumedRef.current = true;
         close();
         return;
       }
+      if (isEditableTarget(event.target)) {
+        return;
+      }
       rovingFocusKeyDownHandler(event);
     },
     [close, rovingFocusKeyDownHandler]
   );
+  const suppressEscapeKeyUp = React.useCallback((event) => {
+    if (event.key === "Escape" && escapeConsumedRef.current) {
+      escapeConsumedRef.current = false;
+      event.stopPropagation();
+    }
+  }, []);
   const DropdownTriggerComponent = TriggerComponent;
   const trigger = DropdownTriggerComponent ? /* @__PURE__ */ jsxRuntime.jsx(
     DropdownTriggerComponent,
@@ -16755,10 +16900,12 @@ const Dropdown = ({
       className: clsx("str-chat__dropdown__items", className),
       onClick: close,
       onKeyDown: handleKeyDown,
+      onKeyUpCapture: suppressEscapeKeyUp,
       ref: setFloatingElement,
       role: "menu",
       style: {
         left: x ?? 0,
+        minWidth: matchReferenceWidth ? resolvedReferenceElement.getBoundingClientRect().width : void 0,
         position: strategy,
         top: y ?? 0
       },
@@ -19159,19 +19306,20 @@ const CommandsMenu = () => {
   const { closeMenu } = useContextMenuContext();
   const messageComposer = useNotificationApi.useMessageComposerController();
   const { textareaRef } = useNotificationApi.useMessageComposerContext();
-  const channelConfig = messageComposer.channel.getConfig();
-  const commands = React.useMemo(
-    () => (channelConfig?.commands ?? []).filter(
-      (command) => !!command.name
-    ).sort((a, b) => (a.name ?? "").localeCompare(b.name ?? "")),
-    [channelConfig]
+  const commands = useMessageComposerCommands();
+  const sortedCommands = React.useMemo(
+    () => [...commands].sort(
+      (a, b) => (a.command.name ?? "").localeCompare(b.command.name ?? "")
+    ),
+    [commands]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: commands.map((command) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: sortedCommands.map(({ command, enabled }) => /* @__PURE__ */ jsxRuntime.jsx(
     CommandContextMenuItem,
     {
       command,
+      enabled,
       onClick: () => {
-        if (!command.name) return;
+        if (!command.name || !enabled) return;
         messageComposer.textComposer.setCommand(command);
         closeMenu();
         requestAnimationFrame(() => textareaRef.current?.focus());
@@ -19209,16 +19357,21 @@ const useCommandTranslation = (command) => {
 const CommandContextMenuItem = ({
   className,
   command,
+  enabled = true,
   ...props
 }) => {
   const { args, description } = useCommandTranslation(command);
-  const details = React.useMemo(() => `/${command.name} ${args}`, [args, command.name]);
+  const details = React.useMemo(
+    () => args ? `/${command.name} ${args}` : `/${command.name}`,
+    [args, command.name]
+  );
   return /* @__PURE__ */ React.createElement(
     ContextMenuButton,
     {
       ...props,
       className: clsx("str-chat__context-menu__button--command", className),
       details,
+      disabled: !enabled,
       Icon: icons[command.name],
       key: command.name,
       label: command.name,
@@ -19291,11 +19444,14 @@ const DefaultAttachmentSelectorComponents = {
   Command({ submenuHeader, submenuItems }) {
     const { t } = useNotificationApi.useTranslationContext();
     const { openSubmenu } = useContextMenuContext();
+    const commands = useMessageComposerCommands();
+    const hasEnabledCommands = commands.some(({ enabled }) => enabled);
     const hasSubmenu = !!submenuItems;
     return /* @__PURE__ */ jsxRuntime.jsx(
       ContextMenuButton,
       {
-        className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__create-poll-button",
+        className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__commands-button",
+        disabled: !hasEnabledCommands,
         hasSubMenu: hasSubmenu,
         Icon: useNotificationApi.IconCommand,
         onClick: (event) => {
@@ -20597,7 +20753,17 @@ const DefaultStartRecordingAudioButton = React.forwardRef(function StartRecordin
 const EditedMessagePreview = ({
   message,
   onCancel
-}) => /* @__PURE__ */ jsxRuntime.jsx(QuotedMessagePreviewUI, { onRemove: onCancel, quotedMessage: message });
+}) => {
+  const { t } = useNotificationApi.useTranslationContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    QuotedMessagePreviewUI,
+    {
+      authorLabel: t("Edit Message"),
+      onRemove: onCancel,
+      quotedMessage: message
+    }
+  );
+};
 const stateSelector = (state) => ({
   showReplyInChannel: state.showReplyInChannel
 });
@@ -20639,14 +20805,25 @@ const SendToChannelCheckbox = () => {
     }
   );
 };
+const messageComposerStateSelector$3 = ({
+  editedMessage,
+  quotedMessage
+}) => ({
+  editedMessage,
+  quotedMessage
+});
 const CommandItem = (props) => {
-  const { entity, focused: _, ...buttonProps } = props;
+  const { enabled, entity, focused: _, ...buttonProps } = props;
+  const messageComposer = useNotificationApi.useMessageComposerController();
+  useNotificationApi.useStateStore(messageComposer.state, messageComposerStateSelector$3);
   if (!entity.name) return null;
+  const resolvedEnabled = enabled ?? !messageComposer.isCommandDisabled(entity);
   return /* @__PURE__ */ jsxRuntime.jsx(
     CommandContextMenuItem,
     {
       ...buttonProps,
-      command: entity
+      command: entity,
+      enabled: resolvedEnabled
     }
   );
 };
@@ -20804,12 +20981,17 @@ const SuggestionList = ({
   } = useNotificationApi.useComponentContext();
   const { textareaRef } = useNotificationApi.useMessageComposerContext();
   const messageComposer = useNotificationApi.useMessageComposerController();
+  const commands = useMessageComposerCommands();
   const { textComposer } = messageComposer;
   const { selection, suggestions } = useNotificationApi.useStateStore(
     textComposer.state,
     textComposerStateSelector$3
   );
   const { items } = useNotificationApi.useStateStore(suggestions?.searchSource.state, searchSourceStateSelector$5) ?? {};
+  const hasEnabledCommandSuggestions = React.useMemo(
+    () => suggestions?.searchSource.type !== "commands" || commands.some(({ enabled }) => enabled),
+    [commands, suggestions?.searchSource.type]
+  );
   const [container, setContainer] = React.useState(null);
   const caretRectRef = React.useRef(null);
   const virtualCaretReference = React.useMemo(
@@ -20905,7 +21087,8 @@ const SuggestionList = ({
     update,
     virtualCaretReference
   ]);
-  if (!suggestions || !items?.length || !component) return null;
+  if (!suggestions || !items?.length || !component || !hasEnabledCommandSuggestions)
+    return null;
   const suggestionMenuLabel = suggestions.searchSource.type === "commands" ? t("aria/Command Suggestions") : suggestions.searchSource.type === "emojis" ? t("aria/Emoji Suggestions") : suggestions.searchSource.type === "mentions" ? t("aria/User Suggestions") : t("aria/Suggestions");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -20982,6 +21165,7 @@ const attachmentManagerStateSelector$1 = (state) => ({
   attachments: state.attachments
 });
 const defaultShouldSubmit = (event) => event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing;
+const shouldBackspaceExitCommandMode = (text2) => text2.length === 0;
 const TextareaComposer = ({
   className,
   closeSuggestionsOnClickOutside,
@@ -21068,6 +21252,7 @@ const TextareaComposer = ({
         onKeyDown(event);
         return;
       }
+      const textareaValue = textareaRef.current?.value ?? event.currentTarget.value;
       if (textComposer.suggestions && textComposer.suggestions.searchSource.items?.length) {
         if (event.key === "Escape") return textComposer.closeSuggestions();
         const loadedItems = textComposer.suggestions.searchSource.items;
@@ -21099,6 +21284,9 @@ const TextareaComposer = ({
             return nextIndex;
           });
         }
+      } else if (textComposer.command && (event.key === "Escape" || event.key === "Backspace" && shouldBackspaceExitCommandMode(textareaValue))) {
+        event.preventDefault();
+        textComposer.clearCommand();
       } else if (shouldSubmit(event) && textareaRef.current && messageComposer.hasSendableData) {
         if (event.key === "Enter") {
           event.preventDefault();
@@ -21269,6 +21457,7 @@ const WithDragAndDropUpload = ({
     disabled: isWithinMessageComposerContext ? !isUploadEnabled || isCooldownActive : false,
     multiple: multipleUploads,
     noClick: true,
+    noKeyboard: true,
     onDrop: isWithinMessageComposerContext ? messageComposer.attachmentManager.uploadFiles : handleDrop
   });
   if (dragAndDropUploadContext.subscribeToDrop !== null) {
@@ -22191,6 +22380,7 @@ const defaultReactionOptions = {
     }
   }
 };
+const getHasExtendedReactions = (reactionOptions) => !Array.isArray(reactionOptions) && typeof reactionOptions.extended !== "undefined" && Object.keys(reactionOptions.extended).length > 0;
 const stableOwnReactions = [];
 const ReactionSelector = (props) => {
   const {
@@ -22236,6 +22426,7 @@ const ReactionSelector = (props) => {
       })
     );
   }, [reactionOptions]);
+  const hasExtendedReactions = getHasExtendedReactions(reactionOptions);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -22273,7 +22464,7 @@ const ReactionSelector = (props) => {
             )
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        hasExtendedReactions && /* @__PURE__ */ jsxRuntime.jsx(
           useNotificationApi.Button,
           {
             appearance: "outline",
@@ -22466,6 +22657,7 @@ const MessageReactionsDetail = ({
     reactionDetailsSort: contextReactionDetailsSort
   } = useMessageContext(MessageReactionsDetail.name);
   const reactionDetailsSort = propReactionDetailsSort ?? contextReactionDetailsSort ?? defaultReactionDetailsSort;
+  const hasExtendedReactions = getHasExtendedReactions(reactionOptions);
   const {
     isLoading: areReactionsLoading,
     reactions: reactionDetails,
@@ -22512,7 +22704,7 @@ const MessageReactionsDetail = ({
             className: "str-chat__message-reactions-detail__reaction-type-list",
             "data-testid": "reaction-type-list",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("li", { className: "str-chat__message-reactions-detail__reaction-type-list-item", children: /* @__PURE__ */ jsxRuntime.jsx(
+              hasExtendedReactions && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "str-chat__message-reactions-detail__reaction-type-list-item", children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   "aria-label": t("Add reaction"),
@@ -26057,7 +26249,7 @@ const UnMemoizedScrollToLatestMessageButton = (props) => {
     /* @__PURE__ */ jsxRuntime.jsx(
       useNotificationApi.Button,
       {
-        appearance: "outline",
+        appearance: "ghost",
         "aria-label": t("aria/Jump to latest message"),
         "aria-live": "polite",
         circular: true,
@@ -27102,18 +27294,29 @@ const useConnectionRecoveredListener = (forceUpdate) => {
 };
 const RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 5e3;
 const MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 2e3;
+const mapPredefinedFilterSortToChannelSort = (sort) => sort.map(({ direction = 1, field }) => ({
+  [field]: direction
+}));
 const usePaginatedChannels = (client, filters, sort, options, activeChannelHandler, recoveryThrottleIntervalMs = RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS, customQueryChannels) => {
+  const { addNotification } = useNotificationApi.useNotificationApi();
   const {
     channelsQueryState: { error, setError, setQueryInProgress }
   } = useNotificationApi.useChatContext("usePaginatedChannels");
+  const { t } = useNotificationApi.useTranslationContext();
   const [channels, setChannels] = React.useState([]);
   const [hasNextPage, setHasNextPage] = React.useState(true);
+  const [responseFilters, setResponseFilters] = React.useState(
+    void 0
+  );
+  const [responseSort, setResponseSort] = React.useState(void 0);
   const lastRecoveryTimestamp = React.useRef(void 0);
   const recoveryThrottleInterval = recoveryThrottleIntervalMs < MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS ? MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS : recoveryThrottleIntervalMs ?? RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS;
   const filterString = React.useMemo(() => JSON.stringify(filters), [filters]);
   const sortString = React.useMemo(() => JSON.stringify(sort), [sort]);
   const queryChannels = async (queryType = "load-more") => {
     setError(null);
+    const offset = queryType === "reload" ? 0 : channels.length;
+    const isFirstPage = offset === 0;
     if (queryType === "reload") {
       setChannels([]);
     }
@@ -27126,8 +27329,9 @@ const usePaginatedChannels = (client, filters, sort, options, activeChannelHandl
           setChannels,
           setHasNextPage
         });
+        setResponseFilters(void 0);
+        setResponseSort(void 0);
       } else {
-        const offset = queryType === "reload" ? 0 : channels.length;
         const newOptions = {
           offset,
           ...options
@@ -27135,18 +27339,37 @@ const usePaginatedChannels = (client, filters, sort, options, activeChannelHandl
         const channelQueryResponse = await client.queryChannels(
           filters,
           sort || {},
-          newOptions
+          newOptions,
+          { withResponse: true }
         );
-        const newChannels = queryType === "reload" ? channelQueryResponse : uniqBy([...channels, ...channelQueryResponse], "cid");
+        const newChannels = queryType === "reload" ? channelQueryResponse.channels : uniqBy([...channels, ...channelQueryResponse.channels], "cid");
         setChannels(newChannels);
-        setHasNextPage(channelQueryResponse.length >= (newOptions.limit ?? 1));
+        setHasNextPage(channelQueryResponse.channels.length >= (newOptions.limit ?? 1));
+        const predefinedFilter = channelQueryResponse.predefined_filter;
+        const nextResponseFilters = predefinedFilter ? predefinedFilter.filter : void 0;
+        const nextResponseSort = predefinedFilter?.sort ? mapPredefinedFilterSortToChannelSort(predefinedFilter.sort) : void 0;
+        setResponseFilters(nextResponseFilters);
+        setResponseSort(nextResponseSort);
         if (!offset && activeChannelHandler) {
-          activeChannelHandler(newChannels, setChannels);
+          activeChannelHandler(newChannels, setChannels, {
+            filters: nextResponseFilters ?? filters,
+            sort: nextResponseSort ?? sort
+          });
         }
       }
     } catch (error2) {
       console.warn(error2);
-      setError(error2);
+      addNotification({
+        emitter: "ChannelList",
+        error: error2 instanceof Error ? error2 : void 0,
+        message: isFirstPage ? t("Failed to load channels") : t("Failed to load more channels"),
+        severity: "error",
+        targetPanels: ["channel-list"],
+        type: isFirstPage ? "api:channel-list:load:failed" : "api:channel-list:load-more:failed"
+      });
+      if (isFirstPage) {
+        setError(error2);
+      }
     }
     setQueryInProgress(null);
   };
@@ -27171,8 +27394,12 @@ const usePaginatedChannels = (client, filters, sort, options, activeChannelHandl
   React.useEffect(() => {
     queryChannels("reload");
   }, [filterString, sortString]);
+  const effectiveFilters = responseFilters ?? filters;
+  const effectiveSort = responseSort ?? sort;
   return {
     channels,
+    effectiveFilters,
+    effectiveSort,
     hasNextPage,
     loadNextPage,
     setChannels
@@ -28318,7 +28545,7 @@ const UnMemoizedChannelList = (props) => {
     searchController.state,
     searchControllerStateSelector
   );
-  const activeChannelHandler = async (channels2, setChannels2) => {
+  const activeChannelHandler = async (channels2, setChannels2, effectiveQueryParams) => {
     if (!channels2.length) {
       return;
     }
@@ -28336,7 +28563,7 @@ const UnMemoizedChannelList = (props) => {
         const newChannels = moveChannelUpwards({
           channels: channels2,
           channelToMove: customActiveChannelObject,
-          sort
+          sort: effectiveQueryParams.sort
         });
         setChannels2(newChannels);
         return;
@@ -28347,7 +28574,14 @@ const UnMemoizedChannelList = (props) => {
     }
   };
   const forceUpdate = React.useCallback(() => setChannelUpdateCount((count) => count + 1), []);
-  const { channels, hasNextPage, loadNextPage, setChannels } = usePaginatedChannels(
+  const {
+    channels,
+    effectiveFilters,
+    effectiveSort,
+    hasNextPage,
+    loadNextPage,
+    setChannels
+  } = usePaginatedChannels(
     client,
     filters || DEFAULT_FILTERS,
     sort || DEFAULT_SORT,
@@ -28359,7 +28593,11 @@ const UnMemoizedChannelList = (props) => {
   const loadedChannels = channelRenderFilterFn ? channelRenderFilterFn(channels) : channels;
   const { customHandler, defaultHandler } = usePrepareShapeHandlers({
     allowNewMessagesFromUnfilteredChannels,
-    filters,
+    // `effectiveFilters`/`effectiveSort` reflect the backend-resolved
+    // `predefined_filter` metadata when `options.predefined_filter` is in use.
+    // For non-predefined queries they fall back to the caller-supplied
+    // `filters`/`sort` props so behavior is unchanged.
+    filters: effectiveFilters,
     lockChannelOrder,
     onAddedToChannel,
     onChannelDeleted,
@@ -28371,7 +28609,7 @@ const UnMemoizedChannelList = (props) => {
     onMessageNewHandler,
     onRemovedFromChannel,
     setChannels,
-    sort
+    sort: effectiveSort
     // TODO: implement
     // customHandleChannelListShape
   });
@@ -28921,12 +29159,29 @@ const ChannelListItemActionButtons = () => {
   const { t } = useNotificationApi.useTranslationContext();
   const { channel } = useChannelListItemContext();
   const [referenceElement, setReferenceElement] = React.useState(null);
+  const [isRestoringFocus, setIsRestoringFocus] = React.useState(false);
   const dialogId2 = ChannelListItemActionButtons.getDialogId({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     channelId: channel.id
   });
   const { dialog, dialogManager } = useDialogOnNearestManager({ id: dialogId2 });
   const dialogIsOpen = useDialogIsOpen(dialogId2, dialogManager?.id);
+  const closeContextMenu = React.useCallback(() => {
+    setIsRestoringFocus(true);
+    dialog?.close();
+    requestAnimationFrame(() => {
+      if (!referenceElement?.isConnected) {
+        setIsRestoringFocus(false);
+        return;
+      }
+      referenceElement.focus();
+      requestAnimationFrame(() => {
+        if (document.activeElement !== referenceElement) {
+          setIsRestoringFocus(false);
+        }
+      });
+    });
+  }, [dialog, referenceElement]);
   const filteredActionSet = useBaseChannelActionSetFilter(defaultChannelActionSet);
   const { dropdownActionSet, quickActionSet, quickDropdownToggleAction } = useSplitActionSet(filteredActionSet);
   if (quickActionSet.length + dropdownActionSet.length === 0) {
@@ -28936,9 +29191,12 @@ const ChannelListItemActionButtons = () => {
     "div",
     {
       className: clsx("str-chat__channel-list-item__action-buttons", {
-        "str-chat__channel-list-item__action-buttons--active": dialogIsOpen
+        "str-chat__channel-list-item__action-buttons--active": dialogIsOpen || isRestoringFocus
       }),
       "data-testid": "channel-list-item-action-buttons",
+      onFocusCapture: () => {
+        setIsRestoringFocus(false);
+      },
       children: [
         quickDropdownToggleAction && dropdownActionSet.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(quickDropdownToggleAction.Component, { ref: setReferenceElement }),
         quickActionSet.map(({ Component, type }) => /* @__PURE__ */ jsxRuntime.jsx(Component, {}, type)),
@@ -28950,7 +29208,7 @@ const ChannelListItemActionButtons = () => {
             "data-testid": "channel-list-item-context-menu",
             dialogManagerId: dialogManager?.id,
             id: dialog.id,
-            onClose: dialog?.close,
+            onClose: closeContextMenu,
             placement: "bottom-start",
             referenceElement,
             tabIndex: -1,
@@ -29192,6 +29450,7 @@ const UnMemoizedChannelListItemUI = (props) => {
     messageDeliveryStatus,
     muted,
     onSelect: customOnSelectChannel,
+    pinned,
     setActiveChannel,
     unread,
     watchers
@@ -29214,7 +29473,6 @@ const UnMemoizedChannelListItemUI = (props) => {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__channel-list-item-container", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ChannelListItemActionButtons$1, {}),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -29224,8 +29482,11 @@ const UnMemoizedChannelListItemUI = (props) => {
         "aria-selected": active,
         className: clsx(
           "str-chat__channel-list-item",
-          typeof unread === "number" && unread > 0 && "str-chat__channel-list-item--unread",
-          muted && "str-chat__channel-list-item--muted",
+          {
+            "str-chat__channel-list-item--muted": muted,
+            "str-chat__channel-list-item--pinned": pinned,
+            "str-chat__channel-list-item--unread": typeof unread === "number" && unread > 0
+          },
           customClassName
         ),
         "data-testid": "channel-list-item-button",
@@ -29246,6 +29507,7 @@ const UnMemoizedChannelListItemUI = (props) => {
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__channel-list-item-data__first-row", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__channel-list-item-data__title", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayTitle || "N/A" }),
+                pinned && /* @__PURE__ */ jsxRuntime.jsx(useNotificationApi.IconPin, {}),
                 muted && /* @__PURE__ */ jsxRuntime.jsx(useNotificationApi.IconMute, {})
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__channel-list-item-data__timestamp-and-badge", children: [
@@ -29264,7 +29526,8 @@ const UnMemoizedChannelListItemUI = (props) => {
           ] })
         ]
       }
-    )
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ChannelListItemActionButtons$1, {})
   ] });
 };
 const ChannelListItemUI = React.memo(
@@ -29367,6 +29630,7 @@ const ChannelListItem = (props) => {
   const { displayImage, displayTitle, groupChannelDisplayInfo } = useChannelPreviewInfo({
     channel
   });
+  const membership = useChannelMembershipState(channel);
   const [lastMessage, setLastMessage] = React.useState(
     channel.state.messages[channel.state.messages.length - 1]
   );
@@ -29463,6 +29727,7 @@ const ChannelListItem = (props) => {
       latestMessagePreview,
       messageDeliveryStatus,
       muted,
+      pinned: !!membership.pinned_at,
       setActiveChannel,
       unread
     }
@@ -29776,7 +30041,7 @@ const Notification = React.forwardRef(
       }
       removeNotification(notification.id);
     };
-    const isPersistent = !notification.duration;
+    const isPersistent2 = !notification.duration;
     const severity = notification.severity;
     const livePriority = severity === "error" ? "assertive" : "polite";
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -29822,7 +30087,7 @@ const Notification = React.forwardRef(
             },
             index
           )) }),
-          (showClose || isPersistent) && /* @__PURE__ */ jsxRuntime.jsx(
+          (showClose || isPersistent2) && /* @__PURE__ */ jsxRuntime.jsx(
             useNotificationApi.Button,
             {
               appearance: "ghost",
@@ -29849,6 +30114,7 @@ const ENTER_TRANSLATION = {
   top: { x: "0%", y: "-100%" }
 };
 const EXIT_ANIMATION_MS = 340;
+const DEFAULT_MIN_DISPLAY_MS = 1e3;
 const isEnterFrom = (value) => value === "bottom" || value === "left" || value === "right" || value === "top";
 const getNotificationEnterFrom = (notification, fallbackEnterFrom) => {
   if (!notification) return fallbackEnterFrom;
@@ -29858,19 +30124,93 @@ const getNotificationEnterFrom = (notification, fallbackEnterFrom) => {
   if (isEnterFrom(originEnterFrom)) return originEnterFrom;
   return fallbackEnterFrom;
 };
+const isPersistent = (notification) => !notification.duration;
+const haveSameType = (a, b) => !!a?.type && !!b?.type && a.type === b.type;
+const pickOldest = (notifications, displayed) => {
+  const excludeId = displayed?.id ?? null;
+  let oldest = null;
+  for (const notification of notifications) {
+    if (notification.id === excludeId) continue;
+    if (!oldest || notification.createdAt < oldest.createdAt) {
+      oldest = notification;
+    }
+  }
+  return oldest;
+};
+const pickNewest = (notifications, displayed) => {
+  const excludeId = displayed?.id ?? null;
+  let newest = null;
+  for (const notification of notifications) {
+    if (notification.id === excludeId) continue;
+    if (!newest || notification.createdAt > newest.createdAt) {
+      newest = notification;
+    }
+  }
+  return newest;
+};
+const pickNewestPersistent = (notifications, excludeId) => {
+  let newest = null;
+  for (const notification of notifications) {
+    if (notification.id === excludeId) continue;
+    if (!isPersistent(notification)) continue;
+    if (!newest || notification.createdAt > newest.createdAt) {
+      newest = notification;
+    }
+  }
+  return newest;
+};
+const pickNewestOfType = (notifications, type, excludeId) => {
+  if (!type) return null;
+  let newest = null;
+  for (const notification of notifications) {
+    if (notification.id === excludeId) continue;
+    if (notification.type !== type) continue;
+    if (!newest || notification.createdAt > newest.createdAt) {
+      newest = notification;
+    }
+  }
+  return newest;
+};
+const createDefaultPickNext = (pickFromQueue = pickOldest) => (notifications, displayed) => {
+  if (notifications.length === 0) return null;
+  const newestPersistent = pickNewestPersistent(notifications, null);
+  if (!displayed) {
+    return newestPersistent ?? pickFromQueue(notifications, null);
+  }
+  const displayedInStore = notifications.some(({ id }) => id === displayed.id);
+  if (!displayedInStore) {
+    return newestPersistent ?? pickFromQueue(notifications, null);
+  }
+  if (isPersistent(displayed)) {
+    const newerPersistent = newestPersistent && newestPersistent.id !== displayed.id ? newestPersistent : pickNewestPersistent(notifications, displayed.id);
+    if (newerPersistent && newerPersistent.createdAt > displayed.createdAt) {
+      return newerPersistent;
+    }
+    return displayed;
+  }
+  const sameTypeNewest = pickNewestOfType(notifications, displayed.type, displayed.id);
+  if (sameTypeNewest) return sameTypeNewest;
+  if (newestPersistent) return newestPersistent;
+  return pickFromQueue(notifications, displayed) ?? displayed;
+};
+const defaultPickNext = createDefaultPickNext(pickOldest);
 const NotificationList = ({
   className,
   enterFrom = "bottom",
   fallbackPanel,
   filter,
+  minDisplayMs = DEFAULT_MIN_DISPLAY_MS,
   panel,
+  pickNext = defaultPickNext,
   verticalAlignment = "bottom"
 }) => {
   const { Notification: NotificationComponent = Notification } = useNotificationApi.useComponentContext();
   const { t } = useNotificationApi.useTranslationContext();
   const { removeNotification, startNotificationTimeout } = useNotificationApi.useNotificationApi();
   const exitTimeoutRef = React.useRef(null);
-  const latestNotificationRef = React.useRef(null);
+  const replacementTimeoutRef = React.useRef(null);
+  const candidateRef = React.useRef(null);
+  const displayedAtRef = React.useRef(null);
   const listRef = React.useRef(null);
   const observedElementRef = React.useRef(null);
   const startedTimeoutIdsRef = React.useRef(null);
@@ -29893,7 +30233,6 @@ const NotificationList = ({
     filter: combinedFilter,
     panel
   });
-  const nextNotification = notifications[0] ?? null;
   const dismiss = React.useCallback(
     (id) => {
       startedTimeoutIdsRef.current?.delete(id);
@@ -29909,33 +30248,105 @@ const NotificationList = ({
       }
     });
   }, [notifications]);
-  React.useEffect(() => {
-    latestNotificationRef.current = nextNotification;
-  }, [nextNotification]);
+  const clearReplacementTimeout = React.useCallback(() => {
+    if (replacementTimeoutRef.current !== null) {
+      window.clearTimeout(replacementTimeoutRef.current);
+      replacementTimeoutRef.current = null;
+    }
+  }, []);
   React.useEffect(
     () => () => {
-      if (exitTimeoutRef.current) {
+      clearReplacementTimeout();
+      if (exitTimeoutRef.current !== null) {
         window.clearTimeout(exitTimeoutRef.current);
+        exitTimeoutRef.current = null;
       }
     },
-    []
+    [clearReplacementTimeout]
   );
   React.useEffect(() => {
+    candidateRef.current = pickNext(notifications, displayedNotification);
+  }, [displayedNotification, notifications, pickNext]);
+  React.useEffect(() => {
+    if (transitionState === "exit") return;
     if (!displayedNotification) {
-      if (!nextNotification) return;
-      setDisplayedNotification(nextNotification);
-      setTransitionState("enter");
+      const candidate2 = pickNext(notifications, null);
+      if (candidate2) {
+        displayedAtRef.current = Date.now();
+        setDisplayedNotification(candidate2);
+        setTransitionState("enter");
+      }
       return;
     }
-    if (displayedNotification.id === nextNotification?.id) return;
-    if (transitionState === "exit") return;
-    setTransitionState("exit");
-    exitTimeoutRef.current = window.setTimeout(() => {
-      setDisplayedNotification(latestNotificationRef.current);
-      setTransitionState("enter");
-      exitTimeoutRef.current = null;
-    }, EXIT_ANIMATION_MS);
-  }, [displayedNotification, nextNotification, transitionState]);
+    const candidate = pickNext(notifications, displayedNotification);
+    if (!candidate) {
+      clearReplacementTimeout();
+      setTransitionState("exit");
+      exitTimeoutRef.current = window.setTimeout(() => {
+        exitTimeoutRef.current = null;
+        displayedAtRef.current = null;
+        setDisplayedNotification(null);
+        setTransitionState("enter");
+      }, EXIT_ANIMATION_MS);
+      return;
+    }
+    if (candidate.id === displayedNotification.id) {
+      clearReplacementTimeout();
+      return;
+    }
+    const displayedInStore = notifications.some(
+      ({ id }) => id === displayedNotification.id
+    );
+    const startSwap = () => {
+      replacementTimeoutRef.current = null;
+      setTransitionState("exit");
+      const previousId = displayedNotification.id;
+      const wasInStore = displayedInStore;
+      exitTimeoutRef.current = window.setTimeout(() => {
+        exitTimeoutRef.current = null;
+        if (wasInStore) {
+          startedTimeoutIdsRef.current?.delete(previousId);
+          removeNotification(previousId);
+        }
+        const next = candidateRef.current;
+        if (next && next.id !== previousId) {
+          displayedAtRef.current = Date.now();
+          setDisplayedNotification(next);
+          setTransitionState("enter");
+        } else {
+          displayedAtRef.current = null;
+          setDisplayedNotification(null);
+          setTransitionState("enter");
+        }
+      }, EXIT_ANIMATION_MS);
+    };
+    if (!displayedInStore) {
+      clearReplacementTimeout();
+      startSwap();
+      return;
+    }
+    if (haveSameType(displayedNotification, candidate)) {
+      clearReplacementTimeout();
+      startSwap();
+      return;
+    }
+    const elapsed = displayedAtRef.current ? Date.now() - displayedAtRef.current : 0;
+    const remaining = Math.max(0, minDisplayMs - elapsed);
+    if (remaining === 0) {
+      clearReplacementTimeout();
+      startSwap();
+    } else if (replacementTimeoutRef.current === null) {
+      replacementTimeoutRef.current = window.setTimeout(startSwap, remaining);
+    }
+  }, [
+    clearReplacementTimeout,
+    displayedNotification,
+    minDisplayMs,
+    notifications,
+    pickNext,
+    removeNotification,
+    transitionState
+  ]);
   const notification = displayedNotification;
   const notificationEnterFrom = getNotificationEnterFrom(notification, enterFrom);
   React.useEffect(() => {
@@ -30417,7 +30828,7 @@ const useChat = ({
   };
   React.useEffect(() => {
     if (!client) return;
-    const version = "14.1.0";
+    const version = "14.3.0";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
@@ -31106,6 +31517,7 @@ exports.WaveProgressBar = WaveProgressBar;
 exports.Window = Window;
 exports.WithComponents = WithComponents;
 exports.WithDragAndDropUpload = WithDragAndDropUpload;
+exports.createDefaultPickNext = createDefaultPickNext;
 exports.deTranslations = deTranslations;
 exports.defaultAllowedTagNames = defaultAllowedTagNames;
 exports.defaultAttachmentActionsDefaultFocus = defaultAttachmentActionsDefaultFocus;
@@ -31128,6 +31540,7 @@ exports.frTranslations = frTranslations;
 exports.getChannelDisplayImage = getChannelDisplayImage;
 exports.getCssDimensionsVariables = getCssDimensionsVariables;
 exports.getGroupChannelDisplayInfo = getGroupChannelDisplayInfo;
+exports.getHasExtendedReactions = getHasExtendedReactions;
 exports.getLatestMessagePreview = getLatestMessagePreview;
 exports.getTextareaCaretRect = getTextareaCaretRect;
 exports.getTranslatedMessageText = getTranslatedMessageText;
@@ -31158,6 +31571,8 @@ exports.modalDialogId = modalDialogId;
 exports.modalDialogManagerId = modalDialogManagerId;
 exports.moveChannelUpwards = moveChannelUpwards;
 exports.nlTranslations = nlTranslations;
+exports.pickNewest = pickNewest;
+exports.pickOldest = pickOldest;
 exports.plusPlusToEmphasis = plusPlusToEmphasis;
 exports.ptTranslations = ptTranslations;
 exports.reactionHandlerWarning = reactionHandlerWarning;
@@ -31166,6 +31581,7 @@ exports.renderPreviewText = renderPreviewText;
 exports.renderText = renderText;
 exports.resampleWaveformData = resampleWaveformData;
 exports.ruTranslations = ruTranslations;
+exports.shouldBackspaceExitCommandMode = shouldBackspaceExitCommandMode;
 exports.shouldConsiderArchivedChannels = shouldConsiderArchivedChannels;
 exports.shouldConsiderPinnedChannels = shouldConsiderPinnedChannels;
 exports.toBaseImageDescriptors = toBaseImageDescriptors;
@@ -31208,6 +31624,7 @@ exports.useMarkUnreadHandler = useMarkUnreadHandler;
 exports.useMentionsHandler = useMentionsHandler;
 exports.useMessageBounceContext = useMessageBounceContext;
 exports.useMessageComposerBindings = useMessageComposerBindings;
+exports.useMessageComposerCommands = useMessageComposerCommands;
 exports.useMessageComposerHasSendableData = useMessageComposerHasSendableData;
 exports.useMessageContentIsEmpty = useMessageContentIsEmpty;
 exports.useMessageContext = useMessageContext;