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

package/dist/cjs/index.js

@@ -5,11 +5,11 @@ const clsx = require("clsx");
 const nanoid = require("nanoid");
 const React = require("react");
 const audioProcessing = require("./audioProcessing.56e5db9d.js");
-const WithAudioPlayback = require("./WithAudioPlayback.58b0b39b.js");
+const WithAudioPlayback = require("./WithAudioPlayback.d26afa91.js");
 const streamChat = require("stream-chat");
+const sanitizeUrl = require("@braintree/sanitize-url");
 const throttle = require("lodash.throttle");
 const linkify = require("linkifyjs");
-const sanitizeUrl = require("@braintree/sanitize-url");
 const ReactPlayer = require("react-player");
 const focus = require("@react-aria/focus");
 const reactDom = require("react-dom");
@@ -671,53 +671,38 @@ const AIStateIndicator = ({
   };
   return aiState in allowedStates ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__ai-state-indicator-container", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "str-chat__ai-state-indicator-text", children: allowedStates[aiState] }) }) : null;
 };
-const DownloadIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className,
-    "data-testid": "download",
-    fill: "none",
-    height: "24",
-    viewBox: "0 0 24 24",
-    width: "24",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        d: "M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04ZM19 18H6C3.79 18 2 16.21 2 14C2 11.95 3.53 10.24 5.56 10.03L6.63 9.92L7.13 8.97C8.08 7.14 9.94 6 12 6C14.62 6 16.88 7.86 17.39 10.43L17.69 11.93L19.22 12.04C20.78 12.14 22 13.45 22 15C22 16.65 20.65 18 19 18ZM13.45 10H10.55V13H8L12 17L16 13H13.45V10Z",
-        fill: "black"
-      }
-    )
-  }
-);
-const ExternalLinkIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.586 2H10a1 1 0 1 1 0-2h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V3.414l-6.793 6.793a1 1 0 0 1-1.414-1.414L12.586 2zM6 1a1 1 0 1 1 0 2H3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h8.967a1 1 0 0 0 1-.99L13 9.99a1 1 0 1 1 2 .02l-.033 3.023a3 3 0 0 1-3 2.967H3a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h3z" }) });
-const UnMemoizedSafeAnchor = (props) => {
-  const { children, className, download, href, rel, target } = props;
+const DownloadButton = ({
+  assetUrl,
+  className,
+  suggestedFileName,
+  tooltipTitle
+}) => {
+  const { t } = WithAudioPlayback.useTranslationContext();
+  if (!assetUrl) return null;
+  const href = sanitizeUrl.sanitizeUrl(assetUrl);
   if (!href) return null;
-  const sanitized = sanitizeUrl.sanitizeUrl(href);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
-      className,
-      download,
-      href: sanitized,
-      rel,
-      target,
-      children
+      "aria-label": t("aria/Download attachment"),
+      className: clsx(
+        "str-chat__button",
+        "str-chat__button--secondary",
+        "str-chat__button--outline",
+        "str-chat__button--circular",
+        "str-chat__button--size-sm",
+        "str-chat__audio-attachment-download-button",
+        className
+      ),
+      download: suggestedFileName ?? "",
+      href,
+      rel: "noopener noreferrer",
+      target: "_blank",
+      title: tooltipTitle ?? t("Download Attachment"),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__button__content", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconDownload, { className: "str-chat__icon str-chat__audio-attachment-download-button__icon" }) })
     }
   );
 };
-const SafeAnchor = React.memo(UnMemoizedSafeAnchor);
-const DownloadButton = ({ assetUrl }) => /* @__PURE__ */ jsxRuntime.jsx(
-  SafeAnchor,
-  {
-    className: "str-chat__message-attachment-file--item-download",
-    download: true,
-    href: assetUrl,
-    target: "_blank",
-    children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, { className: "str-chat__message-attachment-download-icon" })
-  }
-);
 function prettifyFileSize(bytes, precision = 3) {
   const units = ["B", "kB", "MB", "GB"];
   const exponent = bytes === 0 ? 0 : Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);
@@ -790,7 +775,7 @@ const Delete$b = "Löschen";
 const Delivered$b = "Zugestellt";
 const Edited$b = "Bearbeitet";
 const End$b = "Beenden";
-const File$b = "Datei";
+const File$c = "Datei";
 const fileCount_one$9 = "1 datei";
 const fileCount_other$b = "{{ count }} dateien";
 const Flag$b = "Melden";
@@ -986,6 +971,8 @@ const deTranslations = {
   Delivered: Delivered$b,
   "Direct message": "Direktnachricht",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "Möchten Sie diese Umfrage jetzt beenden? Niemand wird mehr in dieser Umfrage abstimmen können.",
+  "Download All": "Alle herunterladen",
+  "Download Attachment": "Anhang herunterladen",
   "Download attachment {{ name }}": "Anhang {{ name }} herunterladen",
   "Drag your files here": "Ziehen Sie Ihre Dateien hierher",
   "Drag your files here to add to your post": "Ziehen Sie Ihre Dateien hierher, um sie Ihrem Beitrag hinzuzufügen",
@@ -1035,7 +1022,7 @@ const deTranslations = {
   "Failed to update channel archive status": "Archivierungsstatus des Kanals konnte nicht aktualisiert werden",
   "Failed to update channel mute status": "Stummschaltungsstatus des Kanals konnte nicht aktualisiert werden",
   "Failed to update channel pinned status": "Anheftstatus des Kanals konnte nicht aktualisiert werden",
-  File: File$b,
+  File: File$c,
   "File is required for upload attachment": "Datei ist für den Anhang-Upload erforderlich",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Datei ist zu groß: {{ size }}, maximale Upload-Größe beträgt {{ limit }}",
   "File too large": "Datei ist zu groß",
@@ -1325,7 +1312,7 @@ const Delete$a = "Delete";
 const Delivered$a = "Delivered";
 const Edited$a = "Edited";
 const End$a = "End";
-const File$a = "File";
+const File$b = "File";
 const fileCount_one$8 = "File";
 const fileCount_other$a = "{{ count }} files";
 const Flag$a = "Flag";
@@ -1521,6 +1508,8 @@ const enTranslations = {
   Delivered: Delivered$a,
   "Direct message": "Direct message",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.",
+  "Download All": "Download All",
+  "Download Attachment": "Download Attachment",
   "Download attachment {{ name }}": "Download attachment {{ name }}",
   "Drag your files here": "Drag your files here",
   "Drag your files here to add to your post": "Drag your files here to add to your post",
@@ -1570,7 +1559,7 @@ const enTranslations = {
   "Failed to update channel archive status": "Failed to update channel archive status",
   "Failed to update channel mute status": "Failed to update channel mute status",
   "Failed to update channel pinned status": "Failed to update channel pinned status",
-  File: File$a,
+  File: File$b,
   "File is required for upload attachment": "File is required for upload attachment",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "File is too large: {{ size }}, maximum upload size is {{ limit }}",
   "File too large": "File too large",
@@ -1860,7 +1849,7 @@ const Delete$9 = "Borrar";
 const Delivered$9 = "Entregado";
 const Edited$9 = "Editado";
 const End$9 = "Final";
-const File$9 = "Archivo";
+const File$a = "Archivo";
 const fileCount_one$7 = "1 archivo";
 const fileCount_many$4 = "{{ count }} archivos";
 const fileCount_other$9 = "{{ count }} archivos";
@@ -2072,6 +2061,8 @@ const esTranslations = {
   Delivered: Delivered$9,
   "Direct message": "Mensaje directo",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "¿Quieres terminar esta encuesta ahora? Nadie podrá votar más en esta encuesta.",
+  "Download All": "Descargar todo",
+  "Download Attachment": "Descargar archivo adjunto",
   "Download attachment {{ name }}": "Descargar adjunto {{ name }}",
   "Drag your files here": "Arrastra tus archivos aquí",
   "Drag your files here to add to your post": "Arrastra tus archivos aquí para agregarlos a tu publicación",
@@ -2121,7 +2112,7 @@ const esTranslations = {
   "Failed to update channel archive status": "No se pudo actualizar el estado de archivo del canal",
   "Failed to update channel mute status": "No se pudo actualizar el estado de silencio del canal",
   "Failed to update channel pinned status": "No se pudo actualizar el estado de fijación del canal",
-  File: File$9,
+  File: File$a,
   "File is required for upload attachment": "Se requiere un archivo para subir el adjunto",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "El archivo es demasiado grande: {{ size }}, el tamaño máximo de carga es de {{ limit }}",
   "File too large": "Archivo demasiado grande",
@@ -2422,7 +2413,7 @@ const Delete$8 = "Supprimer";
 const Delivered$8 = "Publié";
 const Edited$8 = "Modifié";
 const End$8 = "Fin";
-const File$8 = "Fichier";
+const File$9 = "Fichier";
 const fileCount_one$6 = "1 fichier";
 const fileCount_many$3 = "{{ count }} fichiers";
 const fileCount_other$8 = "{{ count }} fichiers";
@@ -2634,6 +2625,8 @@ const frTranslations = {
   Delivered: Delivered$8,
   "Direct message": "Message direct",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "Voulez-vous terminer ce sondage maintenant ? Personne ne pourra plus voter dans ce sondage.",
+  "Download All": "Tout télécharger",
+  "Download Attachment": "Télécharger la pièce jointe",
   "Download attachment {{ name }}": "Télécharger la pièce jointe {{ name }}",
   "Drag your files here": "Glissez vos fichiers ici",
   "Drag your files here to add to your post": "Glissez vos fichiers ici pour les ajouter à votre publication",
@@ -2683,7 +2676,7 @@ const frTranslations = {
   "Failed to update channel archive status": "Impossible de mettre à jour l'état d'archivage du canal",
   "Failed to update channel mute status": "Impossible de mettre à jour l'état de la mise en sourdine du canal",
   "Failed to update channel pinned status": "Impossible de mettre à jour l'état d'épinglage du canal",
-  File: File$8,
+  File: File$9,
   "File is required for upload attachment": "Un fichier est requis pour joindre une pièce",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Le fichier est trop volumineux : {{ size }}, la taille maximale de téléchargement est de {{ limit }}",
   "File too large": "Fichier trop volumineux",
@@ -2984,7 +2977,7 @@ const Delete$7 = "डिलीट";
 const Delivered$7 = "पहुंच गया";
 const Edited$7 = "संपादित";
 const End$7 = "समाप्त";
-const File$7 = "फ़ाइल";
+const File$8 = "फ़ाइल";
 const fileCount_one$5 = "1 फ़ाइल";
 const fileCount_other$7 = "{{ count }} फ़ाइलें";
 const Flag$7 = "फ्लैग करे";
@@ -3180,6 +3173,8 @@ const hiTranslations = {
   Delivered: Delivered$7,
   "Direct message": "प्रत्यक्ष संदेश",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "क्या आप अभी इस पोल को समाप्त करना चाहते हैं? इस पोल में अब कोई भी वोट नहीं कर पाएगा।",
+  "Download All": "सब डाउनलोड करें",
+  "Download Attachment": "अटैचमेंट डाउनलोड करें",
   "Download attachment {{ name }}": "अनुलग्नक {{ name }} डाउनलोड करें",
   "Drag your files here": "अपनी फ़ाइलें यहाँ खींचें",
   "Drag your files here to add to your post": "अपनी फ़ाइलें यहाँ खींचें और अपने पोस्ट में जोड़ने के लिए",
@@ -3230,7 +3225,7 @@ const hiTranslations = {
   "Failed to update channel archive status": "चैनल के आर्काइव स्थिति को अपडेट करने में विफल",
   "Failed to update channel mute status": "चैनल की म्यूट स्थिति को अपडेट करने में विफल",
   "Failed to update channel pinned status": "चैनल की पिन स्थिति को अपडेट करने में विफल",
-  File: File$7,
+  File: File$8,
   "File is required for upload attachment": "अटैचमेंट अपलोड के लिए फ़ाइल आवश्यक है",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "फ़ाइल बहुत बड़ी है: {{ size }}, अधिकतम अपलोड साइज़ {{ limit }} है",
   "File too large": "फ़ाइल बहुत बड़ी है",
@@ -3520,7 +3515,7 @@ const Delete$6 = "Elimina";
 const Delivered$6 = "Consegnato";
 const Edited$6 = "Modificato";
 const End$6 = "Fine";
-const File$6 = "File";
+const File$7 = "File";
 const fileCount_one$4 = "1 file";
 const fileCount_many$2 = "{{ count }} file";
 const fileCount_other$6 = "{{ count }} file";
@@ -3732,6 +3727,8 @@ const itTranslations = {
   Delivered: Delivered$6,
   "Direct message": "Messaggio diretto",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "Vuoi terminare questo sondaggio ora? Nessuno potrà più votare in questo sondaggio.",
+  "Download All": "Scarica tutto",
+  "Download Attachment": "Scarica allegato",
   "Download attachment {{ name }}": "Scarica l'allegato {{ name }}",
   "Drag your files here": "Trascina i tuoi file qui",
   "Drag your files here to add to your post": "Trascina i tuoi file qui per aggiungerli al tuo post",
@@ -3781,7 +3778,7 @@ const itTranslations = {
   "Failed to update channel archive status": "Impossibile aggiornare lo stato di archiviazione del canale",
   "Failed to update channel mute status": "Impossibile aggiornare lo stato di silenziamento del canale",
   "Failed to update channel pinned status": "Impossibile aggiornare lo stato di blocco del canale",
-  File: File$6,
+  File: File$7,
   "File is required for upload attachment": "È richiesto un file per caricare l'allegato",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Il file è troppo grande: {{ size }}, la dimensione massima di caricamento è {{ limit }}",
   "File too large": "File troppo grande",
@@ -4082,7 +4079,7 @@ const Delete$5 = "消去";
 const Delivered$5 = "配信しました";
 const Edited$5 = "編集済み";
 const End$5 = "終了";
-const File$5 = "ファイル";
+const File$6 = "ファイル";
 const fileCount_other$5 = "{{ count }}件のファイル";
 const Flag$5 = "フラグ";
 const Image$6 = "画像";
@@ -4271,6 +4268,8 @@ const jaTranslations = {
   Delivered: Delivered$5,
   "Direct message": "ダイレクトメッセージ",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "このアンケートを今終了しますか？終了すると、誰も投票できなくなります。",
+  "Download All": "すべてダウンロード",
+  "Download Attachment": "添付ファイルをダウンロード",
   "Download attachment {{ name }}": "添付ファイル {{ name }} をダウンロード",
   "Drag your files here": "ここにファイルをドラッグ",
   "Drag your files here to add to your post": "投稿に追加するためにここにファイルをドラッグ",
@@ -4320,7 +4319,7 @@ const jaTranslations = {
   "Failed to update channel archive status": "チャンネルのアーカイブ状態の更新に失敗しました",
   "Failed to update channel mute status": "チャンネルのミュート状態の更新に失敗しました",
   "Failed to update channel pinned status": "チャンネルのピン状態の更新に失敗しました",
-  File: File$5,
+  File: File$6,
   "File is required for upload attachment": "添付ファイルのアップロードにはファイルが必要です",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "ファイルが大きすぎます：{{ size }}、最大アップロードサイズは{{ limit }}です",
   "File too large": "ファイルが大きすぎます",
@@ -4603,7 +4602,7 @@ const Delete$4 = "삭제";
 const Delivered$4 = "배달됨";
 const Edited$4 = "편집됨";
 const End$4 = "종료";
-const File$4 = "파일";
+const File$5 = "파일";
 const fileCount_other$4 = "파일 {{ count }}개";
 const Flag$4 = "플래그";
 const Image$5 = "이미지";
@@ -4792,6 +4791,8 @@ const koTranslations = {
   Delivered: Delivered$4,
   "Direct message": "다이렉트 메시지",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "지금 이 투표를 종료하시겠습니까? 종료 후에는 더 이상 투표할 수 없습니다.",
+  "Download All": "모두 다운로드",
+  "Download Attachment": "첨부 파일 다운로드",
   "Download attachment {{ name }}": "첨부 파일 {{ name }} 다운로드",
   "Drag your files here": "여기로 파일을 끌어다 놓으세요",
   "Drag your files here to add to your post": "게시물에 추가하려면 파일을 여기로 끌어다 놓으세요",
@@ -4841,7 +4842,7 @@ const koTranslations = {
   "Failed to update channel archive status": "채널 아카이브 상태 업데이트에 실패했습니다",
   "Failed to update channel mute status": "채널 음소거 상태 업데이트에 실패했습니다",
   "Failed to update channel pinned status": "채널 고정 상태 업데이트에 실패했습니다",
-  File: File$4,
+  File: File$5,
   "File is required for upload attachment": "첨부 파일 업로드에 파일이 필요합니다",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "파일이 너무 큽니다: {{ size }}, 최대 업로드 크기는 {{ limit }}입니다",
   "File too large": "파일이 너무 큽니다",
@@ -5124,7 +5125,7 @@ const Delete$3 = "Verwijder";
 const Delivered$3 = "Afgeleverd";
 const Edited$3 = "Bewerkt";
 const End$3 = "Einde";
-const File$3 = "Bestand";
+const File$4 = "Bestand";
 const fileCount_one$3 = "1 bestand";
 const fileCount_other$3 = "{{ count }} bestanden";
 const Flag$3 = "Markeer";
@@ -5320,6 +5321,8 @@ const nlTranslations = {
   Delivered: Delivered$3,
   "Direct message": "Direct bericht",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "Wil je deze peiling nu beëindigen? Niemand kan daarna meer op deze peiling stemmen.",
+  "Download All": "Alles downloaden",
+  "Download Attachment": "Bijlage downloaden",
   "Download attachment {{ name }}": "Bijlage {{ name }} downloaden",
   "Drag your files here": "Sleep je bestanden hier naartoe",
   "Drag your files here to add to your post": "Sleep je bestanden hier naartoe om aan je bericht toe te voegen",
@@ -5369,7 +5372,7 @@ const nlTranslations = {
   "Failed to update channel archive status": "Archiefstatus van kanaal kon niet worden bijgewerkt",
   "Failed to update channel mute status": "Muteerstatus van kanaal kon niet worden bijgewerkt",
   "Failed to update channel pinned status": "Vastgezette status van kanaal kon niet worden bijgewerkt",
-  File: File$3,
+  File: File$4,
   "File is required for upload attachment": "Bestand is vereist voor het uploaden van een bijlage",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Bestand is te groot: {{ size }}, maximale uploadgrootte is {{ limit }}",
   "File too large": "Bestand is te groot",
@@ -5661,7 +5664,7 @@ const Delete$2 = "Excluir";
 const Delivered$2 = "Entregue";
 const Edited$2 = "Editada";
 const End$2 = "Fim";
-const File$2 = "Arquivo";
+const File$3 = "Arquivo";
 const fileCount_one$2 = "1 arquivo";
 const fileCount_many$1 = "{{ count }} arquivos";
 const fileCount_other$2 = "{{ count }} arquivos";
@@ -5873,6 +5876,8 @@ const ptTranslations = {
   Delivered: Delivered$2,
   "Direct message": "Mensagem direta",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "Deseja encerrar esta enquete agora? Ninguém poderá mais votar nesta enquete.",
+  "Download All": "Baixar tudo",
+  "Download Attachment": "Baixar anexo",
   "Download attachment {{ name }}": "Baixar anexo {{ name }}",
   "Drag your files here": "Arraste seus arquivos aqui",
   "Drag your files here to add to your post": "Arraste seus arquivos aqui para adicionar ao seu post",
@@ -5922,7 +5927,7 @@ const ptTranslations = {
   "Failed to update channel archive status": "Falha ao atualizar o status de arquivamento do canal",
   "Failed to update channel mute status": "Falha ao atualizar o status de mudo do canal",
   "Failed to update channel pinned status": "Falha ao atualizar o status de fixação do canal",
-  File: File$2,
+  File: File$3,
   "File is required for upload attachment": "Arquivo é necessário para enviar o anexo",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "O arquivo é muito grande: {{ size }}, o tamanho máximo de upload é {{ limit }}",
   "File too large": "Arquivo muito grande",
@@ -6223,7 +6228,7 @@ const Delete$1 = "Удалить";
 const Delivered$1 = "Отправлено";
 const Edited$1 = "Отредактировано";
 const End$1 = "Конец";
-const File$1 = "Файл";
+const File$2 = "Файл";
 const fileCount_four = "{{ count }} файла";
 const fileCount_one$1 = "{{ count }} файл";
 const fileCount_few = "{{ count }} файла";
@@ -6455,6 +6460,8 @@ const ruTranslations = {
   Delivered: Delivered$1,
   "Direct message": "Личное сообщение",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "Вы хотите завершить этот опрос сейчас? После этого никто не сможет голосовать в этом опросе.",
+  "Download All": "Скачать всё",
+  "Download Attachment": "Скачать вложение",
   "Download attachment {{ name }}": "Скачать вложение {{ name }}",
   "Drag your files here": "Перетащите ваши файлы сюда",
   "Drag your files here to add to your post": "Перетащите ваши файлы сюда, чтобы добавить их в ваш пост",
@@ -6504,7 +6511,7 @@ const ruTranslations = {
   "Failed to update channel archive status": "Не удалось обновить статус архивации канала",
   "Failed to update channel mute status": "Не удалось обновить статус отключения звука канала",
   "Failed to update channel pinned status": "Не удалось обновить статус закрепления канала",
-  File: File$1,
+  File: File$2,
   "File is required for upload attachment": "Для загрузки вложения требуется файл",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Файл слишком большой: {{ size }}, максимальный размер загрузки составляет {{ limit }}",
   "File too large": "Файл слишком большой",
@@ -6819,7 +6826,7 @@ const Delete = "Sil";
 const Delivered = "İletildi";
 const Edited = "Düzenlendi";
 const End = "Son";
-const File = "Dosya";
+const File$1 = "Dosya";
 const fileCount_one = "1 dosya";
 const fileCount_other = "{{ count }} dosya";
 const Flag = "Bayrak";
@@ -7015,6 +7022,8 @@ const trTranslations = {
   Delivered,
   "Direct message": "Doğrudan mesaj",
   "Do you want to end this poll now? Nobody will be able to vote in this poll anymore.": "Bu anketi şimdi sonlandırmak istiyor musunuz? Sonlandırdıktan sonra bu ankette kimse oy kullanamayacak.",
+  "Download All": "Tümünü indir",
+  "Download Attachment": "Eki indir",
   "Download attachment {{ name }}": "Ek {{ name }}'i indir",
   "Drag your files here": "Dosyalarınızı buraya sürükleyin",
   "Drag your files here to add to your post": "Gönderinize eklemek için dosyalarınızı buraya sürükleyin",
@@ -7064,7 +7073,7 @@ const trTranslations = {
   "Failed to update channel archive status": "Kanalın arşiv durumu güncellenemedi",
   "Failed to update channel mute status": "Kanalın sessiz durumu güncellenemedi",
   "Failed to update channel pinned status": "Kanalın sabitleme durumu güncellenemedi",
-  File,
+  File: File$1,
   "File is required for upload attachment": "Ek yüklemek için dosya gerekli",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Dosya çok büyük: {{ size }}, maksimum yükleme boyutu {{ limit }}",
   "File too large": "Dosya çok büyük",
@@ -9911,9 +9920,11 @@ function ContextMenuContent({
     [ItemsWrapper]
   );
   const returnToParentMenu = React.useCallback(() => {
-    if (menuStack.length <= 1) return;
-    setMenuStack((current) => current.slice(0, current.length - 1));
-  }, [menuStack.length]);
+    setMenuStack((current) => {
+      if (current.length <= 1) return current;
+      return current.slice(0, -1);
+    });
+  }, []);
   React.useEffect(() => {
     setMenuStack((current) => {
       if (current.length === 1 && current[0] === rootLevel) return current;
@@ -10402,7 +10413,9 @@ const useBaseMessageActionSetFilter = (messageActionSet, disable = false) => {
       if (message.error) {
         return type === "resendMessage" && canSendMessage && (allowRetry || isBounced) || type === "edit" && (isBounced && canEdit || hasNetworkSendFailure) || type === "delete" && !messageIsDeleted && (isBounced && canDelete || hasNetworkSendFailure);
       }
-      if (type === "resendMessage" || type === "blockUser" && !canBlockUser || type === "copyMessageText" && !message.text || type === "delete" && (!canDelete || messageIsDeleted) || type === "edit" && !canEdit || type === "flag" && !canFlag || type === "markUnread" && !canMarkUnread || type === "mute" && !canMute || type === "quote" && !canQuote || type === "react" && !canReact || type === "reply" && !canReply || type === "remindMe" && !channelConfig?.["user_message_reminders"] || type === "saveForLater" && !channelConfig?.["user_message_reminders"])
+      if (type === "resendMessage" || type === "blockUser" && !canBlockUser || type === "copyMessageText" && !message.text || type === "download" && !message.attachments?.some(
+        (attachment) => streamChat.isFileAttachment(attachment) || streamChat.isImageAttachment(attachment) || streamChat.isVideoAttachment(attachment) || streamChat.isAudioAttachment(attachment) || streamChat.isVoiceRecordingAttachment(attachment)
+      ) || type === "delete" && (!canDelete || messageIsDeleted) || type === "edit" && !canEdit || type === "flag" && !canFlag || type === "markUnread" && !canMarkUnread || type === "mute" && !canMute || type === "quote" && !canQuote || type === "react" && !canReact || type === "reply" && !canReply || type === "remindMe" && !channelConfig?.["user_message_reminders"] || type === "saveForLater" && !channelConfig?.["user_message_reminders"])
         return false;
       return true;
     });
@@ -10424,6 +10437,7 @@ const useBaseMessageActionSetFilter = (messageActionSet, disable = false) => {
     messageIsDeleted,
     isMessageThreadReply,
     message.error,
+    message.attachments,
     message.status,
     message.text,
     message.type,
@@ -12323,13 +12337,14 @@ const BASE_FILE_ICON_CLASSNAME = "str-chat__file-icon";
 const FILE_ICON_GRAPHIC_CLASSNAME = "str-chat__file-icon__graphic";
 const FILE_ICON_NO_LABEL_CLASSNAME = "str-chat__file-icon--no-label";
 const FILE_ICON_SIZE_CONFIG = {
-  lg: { height: 48, labelX: 16, labelY: 36, width: 40 },
-  md: { height: 40, labelX: 16, labelY: 35, width: 32 },
-  sm: { height: 24, labelX: 16, labelY: 31.5, width: 19 }
+  lg: { height: 40, labelX: 16, labelY: 36, width: 32 },
+  md: { height: 32, labelX: 16, labelY: 35, width: 26 },
+  sm: { height: 24, labelX: 16, labelY: 31.5, width: 19 },
+  xl: { height: 48, labelX: 16, labelY: 36, width: 40 }
 };
 const mergeFileIconSizeConfig = (overrides) => {
   if (!overrides) return FILE_ICON_SIZE_CONFIG;
-  return ["sm", "md", "lg"].reduce(
+  return ["sm", "md", "lg", "xl"].reduce(
     (acc, size) => ({
       ...acc,
       [size]: { ...FILE_ICON_SIZE_CONFIG[size], ...overrides[size] }
@@ -12337,16 +12352,24 @@ const mergeFileIconSizeConfig = (overrides) => {
     {}
   );
 };
-const VIEWBOX_WIDTH = 32;
-const VIEWBOX_HEIGHT = 40;
+const FILE_ICON_VIEWBOX = { height: 40, width: 32 };
+const FILE_ICON_PAPER_PATH = "M0 4C0 1.79086 1.79086 0 4 0H22.4L32 10V36C32 38.2091 30.2091 40 28 40H4C1.79086 40 0 38.2091 0 36V4Z";
+const FILE_ICON_FOLD_PATH = "M32 10H25.4C23.7431 10 22.4 8.65685 22.4 7V0L32 10Z";
+const FILE_ICON_WITHOUT_CAPTION_SYMBOL_SCALE_X = 32 / 26;
+const FILE_ICON_WITHOUT_CAPTION_SYMBOL_SCALE_Y = 40 / 32;
 const Svg = ({ className, size, sizeConfig, ...props }) => {
   const config = sizeConfig ?? FILE_ICON_SIZE_CONFIG;
   const dimensions = size ? config[size] : void 0;
+  const dimensionsStyle = dimensions ? {
+    flexShrink: 0,
+    height: `${dimensions.height}px`,
+    width: `${dimensions.width}px`
+  } : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
       height: dimensions?.height,
-      viewBox: `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`,
+      viewBox: `0 0 ${FILE_ICON_VIEWBOX.width} ${FILE_ICON_VIEWBOX.height}`,
       width: dimensions?.width,
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
@@ -12354,7 +12377,8 @@ const Svg = ({ className, size, sizeConfig, ...props }) => {
         BASE_FILE_ICON_CLASSNAME,
         { [`${BASE_FILE_ICON_CLASSNAME}--size-${size}`]: size },
         className
-      )
+      ),
+      style: { ...dimensionsStyle, ...props.style }
     }
   );
 };
@@ -12363,397 +12387,343 @@ const FileIconLabel = ({ label, size, sizeConfig }) => {
   const config = size ? configMap[size] : { labelX: 16, labelY: 33 };
   return /* @__PURE__ */ jsxRuntime.jsx("text", { className: "str-chat__file-icon__label", x: config.labelX, y: config.labelY, children: label });
 };
-const FilePdfIcon = ({
+const TEXT_SYMBOLS = {
+  withCaption: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "14.4", x: "8", y: "12.2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "14.4", x: "8", y: "20.2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "9.6", x: "8", y: "16.2" })
+  ] }),
+  withoutCaption: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.4", rx: "0.7", width: "12.6", x: "6", y: "14.8" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.4", rx: "0.7", width: "12.6", x: "6", y: "21.8" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.4", rx: "0.7", width: "8.4", x: "6", y: "18.3" })
+  ] })
+};
+const OTHER_SYMBOLS = {
+  withCaption: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "14.4", x: "8", y: "13.2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "14.4", x: "8", y: "21.2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "9.6", x: "8", y: "17.2" })
+  ] }),
+  withoutCaption: TEXT_SYMBOLS.withoutCaption
+};
+const CODE_SYMBOLS = {
+  withCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M14.5 22.5L17.5 11.5M20.1666 14.1667L21.9732 16.0862C22.4564 16.5996 22.4564 17.4004 21.9732 17.9138L20.1666 19.8333M11.8333 19.8333L10.0267 17.9138C9.54351 17.4004 9.54351 16.5996 10.0267 16.0862L11.8333 14.1667",
+      stroke: "white",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.2"
+    }
+  ),
+  withoutCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M11.6876 23.8125L14.3126 14.1875M16.646 16.5208L18.2267 18.2004C18.6495 18.6496 18.6495 19.3503 18.2267 19.7996L16.646 21.4792M9.3543 21.4792L7.77352 19.7996C7.35072 19.3503 7.35072 18.6496 7.77352 18.2004L9.3543 16.5208",
+      stroke: "white",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.33333"
+    }
+  )
+};
+const AUDIO_SYMBOLS = {
+  withCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M20.5 15.5V18.5M22.5 14.5V19.5M13.5 19.5H10.5C10.3674 19.5 10.2402 19.4473 10.1464 19.3536C10.0527 19.2598 10 19.1326 10 19V15C10 14.8674 10.0527 14.7402 10.1464 14.6464C10.2402 14.5527 10.3674 14.5 10.5 14.5H13.5L18 11V23L13.5 19.5Z",
+      stroke: "white",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.2"
+    }
+  ),
+  withoutCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M17.5 17.5V20.5M19.5 16.5V21.5M10.5 21.5H7.5C7.36739 21.5 7.24021 21.4473 7.14645 21.3536C7.05268 21.2598 7 21.1326 7 21V17C7 16.8674 7.05268 16.7402 7.14645 16.6464C7.24021 16.5527 7.36739 16.5 7.5 16.5H10.5L15 13V25L10.5 21.5Z",
+      stroke: "white",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.33333"
+    }
+  )
+};
+const PRESENTATION_SYMBOLS = {
+  withCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M12.5 15.5H19.5M16 17.5V22.5M14 22.5H18M9.49999 17.5C9.41472 17.5001 9.33085 17.4783 9.25635 17.4368C9.18185 17.3953 9.1192 17.3355 9.07436 17.263C9.02952 17.1904 9.00397 17.1076 9.00014 17.0224C8.99631 16.9373 9.01433 16.8525 9.05249 16.7762L11.5525 11.7763C11.5941 11.6932 11.6579 11.6233 11.737 11.5745C11.816 11.5257 11.9071 11.4999 12 11.5H20C20.0929 11.4999 20.184 11.5257 20.263 11.5745C20.342 11.6233 20.4059 11.6932 20.4475 11.7763L22.9475 16.7762C22.9857 16.8525 23.0037 16.9373 22.9998 17.0224C22.996 17.1076 22.9705 17.1904 22.9256 17.263C22.8808 17.3355 22.8181 17.3953 22.7436 17.4368C22.6691 17.4783 22.5853 17.5001 22.5 17.5H9.49999Z",
+      stroke: "white",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.2"
+    }
+  ),
+  withoutCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M9.49999 17.5H16.5M13 19.5V24.5M11 24.5H15M6.49999 19.5C6.41472 19.5001 6.33085 19.4783 6.25635 19.4368C6.18185 19.3953 6.11921 19.3355 6.07436 19.263C6.02952 19.1904 6.00397 19.1076 6.00014 19.0224C5.99631 18.9373 6.01433 18.8525 6.05249 18.7763L8.55249 13.7763C8.59406 13.6932 8.65795 13.6233 8.73699 13.5745C8.81603 13.5257 8.9071 13.4999 8.99999 13.5H17C17.0929 13.4999 17.184 13.5257 17.263 13.5745C17.342 13.6233 17.4059 13.6932 17.4475 13.7763L19.9475 18.7763C19.9857 18.8525 20.0037 18.9373 19.9998 19.0224C19.996 19.1076 19.9705 19.1904 19.9256 19.263C19.8808 19.3355 19.8181 19.3953 19.7436 19.4368C19.6691 19.4783 19.5853 19.5001 19.5 19.5H6.49999Z",
+      stroke: "white",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.33333"
+    }
+  )
+};
+const SPREADSHEET_SYMBOLS = {
+  withCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M10 15.5H22M10 18.5H22M13.5 15.5V21.5M10 12.5H22V21C22 21.1326 21.9473 21.2598 21.8536 21.3536C21.7598 21.4473 21.6326 21.5 21.5 21.5H10.5C10.3674 21.5 10.2402 21.4473 10.1464 21.3536C10.0527 21.2598 10 21.1326 10 21V12.5Z",
+      stroke: "white",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  ),
+  withoutCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M7 17.5H19M7 20.5H19M10.5 17.5V23.5M7 14.5H19V23C19 23.1326 18.9473 23.2598 18.8536 23.3536C18.7598 23.4473 18.6326 23.5 18.5 23.5H7.5C7.36739 23.5 7.24021 23.4473 7.14645 23.3536C7.05268 23.2598 7 23.1326 7 23V14.5Z",
+      stroke: "white",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.2"
+    }
+  )
+};
+const COMPRESSION_SYMBOLS = {
+  withCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M9.41177 0H7.52942V2H9.41177V4H7.52942V6H9.41177V8H7.52942V10H9.41177V12H7.52942V14H9.41177V12H11.2941V10H9.41177V8H11.2941V6H9.41177V4H11.2941V2H9.41177V0ZM7.52942 17C7.52942 16.4477 7.9508 16 8.4706 16H10.3529C10.8727 16 11.2941 16.4477 11.2941 17V23C11.2941 23.5523 10.8727 24 10.3529 24H8.4706C7.9508 24 7.52942 23.5523 7.52942 23V17ZM8.4706 23V20H10.3529V23H8.4706Z",
+      fill: "white",
+      fillRule: "evenodd"
+    }
+  ),
+  withoutCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M8.17031 0H6.11768V2.14737H8.17031V4.29474H6.11768V6.4421H8.17031V8.58947H6.11768V10.7368H8.17031V12.8842H6.11768V15.0316H8.17031V12.8842H10.2229V10.7368H8.17031V8.58947H10.2229V6.4421H8.17031V4.29474H10.2229V2.14737H8.17031V0ZM6.11768 18.2526C6.11768 17.6597 6.57717 17.1789 7.14399 17.1789H9.19662C9.76344 17.1789 10.2229 17.6597 10.2229 18.2526V24.6947C10.2229 25.2877 9.76344 25.7684 9.19662 25.7684H7.14399C6.57717 25.7684 6.11768 25.2877 6.11768 24.6947V18.2526ZM7.14399 24.6947V21.4737H9.19662V24.6947H7.14399Z",
+      fill: "white",
+      fillRule: "evenodd"
+    }
+  )
+};
+const VIDEO_SYMBOLS = {
+  withCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M20.5 16L23.5 14V20L20.5 18M10 13H20C20.2761 13 20.5 13.2239 20.5 13.5V20.5C20.5 20.7761 20.2761 21 20 21H10C9.72386 21 9.5 20.7761 9.5 20.5V13.5C9.5 13.2239 9.72386 13 10 13Z",
+      stroke: "white",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.2"
+    }
+  ),
+  withoutCaption: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M17.5001 18L20.5001 16V22L17.5001 20M7.00012 15H17.0001C17.2763 15 17.5001 15.2239 17.5001 15.5V22.5C17.5001 22.7761 17.2763 23 17.0001 23H7.00012C6.72398 23 6.50012 22.7761 6.50012 22.5V15.5C6.50012 15.2239 6.72398 15 7.00012 15Z",
+      stroke: "white",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.33333"
+    }
+  )
+};
+const StandardFileTypeIcon = ({
   className,
+  color,
+  fileTypeClassName,
+  label,
+  size,
+  sizeConfig,
+  symbols,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  Svg,
+}) => {
+  const renderLabel = !!label;
+  const resolvedLabel = renderLabel ? label : void 0;
+  const symbolVariant = renderLabel ? "withCaption" : "withoutCaption";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Svg,
+    {
+      ...props,
+      className: clsx(fileTypeClassName, className),
+      size,
+      sizeConfig,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { className: FILE_ICON_GRAPHIC_CLASSNAME, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: FILE_ICON_PAPER_PATH, fill: color }),
+          renderLabel ? symbols[symbolVariant] : /* @__PURE__ */ jsxRuntime.jsx(
+            "g",
+            {
+              transform: `scale(${FILE_ICON_WITHOUT_CAPTION_SYMBOL_SCALE_X} ${FILE_ICON_WITHOUT_CAPTION_SYMBOL_SCALE_Y})`,
+              children: symbols[symbolVariant]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: FILE_ICON_FOLD_PATH, fill: "white", opacity: "0.5" })
+        ] }),
+        resolvedLabel && /* @__PURE__ */ jsxRuntime.jsx(FileIconLabel, { label: resolvedLabel, size, sizeConfig })
+      ]
+    }
+  );
+};
+const PDF_SMALL_SYMBOL = /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
   {
-    ...props,
-    className: clsx("str-chat__file-icon--pdf", FILE_ICON_NO_LABEL_CLASSNAME, className),
-    children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: FILE_ICON_GRAPHIC_CLASSNAME, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M0 4C0 1.79086 1.79086 0 4 0H22.4L32 10V36C32 38.2091 30.2091 40 28 40H4C1.79086 40 0 38.2091 0 36V4Z",
-          fill: "#E71A01"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M32 10H25.4C23.7431 10 22.4 8.65685 22.4 7V0L32 10Z",
-          fill: "white",
-          opacity: "0.5"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_1008_7871)", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M23.7533 19.2C23.28 18.7033 22.3093 18.42 20.9373 18.42C20.204 18.42 19.3526 18.4906 18.43 18.656C17.8647 18.1124 17.3499 17.5186 16.892 16.882C16.5373 16.4086 16.2293 15.8886 15.9453 15.3913C16.49 13.7353 16.75 12.3866 16.75 11.4166C16.75 10.3286 16.348 9.19263 15.1886 9.19263C14.834 9.19263 14.4786 9.40596 14.2893 9.71329C13.7693 10.636 14.006 12.6466 14.9046 14.634C14.5664 15.6502 14.1877 16.6526 13.7693 17.6386C13.3906 18.538 12.9646 19.4606 12.4913 20.312C9.88931 21.3533 8.20931 22.56 8.01998 23.5053C7.94931 23.8606 8.06731 24.192 8.32798 24.452C8.42265 24.5233 8.75398 24.8073 9.32131 24.8073C11.048 24.8073 12.87 22.0153 13.7926 20.336C14.5026 20.0993 15.2126 19.8626 15.922 19.6733C16.6704 19.4701 17.4284 19.3043 18.1933 19.1766C20.0146 20.8086 21.6233 21.0693 22.428 21.0693C23.4213 21.0693 23.7766 20.6666 23.8946 20.336C24.108 19.9093 23.966 19.4366 23.7533 19.2ZM22.8066 19.8866C22.7353 20.2413 22.38 20.478 21.884 20.478C21.742 20.478 21.624 20.454 21.4813 20.4306C20.5826 20.2173 19.7306 19.768 18.8793 19.058C19.5357 18.947 20.2003 18.8917 20.866 18.8926C21.3633 18.8926 21.7893 18.916 22.0726 18.9873C22.404 19.058 22.9246 19.2713 22.806 19.886L22.8066 19.8866ZM17.7906 18.7746C17.1305 18.8983 16.4755 19.0482 15.8273 19.224C15.262 19.3709 14.7017 19.5366 14.1473 19.7206C14.4355 19.1625 14.7039 18.5944 14.952 18.0173C15.236 17.3546 15.472 16.6686 15.7093 16.03C15.9453 16.432 16.206 16.8346 16.466 17.1893C16.8911 17.7313 17.3329 18.26 17.7906 18.7746ZM14.692 9.97329C14.7338 9.88949 14.7978 9.81875 14.877 9.7688C14.9563 9.71884 15.0477 9.69157 15.1413 9.68996C15.638 9.68996 15.7326 10.2573 15.7326 10.7073C15.7326 11.464 15.496 12.6233 15.094 13.948C14.4073 12.1026 14.3606 10.5653 14.692 9.97329ZM12.0893 20.998C10.8826 22.9853 9.72331 24.2153 9.01398 24.2153C8.88599 24.2161 8.76132 24.1746 8.65931 24.0973C8.51731 23.9553 8.44598 23.79 8.49331 23.6006C8.63531 22.8906 10.0073 21.8973 12.0893 20.998Z",
-          fill: "white"
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M9.74219 34.4258V28.6992H10.8828V29.3633H10.9531C11.0286 29.2096 11.1276 29.0781 11.25 28.9688C11.375 28.8594 11.5208 28.776 11.6875 28.7188C11.8542 28.6589 12.0391 28.6289 12.2422 28.6289C12.6016 28.6289 12.9115 28.7188 13.1719 28.8984C13.4323 29.0781 13.6328 29.3333 13.7734 29.6641C13.9167 29.9922 13.9883 30.3854 13.9883 30.8438V30.8516C13.9883 31.3125 13.918 31.7083 13.7773 32.0391C13.6367 32.3698 13.4362 32.6237 13.1758 32.8008C12.9154 32.9779 12.6042 33.0664 12.2422 33.0664C12.0443 33.0664 11.8607 33.0365 11.6914 32.9766C11.5247 32.9141 11.3776 32.8268 11.25 32.7148C11.125 32.6029 11.026 32.4688 10.9531 32.3125H10.8828V34.4258H9.74219ZM11.8516 32.1211C12.0547 32.1211 12.2279 32.0703 12.3711 31.9688C12.5169 31.8672 12.6289 31.7214 12.707 31.5312C12.7878 31.3411 12.8281 31.1146 12.8281 30.8516V30.8438C12.8281 30.5807 12.7878 30.3542 12.707 30.1641C12.6289 29.974 12.5169 29.8281 12.3711 29.7266C12.2279 29.625 12.0547 29.5742 11.8516 29.5742C11.651 29.5742 11.4766 29.625 11.3281 29.7266C11.1823 29.8281 11.069 29.974 10.9883 30.1641C10.9102 30.3516 10.8711 30.5781 10.8711 30.8438V30.8516C10.8711 31.112 10.9115 31.3385 10.9922 31.5312C11.0729 31.7214 11.1862 31.8672 11.332 31.9688C11.4805 32.0703 11.6536 32.1211 11.8516 32.1211ZM16.457 33.0664C16.1003 33.0664 15.7904 32.9779 15.5273 32.8008C15.2669 32.6211 15.0651 32.3659 14.9219 32.0352C14.7812 31.7044 14.7109 31.3099 14.7109 30.8516V30.8438C14.7109 30.3828 14.7799 29.987 14.918 29.6562C15.0586 29.3255 15.2591 29.0716 15.5195 28.8945C15.7799 28.7174 16.0924 28.6289 16.457 28.6289C16.6523 28.6289 16.8333 28.6602 17 28.7227C17.1693 28.7826 17.3177 28.8685 17.4453 28.9805C17.5729 29.0924 17.6719 29.2279 17.7422 29.3867H17.8125V27.0547H18.9531V33H17.8125V32.332H17.7422C17.6693 32.4857 17.5703 32.6172 17.4453 32.7266C17.3229 32.8359 17.1784 32.9206 17.0117 32.9805C16.8451 33.0378 16.6602 33.0664 16.457 33.0664ZM16.8438 32.1211C17.0469 32.1211 17.2214 32.0703 17.3672 31.9688C17.513 31.8672 17.625 31.7214 17.7031 31.5312C17.7839 31.3411 17.8242 31.1159 17.8242 30.8555V30.8477C17.8242 30.582 17.7839 30.3555 17.7031 30.168C17.625 29.9779 17.5117 29.832 17.3633 29.7305C17.2174 29.6263 17.0443 29.5742 16.8438 29.5742C16.6458 29.5742 16.4727 29.6263 16.3242 29.7305C16.1784 29.832 16.0664 29.9779 15.9883 30.168C15.9102 30.3555 15.8711 30.5807 15.8711 30.8438V30.8516C15.8711 31.1146 15.9102 31.3411 15.9883 31.5312C16.0664 31.7214 16.1784 31.8672 16.3242 31.9688C16.4701 32.0703 16.6432 32.1211 16.8438 32.1211ZM20.4648 33V29.5586H19.7695V28.6992H20.4648V28.2969C20.4648 28.0104 20.5156 27.7721 20.6172 27.582C20.7188 27.3919 20.8776 27.25 21.0938 27.1562C21.3125 27.0599 21.5951 27.0117 21.9414 27.0117C22.0586 27.0117 22.1641 27.0156 22.2578 27.0234C22.3542 27.0312 22.444 27.0417 22.5273 27.0547V27.8164C22.4909 27.8086 22.4427 27.8034 22.3828 27.8008C22.3255 27.7956 22.2604 27.793 22.1875 27.793C21.9661 27.793 21.8099 27.8438 21.7188 27.9453C21.6276 28.0443 21.582 28.1875 21.582 28.375V28.6992H22.4922V29.5586H21.6055V33H20.4648Z",
-          fill: "white"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_1008_7871", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "16", transform: "translate(8 9)", width: "16" }) }) })
-    ] })
+    d: "M20.7533 19.5337C20.28 19.037 19.3093 18.7537 17.9373 18.7537C17.204 18.7537 16.3526 18.8244 15.43 18.9897C14.8647 18.4461 14.3499 17.8523 13.892 17.2157C13.5373 16.7424 13.2293 16.2224 12.9453 15.725C13.49 14.069 13.75 12.7204 13.75 11.7504C13.75 10.6624 13.348 9.52637 12.1886 9.52637C11.834 9.52637 11.4786 9.7397 11.2893 10.047C10.7693 10.9697 11.006 12.9804 11.9046 14.9677C11.5664 15.984 11.1876 16.9863 10.7693 17.9724C10.3906 18.8717 9.96465 19.7944 9.49131 20.6457C6.88931 21.687 5.20931 22.8937 5.01998 23.839C4.94931 24.1944 5.06731 24.5257 5.32798 24.7857C5.42265 24.857 5.75398 25.141 6.32131 25.141C8.04798 25.141 9.86998 22.349 10.7926 20.6697C11.5026 20.433 12.2126 20.1964 12.922 20.007C13.6704 19.8038 14.4284 19.638 15.1933 19.5104C17.0146 21.1424 18.6233 21.403 19.428 21.403C20.4213 21.403 20.7766 21.0004 20.8946 20.6697C21.108 20.243 20.966 19.7704 20.7533 19.5337ZM19.8066 20.2204C19.7353 20.575 19.38 20.8117 18.884 20.8117C18.742 20.8117 18.624 20.7877 18.4813 20.7644C17.5826 20.551 16.7306 20.1017 15.8793 19.3917C16.5357 19.2807 17.2003 19.2254 17.866 19.2264C18.3633 19.2264 18.7893 19.2497 19.0726 19.321C19.404 19.3917 19.9246 19.605 19.806 20.2197L19.8066 20.2204ZM14.7906 19.1084C14.1305 19.2321 13.4755 19.382 12.8273 19.5577C12.262 19.7047 11.7017 19.8703 11.1473 20.0544C11.4355 19.4962 11.7039 18.9281 11.952 18.351C12.236 17.6884 12.472 17.0024 12.7093 16.3637C12.9453 16.7657 13.206 17.1684 13.466 17.523C13.8911 18.065 14.3329 18.5937 14.7906 19.1084ZM11.692 10.307C11.7338 10.2232 11.7978 10.1525 11.877 10.1025C11.9563 10.0526 12.0477 10.0253 12.1413 10.0237C12.638 10.0237 12.7326 10.591 12.7326 11.041C12.7326 11.7977 12.496 12.957 12.094 14.2817C11.4073 12.4364 11.3606 10.899 11.692 10.307ZM9.08931 21.3317C7.88265 23.319 6.72331 24.549 6.01398 24.549C5.88599 24.5498 5.76132 24.5083 5.65931 24.431C5.51731 24.289 5.44598 24.1237 5.49331 23.9344C5.63531 23.2244 7.00731 22.231 9.08931 21.3317Z",
+    fill: "white"
   }
 );
-const FileWordIcon = ({
+const PDF_LEGACY_SYMBOL = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M23.7533 19.2C23.28 18.7033 22.3093 18.42 20.9373 18.42C20.204 18.42 19.3526 18.4906 18.43 18.656C17.8647 18.1124 17.3499 17.5186 16.892 16.882C16.5373 16.4086 16.2293 15.8886 15.9453 15.3913C16.49 13.7353 16.75 12.3866 16.75 11.4166C16.75 10.3286 16.348 9.19263 15.1886 9.19263C14.834 9.19263 14.4786 9.40596 14.2893 9.71329C13.7693 10.636 14.006 12.6466 14.9046 14.634C14.5664 15.6502 14.1877 16.6526 13.7693 17.6386C13.3906 18.538 12.9646 19.4606 12.4913 20.312C9.88931 21.3533 8.20931 22.56 8.01998 23.5053C7.94931 23.8606 8.06731 24.192 8.32798 24.452C8.42265 24.5233 8.75398 24.8073 9.32131 24.8073C11.048 24.8073 12.87 22.0153 13.7926 20.336C14.5026 20.0993 15.2126 19.8626 15.922 19.6733C16.6704 19.4701 17.4284 19.3043 18.1933 19.1766C20.0146 20.8086 21.6233 21.0693 22.428 21.0693C23.4213 21.0693 23.7766 20.6666 23.8946 20.336C24.108 19.9093 23.966 19.4366 23.7533 19.2ZM22.8066 19.8866C22.7353 20.2413 22.38 20.478 21.884 20.478C21.742 20.478 21.624 20.454 21.4813 20.4306C20.5826 20.2173 19.7306 19.768 18.8793 19.058C19.5357 18.947 20.2003 18.8917 20.866 18.8926C21.3633 18.8926 21.7893 18.916 22.0726 18.9873C22.404 19.058 22.9246 19.2713 22.806 19.886L22.8066 19.8866ZM17.7906 18.7746C17.1305 18.8983 16.4755 19.0482 15.8273 19.224C15.262 19.3709 14.7017 19.5366 14.1473 19.7206C14.4355 19.1625 14.7039 18.5944 14.952 18.0173C15.236 17.3546 15.472 16.6686 15.7093 16.03C15.9453 16.432 16.206 16.8346 16.466 17.1893C16.8911 17.7313 17.3329 18.26 17.7906 18.7746ZM14.692 9.97329C14.7338 9.88949 14.7978 9.81875 14.877 9.7688C14.9563 9.71884 15.0477 9.69157 15.1413 9.68996C15.638 9.68996 15.7326 10.2573 15.7326 10.7073C15.7326 11.464 15.496 12.6233 15.094 13.948C14.4073 12.1026 14.3606 10.5653 14.692 9.97329ZM12.0893 20.998C10.8826 22.9853 9.72331 24.2153 9.01398 24.2153C8.88599 24.2161 8.76132 24.1746 8.65931 24.0973C8.51731 23.9553 8.44598 23.79 8.49331 23.6006C8.63531 22.8906 10.0073 21.8973 12.0893 20.998Z",
+      fill: "white"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M9.74219 34.4258V28.6992H10.8828V29.3633H10.9531C11.0286 29.2096 11.1276 29.0781 11.25 28.9688C11.375 28.8594 11.5208 28.776 11.6875 28.7188C11.8542 28.6589 12.0391 28.6289 12.2422 28.6289C12.6016 28.6289 12.9115 28.7188 13.1719 28.8984C13.4323 29.0781 13.6328 29.3333 13.7734 29.6641C13.9167 29.9922 13.9883 30.3854 13.9883 30.8438V30.8516C13.9883 31.3125 13.918 31.7083 13.7773 32.0391C13.6367 32.3698 13.4362 32.6237 13.1758 32.8008C12.9154 32.9779 12.6042 33.0664 12.2422 33.0664C12.0443 33.0664 11.8607 33.0365 11.6914 32.9766C11.5247 32.9141 11.3776 32.8268 11.25 32.7148C11.125 32.6029 11.026 32.4688 10.9531 32.3125H10.8828V34.4258H9.74219ZM11.8516 32.1211C12.0547 32.1211 12.2279 32.0703 12.3711 31.9688C12.5169 31.8672 12.6289 31.7214 12.707 31.5312C12.7878 31.3411 12.8281 31.1146 12.8281 30.8516V30.8438C12.8281 30.5807 12.7878 30.3542 12.707 30.1641C12.6289 29.974 12.5169 29.8281 12.3711 29.7266C12.2279 29.625 12.0547 29.5742 11.8516 29.5742C11.651 29.5742 11.4766 29.625 11.3281 29.7266C11.1823 29.8281 11.069 29.974 10.9883 30.1641C10.9102 30.3516 10.8711 30.5781 10.8711 30.8438V30.8516C10.8711 31.112 10.9115 31.3385 10.9922 31.5312C11.0729 31.7214 11.1862 31.8672 11.332 31.9688C11.4805 32.0703 11.6536 32.1211 11.8516 32.1211ZM16.457 33.0664C16.1003 33.0664 15.7904 32.9779 15.5273 32.8008C15.2669 32.6211 15.0651 32.3659 14.9219 32.0352C14.7812 31.7044 14.7109 31.3099 14.7109 30.8516V30.8438C14.7109 30.3828 14.7799 29.987 14.918 29.6562C15.0586 29.3255 15.2591 29.0716 15.5195 28.8945C15.7799 28.7174 16.0924 28.6289 16.457 28.6289C16.6523 28.6289 16.8333 28.6602 17 28.7227C17.1693 28.7826 17.3177 28.8685 17.4453 28.9805C17.5729 29.0924 17.6719 29.2279 17.7422 29.3867H17.8125V27.0547H18.9531V33H17.8125V32.332H17.7422C17.6693 32.4857 17.5703 32.6172 17.4453 32.7266C17.3229 32.8359 17.1784 32.9206 17.0117 32.9805C16.8451 33.0378 16.6602 33.0664 16.457 33.0664ZM16.8438 32.1211C17.0469 32.1211 17.2214 32.0703 17.3672 31.9688C17.513 31.8672 17.625 31.7214 17.7031 31.5312C17.7839 31.3411 17.8242 31.1159 17.8242 30.8555V30.8477C17.8242 30.582 17.7839 30.3555 17.7031 30.168C17.625 29.9779 17.5117 29.832 17.3633 29.7305C17.2174 29.6263 17.0443 29.5742 16.8438 29.5742C16.6458 29.5742 16.4727 29.6263 16.3242 29.7305C16.1784 29.832 16.0664 29.9779 15.9883 30.168C15.9102 30.3555 15.8711 30.5807 15.8711 30.8438V30.8516C15.8711 31.1146 15.9102 31.3411 15.9883 31.5312C16.0664 31.7214 16.1784 31.8672 16.3242 31.9688C16.4701 32.0703 16.6432 32.1211 16.8438 32.1211ZM20.4648 33V29.5586H19.7695V28.6992H20.4648V28.2969C20.4648 28.0104 20.5156 27.7721 20.6172 27.582C20.7188 27.3919 20.8776 27.25 21.0938 27.1562C21.3125 27.0599 21.5951 27.0117 21.9414 27.0117C22.0586 27.0117 22.1641 27.0156 22.2578 27.0234C22.3542 27.0312 22.444 27.0417 22.5273 27.0547V27.8164C22.4909 27.8086 22.4427 27.8034 22.3828 27.8008C22.3255 27.7956 22.2604 27.793 22.1875 27.793C21.9661 27.793 21.8099 27.8438 21.7188 27.9453C21.6276 28.0443 21.582 28.1875 21.582 28.375V28.6992H22.4922V29.5586H21.6055V33H20.4648Z",
+      fill: "white"
+    }
+  )
+] });
+const FilePdfIcon = ({
   className,
-  label = "doc",
+  label,
   size,
   sizeConfig,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  Svg,
-  {
-    ...props,
-    className: clsx(
-      "str-chat__file-icon--doc",
-      !label && FILE_ICON_NO_LABEL_CLASSNAME,
-      className
-    ),
-    size,
-    sizeConfig,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("g", { className: FILE_ICON_GRAPHIC_CLASSNAME, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M0 4C0 1.79086 1.79086 0 4 0H22.4L32 10V36C32 38.2091 30.2091 40 28 40H4C1.79086 40 0 38.2091 0 36V4Z",
-            fill: "#3375E2"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
+}) => {
+  const useLegacyPdfMarkup = !!label;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Svg,
+    {
+      ...props,
+      className: clsx(
+        "str-chat__file-icon--pdf",
+        useLegacyPdfMarkup && FILE_ICON_NO_LABEL_CLASSNAME,
+        className
+      ),
+      size,
+      sizeConfig,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: FILE_ICON_GRAPHIC_CLASSNAME, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: FILE_ICON_PAPER_PATH, fill: "#E71A01" }),
+        useLegacyPdfMarkup ? PDF_LEGACY_SYMBOL : /* @__PURE__ */ jsxRuntime.jsx(
+          "g",
           {
-            d: "M32 10H25.4C23.7431 10 22.4 8.65685 22.4 7V0L32 10Z",
-            fill: "white",
-            opacity: "0.5"
+            transform: `scale(${FILE_ICON_WITHOUT_CAPTION_SYMBOL_SCALE_X} ${FILE_ICON_WITHOUT_CAPTION_SYMBOL_SCALE_Y})`,
+            children: PDF_SMALL_SYMBOL
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "14.4", x: "8", y: "12.2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "14.4", x: "8", y: "20.2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "9.6", x: "8", y: "16.2" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(FileIconLabel, { label, size, sizeConfig })
-    ]
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: FILE_ICON_FOLD_PATH, fill: "white", opacity: "0.5" })
+      ] })
+    }
+  );
+};
+const FileWordIcon = ({ className, label, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  StandardFileTypeIcon,
+  {
+    ...props,
+    className,
+    color: "#3375E2",
+    fileTypeClassName: "str-chat__file-icon--doc",
+    label,
+    symbols: TEXT_SYMBOLS
   }
 );
-const FilePowerPointIcon = ({
-  className,
-  label = "ppt",
-  size,
-  sizeConfig,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  Svg,
+const FilePowerPointIcon = ({ className, label, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  StandardFileTypeIcon,
   {
     ...props,
-    className: clsx(
-      "str-chat__file-icon--ppt",
-      !label && FILE_ICON_NO_LABEL_CLASSNAME,
-      className
-    ),
-    size,
-    sizeConfig,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("g", { className: FILE_ICON_GRAPHIC_CLASSNAME, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M0 4C0 1.79086 1.79086 0 4 0H22.4L32 10V36C32 38.2091 30.2091 40 28 40H4C1.79086 40 0 38.2091 0 36V4Z",
-            fill: "#D14423"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M32 10H25.4C23.7431 10 22.4 8.65685 22.4 7V0L32 10Z",
-            fill: "white",
-            opacity: "0.5"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M11.1666 11.5H20.8333M11.1666 21.8333C10.4303 21.8333 9.83331 21.2364 9.83331 20.5V14.8333C9.83331 14.097 10.4303 13.5 11.1666 13.5H20.8333C21.5697 13.5 22.1666 14.097 22.1666 14.8333V20.5C22.1666 21.2364 21.5697 21.8333 20.8333 21.8333H11.1666Z",
-            stroke: "white",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "1.2"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(FileIconLabel, { label, size, sizeConfig })
-    ]
+    className,
+    color: "#D14423",
+    fileTypeClassName: "str-chat__file-icon--ppt",
+    label,
+    symbols: PRESENTATION_SYMBOLS
   }
 );
-const FileExcelIcon = ({
-  className = "",
-  label = "xls",
-  size,
-  sizeConfig,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  Svg,
+const FileExcelIcon = ({ className = "", label, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  StandardFileTypeIcon,
   {
     ...props,
-    className: clsx(
-      "str-chat__file-icon--xls",
-      !label && FILE_ICON_NO_LABEL_CLASSNAME,
-      className
-    ),
-    size,
-    sizeConfig,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("g", { className: FILE_ICON_GRAPHIC_CLASSNAME, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M0 4C0 1.79086 1.79086 0 4 0H22.4L32 10V36C32 38.2091 30.2091 40 28 40H4C1.79086 40 0 38.2091 0 36V4Z",
-            fill: "#0C864B"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M15 11.5V11H14V11.5H15ZM14 22.5V23H15V22.5H14ZM10.5 15H10V16H10.5V15ZM21.5 16H22V15H21.5V16ZM21 13.6333V20.3667H22V13.6333H21ZM19.3667 22H12.6333V23H19.3667V22ZM11 20.3667V13.6333H10V20.3667H11ZM12.6333 12H19.3667V11H12.6333V12ZM12.6333 22C12.2517 22 11.9956 21.9996 11.7983 21.9835C11.6069 21.9679 11.5154 21.9399 11.455 21.9092L11.001 22.8002C11.2259 22.9147 11.4636 22.9595 11.7169 22.9802C11.9643 23.0004 12.2682 23 12.6333 23V22ZM10 20.3667C10 20.7318 9.99961 21.0357 10.0198 21.2831C10.0405 21.5364 10.0853 21.7741 10.1998 21.999L11.0908 21.545C11.0601 21.4846 11.0321 21.3931 11.0165 21.2017C11.0004 21.0044 11 20.7483 11 20.3667H10ZM11.455 21.9092C11.2982 21.8293 11.1707 21.7018 11.0908 21.545L10.1998 21.999C10.3756 22.3439 10.6561 22.6244 11.001 22.8002L11.455 21.9092ZM21 20.3667C21 20.7483 20.9996 21.0044 20.9835 21.2017C20.9679 21.3931 20.9399 21.4846 20.9092 21.545L21.8002 21.999C21.9147 21.7741 21.9595 21.5364 21.9802 21.2831C22.0004 21.0357 22 20.7318 22 20.3667H21ZM19.3667 23C19.7318 23 20.0357 23.0004 20.2831 22.9802C20.5364 22.9595 20.7741 22.9147 20.999 22.8002L20.545 21.9092C20.4846 21.9399 20.3931 21.9679 20.2017 21.9835C20.0044 21.9996 19.7483 22 19.3667 22V23ZM20.9092 21.545C20.8293 21.7018 20.7018 21.8293 20.545 21.9092L20.999 22.8002C21.3439 22.6244 21.6244 22.3439 21.8002 21.999L20.9092 21.545ZM22 13.6333C22 13.2682 22.0004 12.9643 21.9802 12.7169C21.9595 12.4636 21.9147 12.2259 21.8002 12.001L20.9092 12.455C20.9399 12.5154 20.9679 12.6069 20.9835 12.7983C20.9996 12.9956 21 13.2517 21 13.6333H22ZM19.3667 12C19.7483 12 20.0044 12.0004 20.2017 12.0165C20.3931 12.0321 20.4846 12.0601 20.545 12.0908L20.999 11.1998C20.7741 11.0853 20.5364 11.0405 20.2831 11.0198C20.0357 10.9996 19.7318 11 19.3667 11V12ZM21.8002 12.001C21.6244 11.6561 21.3439 11.3756 20.999 11.1998L20.545 12.0908C20.7018 12.1707 20.8293 12.2982 20.9092 12.455L21.8002 12.001ZM11 13.6333C11 13.2517 11.0004 12.9956 11.0165 12.7983C11.0321 12.6069 11.0601 12.5154 11.0908 12.455L10.1998 12.001C10.0853 12.2259 10.0405 12.4636 10.0198 12.7169C9.99961 12.9643 10 13.2682 10 13.6333H11ZM12.6333 11C12.2682 11 11.9643 10.9996 11.7169 11.0198C11.4636 11.0405 11.2259 11.0853 11.001 11.1998L11.455 12.0908C11.5154 12.0601 11.6069 12.0321 11.7983 12.0165C11.9956 12.0004 12.2517 12 12.6333 12V11ZM11.0908 12.455C11.1707 12.2982 11.2982 12.1707 11.455 12.0908L11.001 11.1998C10.6561 11.3756 10.3756 11.6561 10.1998 12.001L11.0908 12.455ZM14 11.5V15.5H15V11.5H14ZM14 15.5V22.5H15V15.5H14ZM10.5 16H14.5V15H10.5V16ZM14.5 16H21.5V15H14.5V16Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M32 10H25.4C23.7431 10 22.4 8.65685 22.4 7V0L32 10Z",
-            fill: "white",
-            opacity: "0.5"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(FileIconLabel, { label, size, sizeConfig })
-    ]
+    className,
+    color: "#0C864B",
+    fileTypeClassName: "str-chat__file-icon--xls",
+    label,
+    symbols: SPREADSHEET_SYMBOLS
   }
 );
 const FileArchiveIcon = ({
   className = "",
   label = "",
-  size,
-  sizeConfig,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  Svg,
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  StandardFileTypeIcon,
   {
     ...props,
-    className: clsx(
-      "str-chat__file-icon--compressed",
-      !label && FILE_ICON_NO_LABEL_CLASSNAME,
-      className
-    ),
-    size,
-    sizeConfig,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("g", { className: FILE_ICON_GRAPHIC_CLASSNAME, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M0 4C0 1.79086 1.79086 0 4 0H22.4L32 10V36C32 38.2091 30.2091 40 28 40H4C1.79086 40 0 38.2091 0 36V4Z",
-            fill: "#E59E34"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            clipRule: "evenodd",
-            d: "M9.41177 0H7.52942V2H9.41177V4H7.52942V6H9.41177V8H7.52942V10H9.41177V12H7.52942V14H9.41177V12H11.2941V10H9.41177V8H11.2941V6H9.41177V4H11.2941V2H9.41177V0ZM7.52942 17C7.52942 16.4477 7.9508 16 8.4706 16H10.3529C10.8727 16 11.2941 16.4477 11.2941 17V23C11.2941 23.5523 10.8727 24 10.3529 24H8.4706C7.9508 24 7.52942 23.5523 7.52942 23V17ZM8.4706 23V20H10.3529V23H8.4706Z",
-            fill: "white",
-            fillRule: "evenodd"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M32 10H25.4C23.7431 10 22.4 8.65685 22.4 7V0L32 10Z",
-            fill: "white",
-            opacity: "0.5"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(FileIconLabel, { label, size, sizeConfig })
-    ]
+    className,
+    color: "#E59E34",
+    fileTypeClassName: "str-chat__file-icon--compressed",
+    label,
+    symbols: COMPRESSION_SYMBOLS
   }
 );
-const FileCodeIcon = ({
-  className = "",
-  label = "code",
-  size,
-  sizeConfig,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  Svg,
+const FileCodeIcon = ({ className = "", label, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  StandardFileTypeIcon,
   {
     ...props,
-    className: clsx(
-      "str-chat__file-icon--code",
-      !label && FILE_ICON_NO_LABEL_CLASSNAME,
-      className
-    ),
-    size,
-    sizeConfig,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("g", { className: FILE_ICON_GRAPHIC_CLASSNAME, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M0 4C0 1.79086 1.79086 0 4 0H22.4L32 10V36C32 38.2091 30.2091 40 28 40H4C1.79086 40 0 38.2091 0 36V4Z",
-            fill: "#00ACA1"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M14.8333 15L13.3047 16.5286C13.0444 16.7889 13.0444 17.2111 13.3047 17.4714L14.8333 19M17.1667 15L18.6953 16.5286C18.9556 16.7889 18.9556 17.2111 18.6953 17.4714L17.1667 19M11.8333 22.5H20.1667C20.9031 22.5 21.5 21.9031 21.5 21.1667V12.8333C21.5 12.097 20.9031 11.5 20.1667 11.5H11.8333C11.097 11.5 10.5 12.097 10.5 12.8333V21.1667C10.5 21.9031 11.097 22.5 11.8333 22.5Z",
-            stroke: "white",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "1.2"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M32 10H25.4C23.7431 10 22.4 8.65685 22.4 7V0L32 10Z",
-            fill: "white",
-            opacity: "0.5"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(FileIconLabel, { label, size, sizeConfig })
-    ]
+    className,
+    color: "#00ACA1",
+    fileTypeClassName: "str-chat__file-icon--code",
+    label,
+    symbols: CODE_SYMBOLS
   }
 );
-const FileAudioIcon = ({
-  className = "",
-  label = "audio",
-  size,
-  sizeConfig,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  Svg,
+const FileAudioIcon = ({ className = "", label, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  StandardFileTypeIcon,
   {
     ...props,
-    className: clsx(
-      "str-chat__file-icon--audio",
-      !label && FILE_ICON_NO_LABEL_CLASSNAME,
-      className
-    ),
-    size,
-    sizeConfig,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("g", { className: FILE_ICON_GRAPHIC_CLASSNAME, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M0 4C0 1.79086 1.79086 0 4 0H22.4L32 10V36C32 38.2091 30.2091 40 28 40H4C1.79086 40 0 38.2091 0 36V4Z",
-            fill: "#2727B0"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M20.8318 12.1679C22.0684 13.4045 22.8333 15.1128 22.8333 16.9998C22.8333 18.8867 22.0684 20.595 20.8318 21.8316M18.5927 14.4075C19.2562 15.071 19.6666 15.9876 19.6666 17.0002C19.6666 18.0127 19.2562 18.9294 18.5927 19.5929M10.5 14.1666H11.5699C11.8495 14.1666 12.1221 14.0787 12.349 13.9153L15.6385 11.5468C15.859 11.3881 16.1666 11.5456 16.1666 11.8173V22.1825C16.1666 22.4542 15.859 22.6118 15.6385 22.453L12.349 20.0845C12.1221 19.9211 11.8495 19.8332 11.5699 19.8332H10.5C9.76358 19.8332 9.16663 19.2363 9.16663 18.4999V15.4999C9.16663 14.7635 9.76358 14.1666 10.5 14.1666Z",
-            stroke: "white",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "1.2"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M32 10H25.4C23.7431 10 22.4 8.65685 22.4 7V0L32 10Z",
-            fill: "white",
-            opacity: "0.5"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(FileIconLabel, { label, size, sizeConfig })
-    ]
+    className,
+    color: "#2727B0",
+    fileTypeClassName: "str-chat__file-icon--audio",
+    label,
+    symbols: AUDIO_SYMBOLS
   }
 );
-const FileVideoIcon = ({ className = "", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
+const FileVideoIcon = ({ className = "", label, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  StandardFileTypeIcon,
   {
-    className: clsx("rfu-file-video", className),
-    fill: "none",
-    viewBox: "0 0 34 40",
-    xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          clipRule: "evenodd",
-          d: "M17.7168 33.172C18.2348 33.172 18.4238 33.655 18.4238 34.18C18.4238 34.642 18.2978 35.195 17.7168 35.195C17.1708 35.195 16.9888 34.642 16.9888 34.145C16.9888 33.683 17.1708 33.172 17.7168 33.172ZM19.5718 31.002H18.3818V32.7589H18.3678C18.1228 32.43 17.7798 32.262 17.3318 32.262C16.3028 32.262 15.7988 33.158 15.7988 34.103C15.7988 35.125 16.2818 36.1049 17.4228 36.1049C17.8428 36.1049 18.1928 35.923 18.4238 35.58H18.4378V36H19.5718V31.002ZM12.7095 34.1872C12.7095 33.7252 12.8775 33.1722 13.4305 33.1722C13.9835 33.1722 14.1585 33.7252 14.1585 34.1872C14.1585 34.6492 13.9835 35.1952 13.4305 35.1952C12.8775 35.1952 12.7095 34.6492 12.7095 34.1872ZM11.5195 34.1872C11.5195 35.2792 12.3035 36.1052 13.4305 36.1052C14.5575 36.1052 15.3485 35.2792 15.3485 34.1872C15.3485 33.0952 14.5575 32.2622 13.4305 32.2622C12.3035 32.2622 11.5195 33.0952 11.5195 34.1872ZM21.839 32.3671H22.574V33.1371H21.839V34.7891C21.839 35.0761 22.007 35.1391 22.266 35.1391C22.3142 35.1391 22.364 35.1357 22.4147 35.1323C22.4672 35.1287 22.5206 35.1251 22.574 35.1251V36.0001C22.481 36.0031 22.388 36.0099 22.295 36.0168C22.171 36.0259 22.047 36.0351 21.923 36.0351C20.908 36.0351 20.649 35.7411 20.649 34.7541V33.1371H20.047V32.3671H20.649V31.2681H21.839V32.3671Z",
-          fill: "white",
-          fillRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M0 28H34V37C34 38.6569 32.6569 40 31 40H3C1.34315 40 0 38.6569 0 37V28Z",
-          fill: "#9D27B0"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 3C0 1.34315 1.34315 0 3 0H23L34 11V28H0V3Z", fill: "#F5F5F5" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M34 11L26 11C24.3431 11 23 9.65685 23 8V0L34 11Z", fill: "#DBDBDB" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M9 17H25V24H9V17ZM27 14C27 12.8954 26.1046 12 25 12H22L24 15H21L19 12H17L19 15H16L14 12H12L14 15H11L9 12C7.9 12 7.01 12.9 7.01 14L7 24C7 25.1 7.9 26 9 26H25C26.1 26 27 25.1 27 24V14Z",
-          fill: "#9D27B0"
-        }
-      )
-    ]
+    className,
+    color: "#A847B7",
+    fileTypeClassName: "str-chat__file-icon--video",
+    label,
+    symbols: VIDEO_SYMBOLS
   }
 );
-const FileFallbackIcon = ({ className = "", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Svg,
+const FileFallbackIcon = ({
+  className = "",
+  label = "",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  StandardFileTypeIcon,
   {
     ...props,
-    className: clsx(
-      "str-chat__file-icon--other",
-      FILE_ICON_NO_LABEL_CLASSNAME,
-      className
-    ),
-    children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: FILE_ICON_GRAPHIC_CLASSNAME, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M0 4C0 1.79086 1.79086 0 4 0H22.4L32 10V36C32 38.2091 30.2091 40 28 40H4C1.79086 40 0 38.2091 0 36V4Z",
-          fill: "#888888"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M32 10H25.4C23.7431 10 22.4 8.65685 22.4 7V0L32 10Z",
-          fill: "white",
-          opacity: "0.5"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "14.4", x: "8", y: "13.2" }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "14.4", x: "8", y: "21.2" }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "1.6", rx: "0.8", width: "9.6", x: "8", y: "17.2" })
-    ] })
+    className,
+    color: "#888888",
+    fileTypeClassName: "str-chat__file-icon--other",
+    label,
+    symbols: OTHER_SYMBOLS
   }
 );
 const wordMimeTypes = [
@@ -13158,7 +13128,6 @@ const FileIcon = (props) => {
   const {
     className,
     fileName,
-    hideLabel,
     mimeType,
     size = "md",
     sizeConfig: sizeConfigOverride,
@@ -13169,12 +13138,12 @@ const FileIcon = (props) => {
     [sizeConfigOverride]
   );
   const Icon = mimeTypeToIcon(mimeType);
-  const label = hideLabel ? void 0 : labelFromMimeType({ fileName, mimeType });
+  const label = fileName ? labelFromMimeType({ fileName, mimeType }) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Icon,
     {
       ...rest,
-      className: clsx(className, hideLabel && FILE_ICON_NO_LABEL_CLASSNAME),
+      className,
       label,
       size,
       sizeConfig
@@ -20656,6 +20625,79 @@ const DeleteMessageAlert = ({ onCancel, onDelete }) => {
     }
   );
 };
+const isDownloadableAttachment = (attachment) => {
+  if (!attachment || typeof attachment !== "object") return false;
+  const typedAttachment = attachment;
+  return streamChat.isFileAttachment(typedAttachment) || streamChat.isImageAttachment(typedAttachment) || streamChat.isVideoAttachment(typedAttachment) || streamChat.isAudioAttachment(typedAttachment) || streamChat.isVoiceRecordingAttachment(typedAttachment);
+};
+const triggerUrlDownload = ({
+  filename,
+  openInNewTab,
+  revokeObjectUrl,
+  url
+}) => {
+  const anchor = document.createElement("a");
+  anchor.download = filename;
+  anchor.href = url;
+  anchor.rel = "noopener noreferrer";
+  if (openInNewTab && !url.startsWith("blob:")) {
+    anchor.target = "_blank";
+  }
+  document.body.append(anchor);
+  anchor.click();
+  anchor.remove();
+  const shouldRevokeObjectUrl = revokeObjectUrl ?? url.startsWith("blob:");
+  if (shouldRevokeObjectUrl && url.startsWith("blob:")) {
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+  }
+};
+const fetchRemoteAttachmentAsObjectUrl = async (url) => {
+  if (typeof fetch !== "function") return null;
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(`Failed to fetch attachment, status ${response.status}`);
+  }
+  const blob = await response.blob();
+  return URL.createObjectURL(blob);
+};
+const downloadAttachment = async (attachment, options = {}) => {
+  const { openRemoteInNewTab = true, preferRemoteFetch = true } = options;
+  const titleFallback = attachment.title ?? "downloaded-attachment";
+  const rawFile = attachment.localMetadata?.file;
+  if (rawFile instanceof Blob) {
+    const filename2 = rawFile instanceof File && rawFile.name ? rawFile.name : titleFallback;
+    triggerUrlDownload({
+      filename: filename2,
+      url: URL.createObjectURL(rawFile)
+    });
+    return;
+  }
+  const filename = rawFile && typeof rawFile === "object" && "name" in rawFile && typeof rawFile.name === "string" ? rawFile.name : titleFallback;
+  const url = attachment.asset_url ?? attachment.image_url;
+  if (!url) return;
+  if (preferRemoteFetch) {
+    try {
+      const objectUrl = await fetchRemoteAttachmentAsObjectUrl(url);
+      if (objectUrl) {
+        triggerUrlDownload({
+          filename,
+          url: objectUrl
+        });
+        return;
+      }
+    } catch {
+    }
+  }
+  triggerUrlDownload({ filename, openInNewTab: openRemoteInNewTab, url });
+};
+const downloadAllAttachments = async (attachments) => {
+  for (const attachment of attachments) {
+    await downloadAttachment(attachment, {
+      openRemoteInNewTab: true,
+      preferRemoteFetch: true
+    });
+  }
+};
 const msgActionsBoxButtonClassName = "str-chat__message-actions-list-item-button";
 const getErrorMessage = (error, fallback) => error instanceof Error && error.message ? error.message : fallback;
 const getNotificationError = (error) => {
@@ -20769,6 +20811,82 @@ const DefaultMessageActionComponents = {
         }
       );
     },
+    Download() {
+      const { closeMenu, openSubmenu } = useContextMenuContext();
+      const { message } = useMessageContext();
+      const { t } = WithAudioPlayback.useTranslationContext();
+      const downloadableAttachments = (message.attachments ?? []).filter(
+        isDownloadableAttachment
+      );
+      if (!downloadableAttachments.length) return null;
+      const DownloadSubmenuHeader = () => {
+        const { returnToParentMenu: goBack } = useContextMenuContext();
+        const { t: translate } = WithAudioPlayback.useTranslationContext();
+        return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuBackButton, { onClick: goBack, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconChevronLeft, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: translate("Download Attachment") })
+        ] }) });
+      };
+      const DownloadSubmenu = () => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          "aria-label": t("aria/Download attachment"),
+          className: "str-chat__message-actions-box__submenu str-chat__message-actions-box__submenu--download-attachments",
+          role: "listbox",
+          children: [
+            downloadableAttachments.map((attachment, index) => {
+              const fileName = attachment.localMetadata?.file?.name ?? attachment.title ?? t("Download Attachment");
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                ContextMenuButton,
+                {
+                  className: msgActionsBoxButtonClassName,
+                  Icon: WithAudioPlayback.IconDownload,
+                  onClick: () => {
+                    void downloadAttachment(attachment);
+                    closeMenu();
+                  },
+                  children: `Download ${fileName}`
+                },
+                attachment.localMetadata?.id ?? attachment.asset_url ?? attachment.image_url ?? `${fileName}-${index}`
+              );
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ContextMenuButton,
+              {
+                className: msgActionsBoxButtonClassName,
+                Icon: WithAudioPlayback.IconDownload,
+                onClick: () => {
+                  void downloadAllAttachments(downloadableAttachments);
+                  closeMenu();
+                },
+                children: t("Download All")
+              }
+            )
+          ]
+        }
+      );
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ContextMenuButton,
+        {
+          "aria-label": t("aria/Download attachment"),
+          className: msgActionsBoxButtonClassName,
+          hasSubMenu: downloadableAttachments.length > 1,
+          Icon: WithAudioPlayback.IconDownload,
+          onClick: () => {
+            if (downloadableAttachments.length > 1) {
+              openSubmenu({
+                Header: DownloadSubmenuHeader,
+                Submenu: DownloadSubmenu
+              });
+              return;
+            }
+            void downloadAttachment(downloadableAttachments[0]);
+            closeMenu();
+          },
+          children: t("Download Attachment")
+        }
+      );
+    },
     Pin() {
       const { closeMenu } = useContextMenuContext();
       const { handlePin, message } = useMessageContext();
@@ -21293,6 +21411,11 @@ const defaultMessageActionSet = [
     placement: "dropdown",
     type: "quote"
   },
+  {
+    Component: DefaultMessageActionComponents.dropdown.Download,
+    placement: "dropdown",
+    type: "download"
+  },
   {
     Component: DefaultMessageActionComponents.dropdown.Pin,
     placement: "dropdown",
@@ -21413,6 +21536,7 @@ const MessageActions = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             ContextMenuComponent,
             {
+              allowFlip: false,
               backLabel: t("Back"),
               className: clsx("str-chat__message-actions-box", {
                 "str-chat__message-actions-box--hidden": dropdownReactionSelectorDialogIsOpen,
@@ -27226,17 +27350,7 @@ const AudioAttachmentUI = ({ audioPlayer }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rootClassName2, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__message-attachment-audio-widget--play-controls", children: /* @__PURE__ */ jsxRuntime.jsx(PlayButton, { isPlaying: !!isPlaying, onClick: audioPlayer.togglePlay }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__message-attachment-audio-widget--data", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__message-attachment-audio-widget--text-first-row", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__message-attachment-audio-widget--title", children: audioPlayer.title }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FileIcon,
-          {
-            className: "str-chat__file-icon",
-            mimeType: audioPlayer.mimeType,
-            size: "sm"
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__message-attachment-audio-widget--text-first-row", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__message-attachment-audio-widget--title", children: audioPlayer.title }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__message-attachment-audio-widget--text-second-row", children: durationSeconds ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           DurationDisplay,
@@ -27251,7 +27365,9 @@ const AudioAttachmentUI = ({ audioPlayer }) => {
         /* @__PURE__ */ jsxRuntime.jsx(FileSizeIndicator$1, { fileSize: audioPlayer.fileSize }),
         /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { progress: progress ?? 0, seek: audioPlayer.seek })
       ] }) })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { className: "str-chat__file-icon", mimeType: audioPlayer.mimeType }),
+    /* @__PURE__ */ jsxRuntime.jsx(DownloadButton, { assetUrl: audioPlayer.src, suggestedFileName: audioPlayer.title })
   ] });
 };
 const audioPlayerStateSelector$1 = (state) => ({
@@ -27639,6 +27755,23 @@ const ImageComponent = (galleryItem) => {
   const { ModalGallery: ModalGallery$1 = ModalGallery } = WithAudioPlayback.useComponentContext();
   return /* @__PURE__ */ jsxRuntime.jsx(ModalGallery$1, { items: [galleryItem], modalClassName: "str-chat__image-modal" });
 };
+const UnMemoizedSafeAnchor = (props) => {
+  const { children, className, download, href, rel, target } = props;
+  if (!href) return null;
+  const sanitized = sanitizeUrl.sanitizeUrl(href);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      className,
+      download,
+      href: sanitized,
+      rel,
+      target,
+      children
+    }
+  );
+};
+const SafeAnchor = React.memo(UnMemoizedSafeAnchor);
 const UnableToRenderCard = ({ type }) => {
   const { t } = WithAudioPlayback.useTranslationContext("Card");
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -27753,7 +27886,14 @@ const FileAttachment = ({ attachment }) => {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__message-attachment-file--item__data", children: /* @__PURE__ */ jsxRuntime.jsx(FileSizeIndicator$1, { fileSize: attachment.file_size }) })
-        ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DownloadButton,
+          {
+            assetUrl: attachment.asset_url,
+            suggestedFileName: attachment.title
+          }
+        )
       ]
     }
   );
@@ -27808,6 +27948,7 @@ const GiphyBadge = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "st
   /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconGiphy, {}),
   "Giphy"
 ] });
+const ExternalLinkIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.586 2H10a1 1 0 1 1 0-2h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V3.414l-6.793 6.793a1 1 0 0 1-1.414-1.414L12.586 2zM6 1a1 1 0 1 1 0 2H3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h8.967a1 1 0 0 0 1-.99L13 9.99a1 1 0 1 1 2 .02l-.033 3.023a3 3 0 0 1-3 2.967H3a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h3z" }) });
 const Geolocation = ({
   GeolocationAttachmentMapPlaceholder = DefaultGeolocationAttachmentMapPlaceholder,
   GeolocationMap,
@@ -28387,7 +28528,7 @@ const useChat = ({
   };
   React.useEffect(() => {
     if (!client) return;
-    const version = "14.0.0-beta.8";
+    const version = "14.0.0";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
@@ -28688,6 +28829,7 @@ exports.IconClock = WithAudioPlayback.IconClock;
 exports.IconCommand = WithAudioPlayback.IconCommand;
 exports.IconCopy = WithAudioPlayback.IconCopy;
 exports.IconDelete = WithAudioPlayback.IconDelete;
+exports.IconDownload = WithAudioPlayback.IconDownload;
 exports.IconEdit = WithAudioPlayback.IconEdit;
 exports.IconEmoji = WithAudioPlayback.IconEmoji;
 exports.IconEmojiAdd = WithAudioPlayback.IconEmojiAdd;