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

package/dist/es/index.mjs

@@ -3,8 +3,8 @@ import clsx from "clsx";
 import { nanoid } from "nanoid";
 import React, { useState, useEffect, useCallback, useLayoutEffect, useMemo, useContext, createContext, useRef, forwardRef, createElement, Component, Fragment as Fragment$1 } from "react";
 import { u as useHandleFileChangeWrapper, d as dataTransferItemsToFiles, r as renderAudio, t as toAudioBuffer, c as createFileFromBlobs, g as getExtensionFromMimeType, a as getRecordedMediaTypeFromMimeType } from "./audioProcessing.21cb49e1.mjs";
-import { u as useStateStore, a as useMessageComposerController, i as isMessageBounced, b as useChannelActionContext, C as ComponentContext, c as useTranslationContext, d as useChannelStateContext, e as useChatContext, f as isNotificationForPanel, B as BaseIcon, g as Button, I as IconPause, h as IconPlaySolid, j as getDefaultExportFromCjs, k as defaultTranslatorFunction, p as predefinedFormatters, L as LocalizedFormat, l as calendar, m as IconLoadingCircle, n as isNetworkSendFailure, v as validateAndGetMessage, o as isUserMuted, q as defaultPinPermissions, r as useThreadContext, s as usePopoverPosition, t as useComponentContext, w as IconCrossMedium, x as IconPeople, y as IconExclamation, z as IconChevronRight, A as IconChevronLeft, D as IconArrowLeft, E as IconExclamationCircle, F as IconCircleBanSign, G as isMessageErrorRetryable, H as ACTIONS_NOT_WORKING_IN_THREAD, J as useNotificationTarget, K as IconArrowRightUp, M as addNotificationTargetTag, N as IconPin, O as mapToUserNameOrId, P as IconClock, Q as IconCheckmark1Small, R as IconDoubleCheckmark1Small, S as getReadByTooltipText, T as messageHasAttachments, U as messageTextHasEmojisOnly, V as isDate, W as getDateString, X as IconTranslate, Y as useMessageComposerContext, Z as useIsCooldownActive, _ as IconCrossSmall, $ as IconImages1Alt, a0 as IconChart5, a1 as IconMapPin, a2 as IconFileBend, a3 as IconChainLink, a4 as IconVideo, a5 as IconVideoSolid, a6 as IconMicrophone, a7 as IconBookmark, a8 as IconBellNotification, a9 as IconChevronDown, aa as IconPlusSmall, ab as IconCheckmark2, ac as DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD, ad as IconTrophy, ae as IconDotGrid2x3, af as IconCircleMinus, ag as IconPaperPlane, ah as IconVolumeFull, ai as IconPeopleAdd, aj as IconMute, ak as IconFlag2, al as IconPeopleRemove, am as IconPaperclip, an as IconRunShortcut, ao as CHANNEL_CONTAINER_ID, ap as IconPlusLarge, aq as IconExclamationTriangle, ar as useAudioPlayer, as as IconArrowRotateClockwise, at as IconArrowDownCircle, au as IconThunder, av as IconTrashBin, aw as IconFileArrowLeftIn, ax as MessageComposerContextProvider, ay as useTypingContext, az as defaultDateTimeParser, aA as isLanguageSupported, aB as IconLayoutAlignLeft, aC as useChatViewContext, aD as MESSAGE_ACTIONS, aE as LegacyThreadContext, aF as IconArrowShareLeft, aG as IconEmojiSmile, aH as IconDotGrid1x3Horizontal, aI as IconPeopleAdded, aJ as IconBookmarkRemove, aK as IconBellOff, aL as IconBubbleWideNotificationChatMessage, aM as IconEditBig, aN as IconSquareBehindSquare2_Copy, aO as IconUnpin, aP as IconCloseQuote2, aQ as IconBubbleText6ChatMessage, aR as areMessageUIPropsEqual, aS as isDateSeparatorMessage, aT as isMessageBlocked, aU as messageHasSingleAttachment, aV as messageHasGiphyAttachment, aW as messageHasReactions, aX as isMessageEdited, aY as countEmojis, aZ as areMessagePropsEqual, a_ as getMessageActions, a$ as processMessages, b0 as insertIntro, b1 as getGroupStyles, b2 as getLastReceived, b3 as IconArrowUp, b4 as isIntroMessage, b5 as isLocalMessage, b6 as getIsFirstUnreadMessage, b7 as IconArrowDown, b8 as DEFAULT_NEXT_CHANNEL_PAGE_SIZE, b9 as EmptyStateIndicator, ba as getChannel, bb as IconMagnifyingGlassSearch, bc as IconCircleX, bd as useChannelListContext, be as DEFAULT_JUMP_TO_PAGE_SIZE, bf as ChannelListContextProvider, bg as IconArchive, bh as IconArrowBoxLeft, bi as IconCamera1, bj as IconExclamationCircle1, bk as ChatProvider, bl as TranslationProvider, bm as useThreadsViewContext, bn as IconBubbles, bo as IconArrowRotateRightLeftRepeatRefresh, bp as IconEyeOpen } from "./WithAudioPlayback.a3d5a2fc.mjs";
-import { bu, bx, dc, dd, de, df, dg, dh, bz, bC, by, bB, bD, di, bG, bH, bI, bJ, bK, bL, bM, bN, bO, bP, bQ, bR, bT, bS, bU, bV, bW, bX, bY, bZ, b_, b$, c0, c1, c2, c3, c4, c5, c6, c7, c8, c9, ca, cb, cc, cd, ce, cf, cg, ch, ci, cj, ck, cl, cm, cn, co, cp, cq, cr, cs, ct, cu, cv, cw, cx, cy, cz, cA, cB, cC, cD, cE, cF, cG, cH, cI, cJ, cK, cL, cM, cN, cO, cP, cQ, cR, cS, cT, cU, cV, cW, cX, cY, cZ, c_, dj, c$, da, db, dk, dl, dm, br, bF, bE, bs, bt, d0, d1, d7, d8, d4, d5, dn, d6, dp, d3, d2, bq, bA, bv, bw, d9 } from "./WithAudioPlayback.a3d5a2fc.mjs";
+import { u as useStateStore, a as useMessageComposerController, i as isMessageBounced, b as useChannelActionContext, C as ComponentContext, c as useTranslationContext, d as useChannelStateContext, e as useChatContext, f as isNotificationForPanel, B as Button, I as IconPauseFill, g as IconPlayFill, h as getDefaultExportFromCjs, j as defaultTranslatorFunction, p as predefinedFormatters, L as LocalizedFormat, k as calendar, l as IconLoading, m as isNetworkSendFailure, v as validateAndGetMessage, n as isUserMuted, o as defaultPinPermissions, q as useThreadContext, r as usePopoverPosition, s as useComponentContext, t as IconXmark, w as IconUser, x as IconExclamationMarkFill, y as IconChevronRight, z as IconChevronLeft, A as IconArrowLeft, D as IconExclamationMark, E as IconNoSign, F as isMessageErrorRetryable, G as ACTIONS_NOT_WORKING_IN_THREAD, H as useNotificationTarget, J as IconArrowUpRight, K as addNotificationTargetTag, M as IconPin, N as mapToUserNameOrId, O as IconClock, P as IconCheckmark1Small, Q as IconChecks, R as getReadByTooltipText, S as messageHasAttachments, T as messageTextHasEmojisOnly, U as isDate, V as getDateString, W as IconTranslate, X as useMessageComposerContext, Y as useIsCooldownActive, Z as IconCrossSmall, _ as IconImage, $ as IconPoll, a0 as IconLocation, a1 as IconFile, a2 as IconLink, a3 as IconVideo, a4 as IconVideoFill, a5 as IconVoice, a6 as IconSave, a7 as IconBell, a8 as IconChevronDown, a9 as IconPlusSmall, aa as IconCheckmark, ab as DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD, ac as IconTrophy, ad as IconReorder, ae as IconMinusCircle, af as IconSend, ag as IconAudio, ah as IconUserAdd, ai as IconMute, aj as IconGiphy, ak as IconFlag, al as IconUserRemove, am as IconAttachment, an as IconCommand, ao as CHANNEL_CONTAINER_ID, ap as IconPlus, aq as IconExclamationTriangle, ar as useAudioPlayer, as as IconRetry, at as IconArrowDownCircle, au as IconBolt, av as IconDelete, aw as IconUpload, ax as MessageComposerContextProvider, ay as useTypingContext, az as defaultDateTimeParser, aA as isLanguageSupported, aB as IconSidebar, aC as useChatViewContext, aD as MESSAGE_ACTIONS, aE as LegacyThreadContext, aF as IconReply, aG as IconEmoji, aH as IconMore, aI as IconUserCheck, aJ as IconUnsave, aK as IconBellOff, aL as IconNotification, aM as IconEdit, aN as IconCopy, aO as IconUnpin, aP as IconQuote, aQ as IconThread, aR as areMessageUIPropsEqual, aS as isDateSeparatorMessage, aT as isMessageBlocked, aU as messageHasSingleAttachment, aV as messageHasGiphyAttachment, aW as messageHasReactions, aX as isMessageEdited, aY as countEmojis, aZ as areMessagePropsEqual, a_ as getMessageActions, a$ as processMessages, b0 as insertIntro, b1 as getGroupStyles, b2 as getLastReceived, b3 as IconArrowUp, b4 as isIntroMessage, b5 as isLocalMessage, b6 as getIsFirstUnreadMessage, b7 as IconArrowDown, b8 as DEFAULT_NEXT_CHANNEL_PAGE_SIZE, b9 as EmptyStateIndicator, ba as getChannel, bb as IconSearch, bc as IconXCircle, bd as useChannelListContext, be as DEFAULT_JUMP_TO_PAGE_SIZE, bf as ChannelListContextProvider, bg as IconArchive, bh as IconLeave, bi as IconCamera, bj as IconExclamationCircleFill, bk as ChatProvider, bl as TranslationProvider, bm as useThreadsViewContext, bn as IconMessageBubbles, bo as IconRefresh, bp as IconEyeOpen } from "./WithAudioPlayback.e7821fd4.mjs";
+import { bu, bx, bY, bZ, b_, b$, c0, c1, bz, bC, by, bB, bD, c2, bG, bH, bI, bJ, bK, c3, bL, bW, bX, c4, c5, c6, br, bF, bE, bs, bt, bM, bN, bT, bU, bQ, bR, c7, bS, c8, bP, bO, bq, bA, bv, bw, bV } from "./WithAudioPlayback.e7821fd4.mjs";
 import { StateStore, formatMessage, MessageComposer as MessageComposer$1, isGiphyAttachment, isScrapedContent, isLocalVideoAttachment, isVideoAttachment, isLocalImageAttachment, isImageAttachment, isAudioAttachment, isVoiceRecordingAttachment, isFileAttachment, isVoteAnswer, VotingVisibility, isLocalVoiceRecordingAttachment, isLocalAudioAttachment, isLocalFileAttachment, isLocalAttachment, LinkPreviewsManager, SearchController, ChannelSearchSource, UserSearchSource, MessageSearchSource, StreamChat, isSharedLocationResponse, LiveLocationManager } from "stream-chat";
 import throttle from "lodash.throttle";
 import * as linkify from "linkifyjs";
@@ -275,7 +275,8 @@ const DialogPortalDestination = () => {
   useEffect(() => {
     if (!destinationRoot || !dialogManager) return;
     const handleDocumentClick = (event) => {
-      if (destinationRoot.contains(event.target)) return;
+      const target = event.target;
+      if (target !== destinationRoot && destinationRoot.contains(target)) return;
       setTimeout(() => {
         Object.values(dialogManager.state.getLatestValue().dialogsById).forEach(
           (dialog) => {
@@ -302,21 +303,6 @@ const DialogPortalDestination = () => {
       className: "str-chat__dialog-overlay",
       "data-str-chat__portal-id": dialogManager?.id,
       "data-testid": "str-chat__dialog-overlay",
-      onClick: (event) => {
-        if (!dialogManager) return;
-        if (event.target !== event.currentTarget) return;
-        Object.values(dialogManager.state.getLatestValue().dialogsById).forEach(
-          (dialog) => {
-            if (!dialog.isOpen) return;
-            if (!shouldCloseOnOutsideClick({
-              dialog,
-              managerCloseOnClickOutside: dialogManager.closeOnClickOutside
-            }))
-              return;
-            dialogManager.close(dialog.id);
-          }
-        );
-      },
       ref: setDestinationRoot,
       style: {
         "--str-chat__dialog-overlay-height": openedDialogCount > 0 ? "100%" : "0"
@@ -474,6 +460,38 @@ const useMessageContext = (_componentName) => {
   }
   return contextValue;
 };
+const snapshots = /* @__PURE__ */ new WeakMap();
+const savePreEditSnapshot = (messageComposer) => {
+  if (snapshots.has(messageComposer)) return;
+  const composerState = messageComposer.state.getLatestValue();
+  const textState = messageComposer.textComposer.state.getLatestValue();
+  const attachmentState = messageComposer.attachmentManager.state.getLatestValue();
+  const linkPreviewState = messageComposer.linkPreviewsManager.state.getLatestValue();
+  const locationState = messageComposer.locationComposer.state.getLatestValue();
+  const pollState = messageComposer.pollComposer.state.getLatestValue();
+  const customDataState = messageComposer.customDataManager.state.getLatestValue();
+  snapshots.set(messageComposer, () => {
+    messageComposer.state.next(composerState);
+    messageComposer.textComposer.state.next(textState);
+    messageComposer.attachmentManager.state.next(attachmentState);
+    messageComposer.linkPreviewsManager.state.next(linkPreviewState);
+    messageComposer.locationComposer.state.next(locationState);
+    messageComposer.pollComposer.state.next(pollState);
+    messageComposer.customDataManager.state.next(customDataState);
+  });
+};
+const restorePreEditSnapshot = (messageComposer) => {
+  const restore = snapshots.get(messageComposer);
+  snapshots.delete(messageComposer);
+  if (restore) {
+    restore();
+  } else {
+    messageComposer.clear();
+  }
+};
+const discardPreEditSnapshot = (messageComposer) => {
+  snapshots.delete(messageComposer);
+};
 const MessageBounceContext = createContext(
   void 0
 );
@@ -502,6 +520,7 @@ function MessageBounceProvider({ children }) {
   const handleEdit = useCallback(
     (e) => {
       e.preventDefault();
+      savePreEditSnapshot(messageComposer);
       messageComposer.initState({ composition: message });
     },
     [message, messageComposer]
@@ -710,49 +729,6 @@ const useNotifications = (options) => {
   const { notifications } = useStateStore(client.notifications.store, selector2);
   return notifications;
 };
-const IconGiphy = ({ className, ...props }) => /* @__PURE__ */ jsxs(
-  BaseIcon,
-  {
-    ...props,
-    className: clsx("str-chat__icon--giphy", className),
-    viewBox: "0 0 16 16",
-    children: [
-      /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_4197_15218)", children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            clipRule: "evenodd",
-            d: "M3.33674 1.82861H12.6639V14.171H3.33594L3.33674 1.82861Z",
-            fill: "black",
-            fillRule: "evenodd"
-          }
-        ),
-        /* @__PURE__ */ jsx("path", { d: "M1.47217 1.37109H3.33697V14.6287H1.47217V1.37109Z", fill: "#04FF8E" }),
-        /* @__PURE__ */ jsx("path", { d: "M12.6631 5.02881H14.5279V14.6288H12.6631V5.02881Z", fill: "#8E2EFF" }),
-        /* @__PURE__ */ jsx("path", { d: "M1.47217 14.1714H14.5282V16.0002H1.47217V14.1714Z", fill: "#00C5FF" }),
-        /* @__PURE__ */ jsx("path", { d: "M1.47217 0H8.93297V1.8288H1.47217V0Z", fill: "#FFF152" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M12.663 3.6568V1.8288H10.7974V0H8.93262V5.4856H14.5278V3.6568",
-            fill: "#FF5B5B"
-          }
-        ),
-        /* @__PURE__ */ jsx("path", { d: "M12.6631 7.31464V5.48584H14.5279", fill: "#551C99" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            clipRule: "evenodd",
-            d: "M8.93298 0V1.8288H7.06738",
-            fill: "#999131",
-            fillRule: "evenodd"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_4197_15218", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "16", width: "16" }) }) })
-    ]
-  }
-);
 const PlayButton = ({ className, isPlaying, ...props }) => /* @__PURE__ */ jsx(
   Button,
   {
@@ -763,7 +739,7 @@ const PlayButton = ({ className, isPlaying, ...props }) => /* @__PURE__ */ jsx(
     size: "sm",
     variant: "secondary",
     ...props,
-    children: isPlaying ? /* @__PURE__ */ jsx(IconPause, {}) : /* @__PURE__ */ jsx(IconPlaySolid, {})
+    children: isPlaying ? /* @__PURE__ */ jsx(IconPauseFill, {}) : /* @__PURE__ */ jsx(IconPlayFill, {})
   }
 );
 const Anonymous$b = "Anonym";
@@ -7287,10 +7263,10 @@ function requireRelativeTime() {
         function i(r2, t2, e2, o2) {
           return n.fromToBase(r2, t2, e2, o2);
         }
-        e.en.relativeTime = o, n.fromToBase = function(t2, n2, i2, d10, u2) {
+        e.en.relativeTime = o, n.fromToBase = function(t2, n2, i2, d2, u2) {
           for (var a, f, s, l = i2.$locale().relativeTime || o, h = r.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], m = h.length, c = 0; c < m; c += 1) {
             var y = h[c];
-            y.d && (a = d10 ? e(t2).diff(i2, y.d, true) : i2.diff(t2, y.d, true));
+            y.d && (a = d2 ? e(t2).diff(i2, y.d, true) : i2.diff(t2, y.d, true));
             var p = (r.rounding || Math.round)(Math.abs(a));
             if (s = a > 0, p <= y.r || !y.r) {
               p <= 1 && c > 0 && (y = h[c - 1]);
@@ -7360,77 +7336,77 @@ function requireDuration() {
           }
           return this;
         }
-        var c10 = h2.prototype;
-        return c10.calMilliseconds = function() {
+        var c9 = h2.prototype;
+        return c9.calMilliseconds = function() {
           var t2 = this;
           this.$ms = Object.keys(this.$d).reduce(function(s2, n2) {
             return s2 + (t2.$d[n2] || 0) * e[n2];
           }, 0);
-        }, c10.parseFromMilliseconds = function() {
+        }, c9.parseFromMilliseconds = function() {
           var t2 = this.$ms;
           this.$d.years = a(t2 / 31536e6), t2 %= 31536e6, this.$d.months = a(t2 / 2592e6), t2 %= 2592e6, this.$d.days = a(t2 / 864e5), t2 %= 864e5, this.$d.hours = a(t2 / 36e5), t2 %= 36e5, this.$d.minutes = a(t2 / 6e4), t2 %= 6e4, this.$d.seconds = a(t2 / 1e3), t2 %= 1e3, this.$d.milliseconds = t2;
-        }, c10.toISOString = function() {
+        }, c9.toISOString = function() {
           var t2 = d(this.$d.years, "Y"), s2 = d(this.$d.months, "M"), n2 = +this.$d.days || 0;
           this.$d.weeks && (n2 += 7 * this.$d.weeks);
           var i2 = d(n2, "D"), e2 = d(this.$d.hours, "H"), r2 = d(this.$d.minutes, "M"), o2 = this.$d.seconds || 0;
           this.$d.milliseconds && (o2 += this.$d.milliseconds / 1e3);
-          var u3 = d(o2, "S"), h3 = t2.negative || s2.negative || i2.negative || e2.negative || r2.negative || u3.negative, a2 = e2.format || r2.format || u3.format ? "T" : "", c11 = (h3 ? "-" : "") + "P" + t2.format + s2.format + i2.format + a2 + e2.format + r2.format + u3.format;
-          return "P" === c11 || "-P" === c11 ? "P0D" : c11;
-        }, c10.toJSON = function() {
+          var u3 = d(o2, "S"), h3 = t2.negative || s2.negative || i2.negative || e2.negative || r2.negative || u3.negative, a2 = e2.format || r2.format || u3.format ? "T" : "", c10 = (h3 ? "-" : "") + "P" + t2.format + s2.format + i2.format + a2 + e2.format + r2.format + u3.format;
+          return "P" === c10 || "-P" === c10 ? "P0D" : c10;
+        }, c9.toJSON = function() {
           return this.toISOString();
-        }, c10.format = function(t2) {
+        }, c9.format = function(t2) {
           var i2 = t2 || "YYYY-MM-DDTHH:mm:ss", e2 = { Y: this.$d.years, YY: s.s(this.$d.years, 2, "0"), YYYY: s.s(this.$d.years, 4, "0"), M: this.$d.months, MM: s.s(this.$d.months, 2, "0"), D: this.$d.days, DD: s.s(this.$d.days, 2, "0"), H: this.$d.hours, HH: s.s(this.$d.hours, 2, "0"), m: this.$d.minutes, mm: s.s(this.$d.minutes, 2, "0"), s: this.$d.seconds, ss: s.s(this.$d.seconds, 2, "0"), SSS: s.s(this.$d.milliseconds, 3, "0") };
           return i2.replace(n, function(t3, s2) {
             return s2 || String(e2[t3]);
           });
-        }, c10.as = function(t2) {
+        }, c9.as = function(t2) {
           return this.$ms / e[u2(t2)];
-        }, c10.get = function(t2) {
+        }, c9.get = function(t2) {
           var s2 = this.$ms, n2 = u2(t2);
           return "milliseconds" === n2 ? s2 %= 1e3 : s2 = "weeks" === n2 ? a(s2 / e[n2]) : this.$d[n2], 0 === s2 ? 0 : s2;
-        }, c10.add = function(t2, s2, n2) {
+        }, c9.add = function(t2, s2, n2) {
           var i2;
           return i2 = s2 ? t2 * e[u2(s2)] : r(t2) ? t2.$ms : o(t2, this).$ms, o(this.$ms + i2 * (n2 ? -1 : 1), this);
-        }, c10.subtract = function(t2, s2) {
+        }, c9.subtract = function(t2, s2) {
           return this.add(t2, s2, true);
-        }, c10.locale = function(t2) {
+        }, c9.locale = function(t2) {
           var s2 = this.clone();
           return s2.$l = t2, s2;
-        }, c10.clone = function() {
+        }, c9.clone = function() {
           return o(this.$ms, this);
-        }, c10.humanize = function(s2) {
+        }, c9.humanize = function(s2) {
           return t().add(this.$ms, "ms").locale(this.$l).fromNow(!s2);
-        }, c10.milliseconds = function() {
+        }, c9.milliseconds = function() {
           return this.get("milliseconds");
-        }, c10.asMilliseconds = function() {
+        }, c9.asMilliseconds = function() {
           return this.as("milliseconds");
-        }, c10.seconds = function() {
+        }, c9.seconds = function() {
           return this.get("seconds");
-        }, c10.asSeconds = function() {
+        }, c9.asSeconds = function() {
           return this.as("seconds");
-        }, c10.minutes = function() {
+        }, c9.minutes = function() {
           return this.get("minutes");
-        }, c10.asMinutes = function() {
+        }, c9.asMinutes = function() {
           return this.as("minutes");
-        }, c10.hours = function() {
+        }, c9.hours = function() {
           return this.get("hours");
-        }, c10.asHours = function() {
+        }, c9.asHours = function() {
           return this.as("hours");
-        }, c10.days = function() {
+        }, c9.days = function() {
           return this.get("days");
-        }, c10.asDays = function() {
+        }, c9.asDays = function() {
           return this.as("days");
-        }, c10.weeks = function() {
+        }, c9.weeks = function() {
           return this.get("weeks");
-        }, c10.asWeeks = function() {
+        }, c9.asWeeks = function() {
           return this.as("weeks");
-        }, c10.months = function() {
+        }, c9.months = function() {
           return this.get("months");
-        }, c10.asMonths = function() {
+        }, c9.asMonths = function() {
           return this.as("months");
-        }, c10.years = function() {
+        }, c9.years = function() {
           return this.get("years");
-        }, c10.asYears = function() {
+        }, c9.asYears = function() {
           return this.as("years");
         }, h2;
       })();
@@ -7785,7 +7761,7 @@ class NotificationTranslationTopic extends TranslationTopic {
   }
 }
 var de$1 = { exports: {} };
-var de2 = de$1.exports;
+var de = de$1.exports;
 var hasRequiredDe;
 function requireDe() {
   if (hasRequiredDe) return de$1.exports;
@@ -7793,7 +7769,7 @@ function requireDe() {
   (function(module, exports$1) {
     !(function(e, n) {
       module.exports = n(Dayjs);
-    })(de2, function(e) {
+    })(de, function(e) {
       e = e && e.hasOwnProperty("default") ? e.default : e;
       var n = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
       function t(e2, t2, a2) {
@@ -8502,7 +8478,7 @@ const LoadingChannels = () => /* @__PURE__ */ jsxs("div", { className: "str-chat
   /* @__PURE__ */ jsx(LoadingItems, {}),
   /* @__PURE__ */ jsx(LoadingItems, {})
 ] });
-const LoadingIndicator = (props) => /* @__PURE__ */ jsx(IconLoadingCircle, { ...props, className: "str-chat__loading-indicator" });
+const LoadingIndicator = (props) => /* @__PURE__ */ jsx(IconLoading, { ...props, className: "str-chat__loading-indicator" });
 const UnMemoizedCustomNotification = (props) => {
   const { active, children, className, type } = props;
   if (!active) return null;
@@ -8910,7 +8886,7 @@ const useUserRole = (message, onlySenderCanEdit, disableQuotedMessages) => {
   const isOwner = channel.state.membership.role === "owner";
   const isModerator = client.user?.role === "channel_moderator" || channel.state.membership.role === "channel_moderator" || channel.state.membership.role === "moderator" || channel.state.membership.is_moderator === true || channel.state.membership.channel_role === "channel_moderator";
   const isMyMessage = client.userID === message.user?.id;
-  const canEdit = !message.poll && (!onlySenderCanEdit && channelCapabilities["update-any-message"] || isMyMessage && channelCapabilities["update-own-message"]);
+  const canEdit = !message.poll && message.command !== "giphy" && (!onlySenderCanEdit && channelCapabilities["update-any-message"] || isMyMessage && channelCapabilities["update-own-message"]);
   const canDelete = channelCapabilities["delete-any-message"] || isMyMessage && channelCapabilities["delete-own-message"];
   const canFlag = !isMyMessage && channelCapabilities["flag-message"];
   const canMute = !isMyMessage && channelCapabilities["mute-channel"];
@@ -9214,7 +9190,7 @@ const DefaultCalloutDialog = ({ children, className, onClose }) => /* @__PURE__
       onClick: onClose,
       size: "sm",
       variant: "secondary",
-      children: /* @__PURE__ */ jsx(IconCrossMedium, {})
+      children: /* @__PURE__ */ jsx(IconXmark, {})
     }
   )
 ] });
@@ -9284,7 +9260,7 @@ const Avatar = ({
           }
         ) : /* @__PURE__ */ jsxs(Fragment, { children: [
           !!sizeAwareInitials.length && /* @__PURE__ */ jsx("div", { className: "str-chat__avatar-initials", "data-testid": "avatar-fallback", children: sizeAwareInitials }),
-          !sizeAwareInitials.length && /* @__PURE__ */ jsx(IconPeople, {})
+          !sizeAwareInitials.length && /* @__PURE__ */ jsx(IconUser, {})
         ] })
       ]
     }
@@ -9313,7 +9289,7 @@ const ErrorBadge = ({
   className,
   size = "sm",
   ...rest
-}) => /* @__PURE__ */ jsx(Badge, { ...rest, className, size, variant: "error", children: /* @__PURE__ */ jsx(IconExclamation, {}) });
+}) => /* @__PURE__ */ jsx(Badge, { ...rest, className, size, variant: "error", children: /* @__PURE__ */ jsx(IconExclamationMarkFill, {}) });
 function AvatarStack({
   badgeSize,
   component: Component2 = "div",
@@ -9929,7 +9905,7 @@ const PromptHeader = ({ className, close, description, title }) => /* @__PURE__
       onClick: close,
       size: "sm",
       variant: "secondary",
-      children: /* @__PURE__ */ jsx(IconCrossMedium, {})
+      children: /* @__PURE__ */ jsx(IconXmark, {})
     }
   )
 ] });
@@ -9998,7 +9974,7 @@ const ViewerHeader = ({
       onClick: close,
       size: "sm",
       variant: "secondary",
-      children: /* @__PURE__ */ jsx(IconCrossMedium, {})
+      children: /* @__PURE__ */ jsx(IconXmark, {})
     }
   )
 ] });
@@ -10135,7 +10111,7 @@ function MessageBouncePrompt({ children }) {
           Alert.Header,
           {
             className: "str-chat__message-bounce-alert-header",
-            Icon: IconExclamationCircle,
+            Icon: IconExclamationMark,
             title: !children ? t("This message did not meet our content guidelines") : void 0,
             children
           }
@@ -10186,7 +10162,7 @@ const MessageBubble = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 const MessageDeletedBubble = () => {
   const { t } = useTranslationContext();
   return /* @__PURE__ */ jsx(MessageBubble, { "data-testid": "message-deleted-bubble", children: /* @__PURE__ */ jsxs("div", { className: "str-chat__message-text", children: [
-    /* @__PURE__ */ jsx(IconCircleBanSign, {}),
+    /* @__PURE__ */ jsx(IconNoSign, {}),
     /* @__PURE__ */ jsx("span", { children: t("Message deleted") })
   ] }) });
 };
@@ -10329,7 +10305,7 @@ const MessageAlsoSentInChannelIndicator = () => {
   };
   if (!message?.show_in_channel) return null;
   return /* @__PURE__ */ jsxs("div", { className: "str-chat__message-also-sent-in-channel", role: "status", children: [
-    /* @__PURE__ */ jsx(IconArrowRightUp, {}),
+    /* @__PURE__ */ jsx(IconArrowUpRight, {}),
     /* @__PURE__ */ jsx("span", { children: threadList ? t("Also sent in channel") : t("Replied to a thread") }),
     /* @__PURE__ */ jsx("span", { children: " · " }),
     /* @__PURE__ */ jsx(
@@ -10543,7 +10519,7 @@ const UnMemoizedMessageStatus = (props) => {
               children: t("Delivered")
             }
           ),
-          /* @__PURE__ */ jsx(IconDoubleCheckmark1Small, { className: "str-chat__message-status-delivered" })
+          /* @__PURE__ */ jsx(IconChecks, { className: "str-chat__message-status-delivered" })
         ] })),
         read && (MessageReadStatus ? /* @__PURE__ */ jsx(MessageReadStatus, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
@@ -10555,7 +10531,7 @@ const UnMemoizedMessageStatus = (props) => {
               children: getReadByTooltipText(readBy, t, client, tooltipUserNameMapper)
             }
           ),
-          /* @__PURE__ */ jsx(IconDoubleCheckmark1Small, { className: "str-chat__message-status-read" }),
+          /* @__PURE__ */ jsx(IconChecks, { className: "str-chat__message-status-read" }),
           readersWithoutOwnUser.length > 1 && /* @__PURE__ */ jsx(
             "span",
             {
@@ -11179,6 +11155,7 @@ const useSubmitHandler = (props) => {
       if (messageComposer.editedMessage && localMessage.type !== "error") {
         try {
           await editMessage(localMessage, sendOptions);
+          discardPreEditSnapshot(messageComposer);
           messageComposer.clear();
         } catch (err) {
           client.notifications.addError({
@@ -12047,7 +12024,7 @@ const ImagePlaceholder = ({ className }) => {
       className: clsx("str-chat__image-placeholder", className),
       "data-testid": "str-chat__base-image-placeholder",
       role: "img",
-      children: /* @__PURE__ */ jsx(IconImages1Alt, {})
+      children: /* @__PURE__ */ jsx(IconImage, {})
     }
   );
 };
@@ -13109,16 +13086,16 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
   };
   if (!groupedAttachments.total) return result;
   if (groupedAttachments.polls.length > 0)
-    return { ...result, Icon: IconChart5, previewType: "poll" };
+    return { ...result, Icon: IconPoll, previewType: "poll" };
   if (groupedAttachments.locations.length > 0)
-    return { ...result, Icon: IconMapPin, previewType: "location" };
+    return { ...result, Icon: IconLocation, previewType: "location" };
   if (groupedAttachments.giphies.length > 0 && groupedAttachments.giphies.length === groupedAttachments.total) {
     const giphyAttachment = groupedAttachments.giphies[0];
     const giphyVersion = giphyAttachment.giphy?.[giphyVersionName];
     const src = giphyVersion?.url || giphyAttachment.thumb_url || giphyAttachment.image_url || "";
     return {
       ...result,
-      Icon: IconFileBend,
+      Icon: IconFile,
       PreviewImage: /* @__PURE__ */ jsx(
         BaseImage,
         {
@@ -13135,7 +13112,7 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
     const fileAttachment = groupedAttachments.documents[0];
     return {
       ...result,
-      Icon: IconFileBend,
+      Icon: IconFile,
       PreviewImage: /* @__PURE__ */ jsx(FileIcon, { fileName: fileAttachment.title, mimeType: fileAttachment.mime_type }),
       previewType: "file"
     };
@@ -13144,7 +13121,7 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
     const linkAttachment = groupedAttachments.links[0];
     return {
       ...result,
-      Icon: IconChainLink,
+      Icon: IconLink,
       PreviewImage: /* @__PURE__ */ jsx(
         BaseImage,
         {
@@ -13172,7 +13149,7 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
             title: videoAttachment.title
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "str-chat__attachment-preview__thumbnail__play-indicator", children: /* @__PURE__ */ jsx(IconPlaySolid, {}) })
+        /* @__PURE__ */ jsx("div", { className: "str-chat__attachment-preview__thumbnail__play-indicator", children: /* @__PURE__ */ jsx(IconPlayFill, {}) })
       ] }),
       previewType: "video"
     };
@@ -13181,7 +13158,7 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
     const imageAttachment = groupedAttachments.images[0];
     return {
       ...result,
-      Icon: IconVideoSolid,
+      Icon: IconVideoFill,
       PreviewImage: /* @__PURE__ */ jsx(
         BaseImage,
         {
@@ -13195,8 +13172,8 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
     };
   }
   if (groupedAttachments.voiceRecordings.length === groupedAttachments.total)
-    return { ...result, Icon: IconMicrophone, previewType: "voice" };
-  return { ...result, Icon: IconFileBend, previewType: "mixed" };
+    return { ...result, Icon: IconVoice, previewType: "voice" };
+  return { ...result, Icon: IconFile, previewType: "mixed" };
 };
 const QuotedMessagePreview = ({
   getQuotedMessageAuthor,
@@ -13347,7 +13324,7 @@ const reminderStateSelector = (state) => ({
 function SavedForLaterContent() {
   const { t } = useTranslationContext();
   return /* @__PURE__ */ jsxs("p", { className: "str-chat__message-saved-for-later", children: [
-    /* @__PURE__ */ jsx(IconBookmark, {}),
+    /* @__PURE__ */ jsx(IconSave, {}),
     /* @__PURE__ */ jsx("span", { children: t("Saved for later") })
   ] });
 }
@@ -13391,7 +13368,7 @@ function RemindMeContent({ reminder }) {
     });
   };
   return /* @__PURE__ */ jsxs("p", { className: "str-chat__message-reminder", children: [
-    /* @__PURE__ */ jsx(IconBellNotification, {}),
+    /* @__PURE__ */ jsx(IconBell, {}),
     /* @__PURE__ */ jsx("span", { children: t("Reminder set") }),
     /* @__PURE__ */ jsx("span", { children: " · " }),
     /* @__PURE__ */ jsx("span", { className: "str-chat__message-reminder__time-left", children: renderTime() })
@@ -13569,15 +13546,7 @@ const SwitchField = ({
             ref: inputRef
           }
         ),
-        title ? /* @__PURE__ */ jsx(
-          SwitchFieldLabel,
-          {
-            description,
-            htmlFor: id,
-            onClick: () => inputRef.current?.click(),
-            title
-          }
-        ) : children,
+        title ? /* @__PURE__ */ jsx(SwitchFieldLabel, { description, htmlFor: id, title }) : children,
         /* @__PURE__ */ jsx(
           Switch,
           {
@@ -14104,10 +14073,10 @@ const TextInput = forwardRef(function TextInput2({
   const displayMessage = displayError || displaySuccess || displayNeutralMessage;
   const messageId = displayMessage ? `${id}-message` : void 0;
   const messageContent = displayError ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "str-chat__form-text-input__message-icon", children: errorMessageIcon ?? /* @__PURE__ */ jsx(IconExclamationCircle, {}) }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "str-chat__form-text-input__message-icon", children: errorMessageIcon ?? /* @__PURE__ */ jsx(IconExclamationMark, {}) }),
     errorMessage ?? message
   ] }) : displaySuccess ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "str-chat__form-text-input__message-icon", children: successMessageIcon ?? /* @__PURE__ */ jsx(IconCheckmark2, {}) }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "str-chat__form-text-input__message-icon", children: successMessageIcon ?? /* @__PURE__ */ jsx(IconCheckmark, {}) }),
     successMessage
   ] }) : displayNeutralMessage ? message : null;
   return /* @__PURE__ */ jsxs(
@@ -14636,7 +14605,7 @@ const PollVoteTimestamp = ({ timestamp }) => {
 const PollVoteAuthor = ({ vote }) => {
   const { t } = useTranslationContext();
   const { client } = useChatContext();
-  const displayName = client.user?.id && client.user.id === vote.user?.id ? t("You") : vote.user?.name || t("Anonymous");
+  const displayName = client.user?.id && client.user.id === vote.user?.id ? t("You") : vote.user?.name || vote.user?.id || t("Anonymous");
   return /* @__PURE__ */ jsxs("div", { className: "str-chat__poll-vote__author", children: [
     vote.user && /* @__PURE__ */ jsx(
       Avatar,
@@ -15551,7 +15520,7 @@ const OptionFieldSet = () => {
                 className: "str-chat__form__input-field__value",
                 error: !!error,
                 id: option.id,
-                leading: draggable ? /* @__PURE__ */ jsx(IconDotGrid2x3, { className: "str-chat__drag-handle" }) : void 0,
+                leading: draggable ? /* @__PURE__ */ jsx(IconReorder, { className: "str-chat__drag-handle" }) : void 0,
                 message: error ? /* @__PURE__ */ jsx("span", { "data-testid": "poll-option-input-field-error", children: knownValidationErrors[error] ?? t("Error") }) : void 0,
                 onBlur: () => {
                   pollComposer.handleFieldBlur("options");
@@ -15590,7 +15559,7 @@ const RemoveOptionButton = ({ className, ...props }) => /* @__PURE__ */ jsx(
     size: "sm",
     variant: "secondary",
     ...props,
-    children: /* @__PURE__ */ jsx(IconCircleMinus, {})
+    children: /* @__PURE__ */ jsx(IconMinusCircle, {})
   }
 );
 const PollCreationDialogControls = ({
@@ -15626,7 +15595,7 @@ const PollCreationDialogControls = ({
         },
         type: "submit",
         children: [
-          /* @__PURE__ */ jsx(IconPaperPlane, {}),
+          /* @__PURE__ */ jsx(IconSend, {}),
           t("Send poll")
         ]
       }
@@ -15708,12 +15677,12 @@ const AttachmentSelectorContextProvider = ({
 }) => /* @__PURE__ */ jsx(AttachmentSelectorContext.Provider, { value, children });
 const useAttachmentSelectorContext = () => useContext(AttachmentSelectorContext);
 const icons = {
-  ban: IconPeopleRemove,
-  flag: IconFlag2,
+  ban: IconUserRemove,
+  flag: IconFlag,
   giphy: IconGiphy,
   mute: IconMute,
-  unban: IconPeopleAdd,
-  unmute: IconVolumeFull
+  unban: IconUserAdd,
+  unmute: IconAudio
 };
 const CommandsMenuClassName = "str-chat__context-menu--commands";
 const CommandsSubmenuHeader = () => {
@@ -15805,7 +15774,7 @@ const AttachmentSelectorMenuInitButtonIcon = ({ className }) => {
     return /* @__PURE__ */ jsx("span", { className, children: /* @__PURE__ */ jsx(AttachmentSelectorInitiationButtonContents, {}) });
   }
   return /* @__PURE__ */ jsx(
-    IconPlusLarge,
+    IconPlus,
     {
       className: clsx("str-chat__attachment-selector__menu-button__icon", className)
     }
@@ -15868,7 +15837,7 @@ const DefaultAttachmentSelectorComponents = {
       {
         className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__create-poll-button",
         hasSubMenu: hasSubmenu,
-        Icon: IconRunShortcut,
+        Icon: IconCommand,
         onClick: () => {
           if (!hasSubmenu) return;
           openSubmenu({
@@ -15889,7 +15858,7 @@ const DefaultAttachmentSelectorComponents = {
       ContextMenuButton,
       {
         className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__upload-file-button",
-        Icon: IconPaperclip,
+        Icon: IconAttachment,
         onClick: () => {
           fileInput?.click();
           closeMenu();
@@ -15905,7 +15874,7 @@ const DefaultAttachmentSelectorComponents = {
       ContextMenuButton,
       {
         className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__add-location-button",
-        Icon: IconMapPin,
+        Icon: IconLocation,
         onClick: () => {
           openModalForAction("addLocation");
           closeMenu();
@@ -15921,7 +15890,7 @@ const DefaultAttachmentSelectorComponents = {
       ContextMenuButton,
       {
         className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__create-poll-button",
-        Icon: IconChart5,
+        Icon: IconPoll,
         onClick: () => {
           openModalForAction("createPoll");
           closeMenu();
@@ -16254,7 +16223,7 @@ const FileAttachmentPreview = ({
             uploadState === "uploading" && /* @__PURE__ */ jsx(LoadingIndicatorIcon, {}),
             !hasError && /* @__PURE__ */ jsx(FileSizeIndicator, { fileSize: attachment.file_size }),
             hasFatalError && /* @__PURE__ */ jsxs("div", { className: "str-chat__attachment-preview-file__fatal-error", children: [
-              /* @__PURE__ */ jsx(IconExclamationCircle, {}),
+              /* @__PURE__ */ jsx(IconExclamationMark, {}),
               /* @__PURE__ */ jsx("span", { children: hasSizeLimitError ? t("File too large") : uploadState === "blocked" ? t("Upload blocked") : t("Upload failed") })
             ] }),
             hasRetriableError && /* @__PURE__ */ jsxs("div", { className: "str-chat__attachment-preview-file__retriable-error", children: [
@@ -16810,7 +16779,7 @@ const AudioAttachmentPreview = ({
                 }
               )
             ] }) : hasFatalError ? /* @__PURE__ */ jsxs("div", { className: "str-chat__attachment-preview-file__fatal-error", children: [
-              /* @__PURE__ */ jsx(IconExclamationCircle, {}),
+              /* @__PURE__ */ jsx(IconExclamationMark, {}),
               /* @__PURE__ */ jsx("span", { children: hasSizeLimitError ? t("File too large") : uploadState === "blocked" ? t("Upload blocked") : t("Upload failed") })
             ] }) : /* @__PURE__ */ jsxs("div", { className: "str-chat__attachment-preview-file__retriable-error", children: [
               /* @__PURE__ */ jsx(IconExclamationTriangle, {}),
@@ -16909,10 +16878,10 @@ const MediaAttachmentPreview = ({
           /* @__PURE__ */ jsxs("div", { className: clsx("str-chat__attachment-preview-media__overlay"), children: [
             isUploading && /* @__PURE__ */ jsx(LoadingIndicator2, {}),
             isVideoAttachment(attachment) && !hasUploadError && uploadState !== "uploading" && /* @__PURE__ */ jsxs("div", { className: "str-chat__attachment-preview-media__video-indicator", children: [
-              /* @__PURE__ */ jsx(IconVideoSolid, {}),
+              /* @__PURE__ */ jsx(IconVideoFill, {}),
               attachment.duration && /* @__PURE__ */ jsx("div", { children: attachment.duration })
             ] }),
-            hasFatalError && /* @__PURE__ */ jsx(IconExclamationCircle, {}),
+            hasFatalError && /* @__PURE__ */ jsx(IconExclamationMark, {}),
             hasRetriableError && /* @__PURE__ */ jsx(
               Button,
               {
@@ -16924,7 +16893,7 @@ const MediaAttachmentPreview = ({
                 onClick: retry,
                 size: "sm",
                 variant: "danger",
-                children: /* @__PURE__ */ jsx(IconArrowRotateClockwise, {})
+                children: /* @__PURE__ */ jsx(IconRetry, {})
               }
             )
           ] })
@@ -16995,7 +16964,7 @@ const GalleryHeader = ({ currentItem }) => {
           className: "str-chat__gallery__action-button str-chat__gallery__action-button--close",
           onClick: modalContext.close,
           title: t("Close"),
-          children: /* @__PURE__ */ jsx(IconCrossMedium, {})
+          children: /* @__PURE__ */ jsx(IconXmark, {})
         }
       ) : null
     ] })
@@ -17042,9 +17011,9 @@ const VideoThumbnail = ({
         onClick: onPlay,
         size: "lg",
         variant: "secondary",
-        children: /* @__PURE__ */ jsx(IconPlaySolid, {})
+        children: /* @__PURE__ */ jsx(IconPlayFill, {})
       }
-    ) : /* @__PURE__ */ jsx("div", { className: "str-chat__message-attachment__video-thumbnail__play-indicator", children: /* @__PURE__ */ jsx(IconPlaySolid, {}) })
+    ) : /* @__PURE__ */ jsx("div", { className: "str-chat__message-attachment__video-thumbnail__play-indicator", children: /* @__PURE__ */ jsx(IconPlayFill, {}) })
   ] });
 };
 const SWIPE_THRESHOLD = 50;
@@ -17458,7 +17427,7 @@ const CommandChip = ({ command }) => {
   const { textareaRef } = useMessageComposerContext();
   if (!command) return null;
   return /* @__PURE__ */ jsxs("div", { className: "str-chat__command-chip", children: [
-    /* @__PURE__ */ jsx(IconThunder, {}),
+    /* @__PURE__ */ jsx(IconBolt, {}),
     /* @__PURE__ */ jsx("span", { children: command.name }),
     /* @__PURE__ */ jsx(
       "button",
@@ -17468,7 +17437,7 @@ const CommandChip = ({ command }) => {
           textComposer.setCommand(null);
           textareaRef.current?.focus();
         },
-        children: /* @__PURE__ */ jsx(IconCrossMedium, {})
+        children: /* @__PURE__ */ jsx(IconXmark, {})
       }
     )
   ] });
@@ -17533,7 +17502,7 @@ const LinkPreviewCard = ({ linkPreview }) => {
           /* @__PURE__ */ jsx("div", { className: "str-chat__link-preview-card__content-title", children: linkPreview.title }),
           /* @__PURE__ */ jsx("div", { className: "str-chat__link-preview-card__content-description", children: linkPreview.text }),
           /* @__PURE__ */ jsxs("div", { className: "str-chat__link-preview-card__content__url", children: [
-            /* @__PURE__ */ jsx(IconChainLink, {}),
+            /* @__PURE__ */ jsx(IconLink, {}),
             /* @__PURE__ */ jsx("span", { children: linkPreview.og_scrape_url })
           ] })
         ] }),
@@ -17611,7 +17580,7 @@ const AudioRecordingPlayback = ({
             onClick: audioPlayer.togglePlay,
             size: "sm",
             variant: "secondary",
-            children: isPlaying ? /* @__PURE__ */ jsx(IconPause, {}) : /* @__PURE__ */ jsx(IconPlaySolid, {})
+            children: isPlaying ? /* @__PURE__ */ jsx(IconPauseFill, {}) : /* @__PURE__ */ jsx(IconPlayFill, {})
           }
         ),
         /* @__PURE__ */ jsx(
@@ -17729,7 +17698,7 @@ const AudioRecordingPreview = () => {
     };
   }, [recorder, startCounter, stopCounter]);
   return /* @__PURE__ */ jsxs("div", { className: "str-chat__audio-recorder__recording-preview", children: [
-    /* @__PURE__ */ jsx(IconMicrophone, {}),
+    /* @__PURE__ */ jsx(IconVoice, {}),
     /* @__PURE__ */ jsx(RecordingTimer, { durationSeconds: secondsElapsed }),
     /* @__PURE__ */ jsx(AudioRecordingWaveform, {})
   ] });
@@ -17749,7 +17718,7 @@ const ToggleRecordingButton = () => {
       onClick: () => isRecording(recordingState) ? recorder?.pause() : recorder?.resume(),
       size: "sm",
       variant: "secondary",
-      children: isRecording(recordingState) ? /* @__PURE__ */ jsx(IconPause, {}) : /* @__PURE__ */ jsx(IconMicrophone, {})
+      children: isRecording(recordingState) ? /* @__PURE__ */ jsx(IconPauseFill, {}) : /* @__PURE__ */ jsx(IconVoice, {})
     }
   );
 };
@@ -17784,7 +17753,7 @@ const AudioRecorderRecordingControls = () => {
         },
         size: "sm",
         variant: "secondary",
-        children: /* @__PURE__ */ jsx(IconTrashBin, {})
+        children: /* @__PURE__ */ jsx(IconDelete, {})
       }
     ),
     /* @__PURE__ */ jsx(ToggleRecordingButton, {}),
@@ -17881,7 +17850,7 @@ const DefaultStartRecordingAudioButton = forwardRef(function StartRecordingAudio
       variant: "secondary",
       ...props,
       ref,
-      children: /* @__PURE__ */ jsx(IconMicrophone, {})
+      children: /* @__PURE__ */ jsx(IconVoice, {})
     }
   );
 });
@@ -17922,7 +17891,7 @@ const SendToChannelCheckbox = () => {
                 type: "checkbox"
               }
             ),
-            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "str-chat__send-to-channel-checkbox__visual", children: /* @__PURE__ */ jsx("span", { className: "str-chat__send-to-channel-checkbox__checkmark", children: /* @__PURE__ */ jsx(IconCheckmark2, {}) }) }),
+            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "str-chat__send-to-channel-checkbox__visual", children: /* @__PURE__ */ jsx("span", { className: "str-chat__send-to-channel-checkbox__checkmark", children: /* @__PURE__ */ jsx(IconCheckmark, {}) }) }),
             /* @__PURE__ */ jsx("span", { className: "str-chat__send-to-channel-checkbox__label", children: labelText })
           ]
         }
@@ -18582,7 +18551,7 @@ const FileDragAndDropContent = ({
 }) => {
   const { t } = useTranslationContext();
   return /* @__PURE__ */ jsx("div", { className: "str-chat__dropzone-container__content", children: isDragRejected ? /* @__PURE__ */ jsx("p", { children: t("Some of the files will not be accepted") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(IconFileArrowLeftIn, {}),
+    /* @__PURE__ */ jsx(IconUpload, {}),
     /* @__PURE__ */ jsx("p", { children: t("Drag your files here") })
   ] }) });
 };
@@ -18618,7 +18587,7 @@ const SendButton = ({ children, sendMessage, ...rest }) => {
       size: "sm",
       variant: "primary",
       ...rest,
-      children: children ?? /* @__PURE__ */ jsx(IconPaperPlane, {})
+      children: children ?? /* @__PURE__ */ jsx(IconSend, {})
     }
   );
 };
@@ -18654,7 +18623,7 @@ const MessageComposerActions = () => {
   const stopGenerating = useCallback(() => channel?.stopAIResponse(), [channel]);
   const shouldDisplayStopAIGeneration = [AIStates.Thinking, AIStates.Generating].includes(aiState) && !!StopAIGenerationButton$1;
   const recordingEnabled = !!(recordingController.recorder && navigator.mediaDevices);
-  let content = SendButton$1 ? /* @__PURE__ */ jsx(SendButton$1, { sendMessage: handleSubmit }) : /* @__PURE__ */ jsx(SendButton, { sendMessage: handleSubmit, children: editedMessage || command ? /* @__PURE__ */ jsx(IconCheckmark2, {}) : /* @__PURE__ */ jsx(IconPaperPlane, {}) });
+  let content = SendButton$1 ? /* @__PURE__ */ jsx(SendButton$1, { sendMessage: handleSubmit }) : /* @__PURE__ */ jsx(SendButton, { sendMessage: handleSubmit, children: editedMessage || command ? /* @__PURE__ */ jsx(IconCheckmark, {}) : /* @__PURE__ */ jsx(IconSend, {}) });
   if (shouldDisplayStopAIGeneration) {
     content = /* @__PURE__ */ jsx(StopAIGenerationButton$1, { onClick: stopGenerating });
   } else if (hideSendButton) return null;
@@ -18670,7 +18639,7 @@ const AdditionalMessageComposerActions = () => {
   const isCooldownActive = useIsCooldownActive();
   return /* @__PURE__ */ jsx("div", { className: "str-chat__message-composer__additional-actions", children: !isCooldownActive && EmojiPicker ? /* @__PURE__ */ jsx(EmojiPicker, {}) : null });
 };
-const GeolocationPreviewImage = () => /* @__PURE__ */ jsx("div", { className: "str-chat__location-preview-image", children: /* @__PURE__ */ jsx(IconMapPin, {}) });
+const GeolocationPreviewImage = () => /* @__PURE__ */ jsx("div", { className: "str-chat__location-preview-image", children: /* @__PURE__ */ jsx(IconLocation, {}) });
 const GeolocationPreview = ({
   location,
   PreviewImage = GeolocationPreviewImage,
@@ -18763,7 +18732,7 @@ const MessageComposerPreviews = () => {
       {
         message: editedMessage,
         onCancel: () => {
-          messageComposer.clear();
+          restorePreEditSnapshot(messageComposer);
         }
       }
     ) }) : /* @__PURE__ */ jsx(QuotedMessagePreview$1, {}),
@@ -19206,7 +19175,7 @@ const useChat = ({
   };
   useEffect(() => {
     if (!client) return;
-    const version = "14.0.0-beta.3";
+    const version = "14.0.0-beta.5";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
@@ -19340,7 +19309,7 @@ const ThreadHeaderSubtitle = ({
   ) });
 };
 const ThreadHeader = (props) => {
-  const { closeThread, MenuIcon = IconLayoutAlignLeft, overrideTitle, thread } = props;
+  const { closeThread, MenuIcon = IconSidebar, overrideTitle, thread } = props;
   const { t } = useTranslationContext();
   const { channel } = useChannelStateContext();
   const { activeChatView } = useChatViewContext();
@@ -19350,7 +19319,7 @@ const ThreadHeader = (props) => {
   const replyCount = threadInstance ? replyCountThreadInstance : thread ? thread.reply_count ?? 0 : 0;
   const threadDisplayName = overrideTitle ?? channelDisplayTitle ?? displayNameFromParentMessage(thread) ?? void 0;
   return /* @__PURE__ */ jsxs("div", { className: "str-chat__thread-header", children: [
-    activeChatView === "threads" && /* @__PURE__ */ jsx(ToggleSidebarButton, { canCollapse: !!threadInstance, mode: "expand", children: /* @__PURE__ */ jsx(MenuIcon, {}) }),
+    /* @__PURE__ */ jsx("div", { className: "str-chat__thread-header__start", children: activeChatView === "threads" && /* @__PURE__ */ jsx(ToggleSidebarButton, { canCollapse: !!threadInstance, mode: "expand", children: /* @__PURE__ */ jsx(MenuIcon, {}) }) }),
     /* @__PURE__ */ jsxs("div", { className: "str-chat__thread-header-details", children: [
       /* @__PURE__ */ jsx("div", { className: "str-chat__thread-header-title", children: t("Thread") }),
       /* @__PURE__ */ jsx(
@@ -19362,7 +19331,7 @@ const ThreadHeader = (props) => {
         }
       )
     ] }),
-    !threadInstance && /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "str-chat__thread-header__end", children: !threadInstance && /* @__PURE__ */ jsx(
       Button,
       {
         appearance: "ghost",
@@ -19373,9 +19342,9 @@ const ThreadHeader = (props) => {
         onClick: closeThread,
         size: "md",
         variant: "secondary",
-        children: /* @__PURE__ */ jsx(IconCrossMedium, {})
+        children: /* @__PURE__ */ jsx(IconXmark, {})
       }
-    )
+    ) })
   ] });
 };
 const threadStateSelector = ({ replyCount }) => ({
@@ -19681,7 +19650,7 @@ const ReactionSelector = (props) => {
           onClick: () => setExtendedListOpen(true),
           size: "sm",
           variant: "secondary",
-          children: /* @__PURE__ */ jsx(IconPlusLarge, {})
+          children: /* @__PURE__ */ jsx(IconPlus, {})
         }
       )
     ] }),
@@ -19862,7 +19831,7 @@ const DefaultMessageActionComponents = {
           "aria-label": t("aria/Open Thread"),
           className: msgActionsBoxButtonClassName,
           "data-testid": "thread-action",
-          Icon: IconBubbleText6ChatMessage,
+          Icon: IconThread,
           onClick: (e) => {
             handleOpenThread(e);
             closeMenu();
@@ -19889,7 +19858,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Quote Message"),
           className: msgActionsBoxButtonClassName,
-          Icon: IconCloseQuote2,
+          Icon: IconQuote,
           onClick: () => {
             handleQuote();
             closeMenu();
@@ -19926,7 +19895,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Copy Message Text"),
           className: msgActionsBoxButtonClassName,
-          Icon: IconSquareBehindSquare2_Copy,
+          Icon: IconCopy,
           onClick: () => {
             if (message.text) navigator.clipboard.writeText(message.text);
             closeMenu();
@@ -19944,7 +19913,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Resend Message"),
           className: msgActionsBoxButtonClassName,
-          Icon: IconArrowRotateClockwise,
+          Icon: IconRetry,
           onClick: () => {
             handleRetry(message);
             closeMenu();
@@ -19963,8 +19932,9 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Edit Message"),
           className: msgActionsBoxButtonClassName,
-          Icon: IconEditBig,
+          Icon: IconEdit,
           onClick: () => {
+            savePreEditSnapshot(messageComposer);
             messageComposer.initState({ composition: message });
             closeMenu();
           },
@@ -19981,7 +19951,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Mark Message Unread"),
           className: msgActionsBoxButtonClassName,
-          Icon: IconBubbleWideNotificationChatMessage,
+          Icon: IconNotification,
           onClick: (event) => {
             handleMarkUnread(event);
             closeMenu();
@@ -20004,7 +19974,7 @@ const DefaultMessageActionComponents = {
           "aria-label": reminder ? t("aria/Remind Me Message") : t("aria/Remove Reminder"),
           className: msgActionsBoxButtonClassName,
           hasSubMenu: !reminder,
-          Icon: reminder ? IconBellOff : IconBellNotification,
+          Icon: reminder ? IconBellOff : IconBell,
           onClick: () => {
             if (reminder) {
               client.reminders.deleteReminder(reminder.id);
@@ -20033,7 +20003,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": reminder ? t("aria/Remove Save For Later") : t("aria/Bookmark Message"),
           className: msgActionsBoxButtonClassName,
-          Icon: reminder ? IconBookmarkRemove : IconBookmark,
+          Icon: reminder ? IconUnsave : IconSave,
           onClick: () => {
             if (reminder) client.reminders.deleteReminder(reminder.id);
             else client.reminders.createReminder({ messageId: message.id });
@@ -20052,7 +20022,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Flag Message"),
           className: msgActionsBoxButtonClassName,
-          Icon: IconFlag2,
+          Icon: IconFlag,
           onClick: (event) => {
             handleFlag(event);
             closeMenu();
@@ -20072,7 +20042,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": isMuted ? t("aria/Unmute User") : t("aria/Mute User"),
           className: msgActionsBoxButtonClassName,
-          Icon: isMuted ? IconVolumeFull : IconMute,
+          Icon: isMuted ? IconAudio : IconMute,
           onClick: (event) => {
             handleMute(event);
             closeMenu();
@@ -20095,7 +20065,7 @@ const DefaultMessageActionComponents = {
           {
             "aria-label": t("aria/Delete Message"),
             className: msgActionsBoxButtonClassName,
-            Icon: IconTrashBin,
+            Icon: IconDelete,
             onClick: () => {
               setOpenModal(true);
             },
@@ -20141,7 +20111,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": isBlocked ? t("aria/Unblock User") : t("aria/Block User"),
           className: clsx(msgActionsBoxButtonClassName),
-          Icon: isBlocked ? IconPeopleAdded : IconCircleBanSign,
+          Icon: isBlocked ? IconUserCheck : IconNoSign,
           onClick: () => {
             const targetId = message.user?.id;
             if (targetId) {
@@ -20178,12 +20148,12 @@ const DefaultMessageActionComponents = {
             dialog?.toggle();
           },
           ref,
-          children: /* @__PURE__ */ jsx(IconDotGrid1x3Horizontal, { className: "str-chat__message-action-icon" })
+          children: /* @__PURE__ */ jsx(IconMore, { className: "str-chat__message-action-icon" })
         }
       );
     }),
     React() {
-      return /* @__PURE__ */ jsx(ReactionSelectorWithButton, { ReactionIcon: IconEmojiSmile });
+      return /* @__PURE__ */ jsx(ReactionSelectorWithButton, { ReactionIcon: IconEmoji });
     },
     Reply() {
       const { handleOpenThread } = useMessageContext();
@@ -20195,7 +20165,7 @@ const DefaultMessageActionComponents = {
           className: "str-chat__message-reply-in-thread-button",
           "data-testid": "thread-action",
           onClick: handleOpenThread,
-          children: /* @__PURE__ */ jsx(IconArrowShareLeft, { className: "str-chat__message-action-icon" })
+          children: /* @__PURE__ */ jsx(IconReply, { className: "str-chat__message-action-icon" })
         }
       );
     }
@@ -20340,9 +20310,9 @@ function MessageReactionsDetail({
   handleFetchReactions,
   onSelectedReactionTypeChange,
   reactionDetailsSort: propReactionDetailsSort,
+  reactionGroups,
   reactions,
   selectedReactionType,
-  sortReactionDetails: propSortReactionDetails,
   totalReactionCount
 }) {
   const { client } = useChatContext();
@@ -20354,10 +20324,8 @@ function MessageReactionsDetail({
   const { t } = useTranslationContext();
   const {
     handleReaction: contextHandleReaction,
-    reactionDetailsSort: contextReactionDetailsSort,
-    sortReactionDetails: contextSortReactionDetails
+    reactionDetailsSort: contextReactionDetailsSort
   } = useMessageContext(MessageReactionsDetail.name);
-  const legacySortReactionDetails = propSortReactionDetails ?? contextSortReactionDetails;
   const reactionDetailsSort = propReactionDetailsSort ?? contextReactionDetailsSort ?? defaultReactionDetailsSort;
   const {
     isLoading: areReactionsLoading,
@@ -20369,10 +20337,6 @@ function MessageReactionsDetail({
     shouldFetch: true,
     sort: reactionDetailsSort
   });
-  const reactionDetailsWithLegacyFallback = useMemo(
-    () => legacySortReactionDetails ? [...reactionDetails].sort(legacySortReactionDetails) : reactionDetails,
-    [legacySortReactionDetails, reactionDetails]
-  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -20417,7 +20381,7 @@ function MessageReactionsDetail({
             "data-testid": "all-reacting-users",
             children: [
               areReactionsLoading && /* @__PURE__ */ jsx(LoadingIndicator2, {}),
-              !areReactionsLoading && /* @__PURE__ */ jsx(Fragment, { children: reactionDetailsWithLegacyFallback.map(({ type, user }) => {
+              !areReactionsLoading && /* @__PURE__ */ jsx(Fragment, { children: reactionDetails.map(({ type, user }) => {
                 const belongsToCurrentUser = client.user?.id === user?.id;
                 const EmojiComponent = Array.isArray(reactionOptions) ? void 0 : reactionOptions.quick[type]?.Component ?? reactionOptions.extended?.[type]?.Component;
                 return /* @__PURE__ */ jsxs(
@@ -20450,8 +20414,13 @@ function MessageReactionsDetail({
                             className: "str-chat__message-reactions-detail__user-list-item-button",
                             "data-testid": "remove-reaction-button",
                             onClick: async (e) => {
+                              const reactionCountBeforeRemoval = reactionGroups?.[type]?.count ?? 0;
                               await contextHandleReaction(type, e);
-                              refetch();
+                              if (reactionCountBeforeRemoval <= 1) {
+                                onSelectedReactionTypeChange?.(null);
+                              } else {
+                                refetch();
+                              }
                             },
                             children: t("Tap to remove")
                           }
@@ -20480,17 +20449,15 @@ const useProcessReactions = (params) => {
   const {
     own_reactions: propOwnReactions,
     reaction_groups: propReactionGroups,
-    reactionOptions: propReactionOptions,
     reactions: propReactions,
     sortReactions: propSortReactions
   } = params;
   const { message, sortReactions: contextSortReactions } = useMessageContext();
-  const { reactionOptions: contextReactionOptions = defaultReactionOptions } = useComponentContext();
-  const reactionOptions = propReactionOptions ?? contextReactionOptions;
+  const { reactionOptions = defaultReactionOptions } = useComponentContext();
   const sortReactions = propSortReactions ?? contextSortReactions ?? defaultReactionsSort;
-  const latestReactions = propReactions || message.latest_reactions;
-  const ownReactions = propOwnReactions || message?.own_reactions;
-  const reactionGroups = propReactionGroups || message?.reaction_groups;
+  const latestReactions = propReactions ?? message.latest_reactions;
+  const ownReactions = propOwnReactions ?? message?.own_reactions;
+  const reactionGroups = propReactionGroups ?? message?.reaction_groups ?? void 0;
   const isOwnReaction = useCallback(
     (reactionType) => ownReactions?.some((reaction) => reaction.type === reactionType) ?? false,
     [ownReactions]
@@ -20574,6 +20541,7 @@ const useProcessReactions = (params) => {
   return {
     existingReactions,
     hasReactions,
+    reactionGroups,
     totalReactionCount,
     uniqueReactionTypeCount
   };
@@ -20590,16 +20558,22 @@ const FragmentOrButton = ({
 };
 const UnMemoizedMessageReactions = (props) => {
   const {
+    capLimit: { clustered: capLimitClustered = 5, segmented: capLimitSegmented = 4 } = {},
     flipHorizontalPosition = false,
     handleFetchReactions,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     reactionDetailsSort,
-    sortReactionDetails,
     verticalPosition = "top",
     visualStyle = "clustered",
     ...rest
   } = props;
-  const { existingReactions, hasReactions, totalReactionCount, uniqueReactionTypeCount } = useProcessReactions(rest);
+  const {
+    existingReactions,
+    hasReactions,
+    reactionGroups,
+    totalReactionCount,
+    uniqueReactionTypeCount
+  } = useProcessReactions(rest);
   const [selectedReactionType, setSelectedReactionType] = useState(
     null
   );
@@ -20618,16 +20592,27 @@ const UnMemoizedMessageReactions = (props) => {
     dialog.open();
   };
   const cappedExistingReactions = useMemo(() => {
-    if (visualStyle !== "segmented" || verticalPosition !== "top") return null;
-    const sliced = existingReactions.slice(0, 4);
+    if (visualStyle === "segmented" && verticalPosition !== "top") return null;
+    const capLimit = visualStyle === "segmented" ? capLimitSegmented : capLimitClustered;
+    const sliced = existingReactions.slice(0, capLimit);
     return {
+      /**
+       * Accumulated reaction count of capped reaction types, first four in case of
+       * segmented(top) and first five in case of clustered(top/bottom) variations.
+       */
       reactionCountToDisplay: sliced.reduce(
         (accumulatedCount, { reactionCount }) => accumulatedCount + reactionCount,
         0
       ),
       reactionsToDisplay: sliced
     };
-  }, [existingReactions, verticalPosition, visualStyle]);
+  }, [
+    capLimitClustered,
+    capLimitSegmented,
+    existingReactions,
+    verticalPosition,
+    visualStyle
+  ]);
   if (!hasReactions) return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -20648,7 +20633,7 @@ const UnMemoizedMessageReactions = (props) => {
             "aria-pressed": isDialogOpen,
             buttonIf: visualStyle === "clustered",
             className: "str-chat__message-reactions__list-button",
-            onClick: () => handleReactionButtonClick(existingReactions[0]?.reactionType ?? null),
+            onClick: () => handleReactionButtonClick(null),
             children: [
               /* @__PURE__ */ jsxs("ul", { className: "str-chat__message-reactions__list", children: [
                 (cappedExistingReactions?.reactionsToDisplay ?? existingReactions).map(
@@ -20679,7 +20664,7 @@ const UnMemoizedMessageReactions = (props) => {
                     reactionType
                   )
                 ),
-                uniqueReactionTypeCount > 4 && cappedExistingReactions && /* @__PURE__ */ jsx("li", { className: "str-chat__message-reactions__list-item str-chat__message-reactions__list-item--more", children: /* @__PURE__ */ jsx(
+                uniqueReactionTypeCount > 4 && cappedExistingReactions && visualStyle === "segmented" && /* @__PURE__ */ jsx("li", { className: "str-chat__message-reactions__list-item str-chat__message-reactions__list-item--more", children: /* @__PURE__ */ jsx(
                   "button",
                   {
                     className: "str-chat__message-reactions__list-item-button",
@@ -20712,9 +20697,9 @@ const UnMemoizedMessageReactions = (props) => {
           {
             handleFetchReactions,
             onSelectedReactionTypeChange: setSelectedReactionType,
+            reactionGroups,
             reactions: existingReactions,
             selectedReactionType,
-            sortReactionDetails,
             totalReactionCount
           }
         )
@@ -21195,7 +21180,6 @@ const Message = (props) => {
     pinPermissions,
     reactionDetailsSort,
     retrySendMessage: propRetrySendMessage,
-    sortReactionDetails,
     sortReactions
   } = props;
   const { client } = useChatContext("Message");
@@ -21289,7 +21273,6 @@ const Message = (props) => {
       readBy: props.readBy,
       renderText: props.renderText,
       returnAllReadData: props.returnAllReadData,
-      sortReactionDetails,
       sortReactions,
       threadList: props.threadList,
       unsafeHTML: props.unsafeHTML,
@@ -22003,7 +21986,7 @@ const UnreadMessagesSeparator = ({
             onClick: () => markRead(),
             size: "sm",
             variant: "secondary",
-            children: /* @__PURE__ */ jsx(IconCrossMedium, {})
+            children: /* @__PURE__ */ jsx(IconXmark, {})
           }
         )
       ]
@@ -22223,7 +22206,7 @@ const UnreadMessagesNotification = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx(Button, { appearance: "outline", onClick: () => markRead(), variant: "secondary", children: /* @__PURE__ */ jsx(IconCrossMedium, {}) })
+        /* @__PURE__ */ jsx(Button, { appearance: "outline", onClick: () => markRead(), variant: "secondary", children: /* @__PURE__ */ jsx(IconXmark, {}) })
       ]
     }
   );
@@ -22918,7 +22901,6 @@ const MessageListWithContext = (props) => {
     returnAllReadData = false,
     reviewProcessedMessage,
     showUnreadNotificationAlways,
-    sortReactionDetails,
     sortReactions,
     suppressAutoscroll,
     threadList = false,
@@ -23036,7 +23018,6 @@ const MessageListWithContext = (props) => {
       renderText: props.renderText,
       retrySendMessage: props.retrySendMessage,
       showAvatar: props.showAvatar,
-      sortReactionDetails,
       sortReactions,
       unsafeHTML
     },
@@ -23331,7 +23312,6 @@ const messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
     renderText: renderText2,
     returnAllReadData,
     showAvatar,
-    sortReactionDetails,
     sortReactions,
     threadList,
     unreadMessageCount = 0,
@@ -23381,7 +23361,6 @@ const messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
         renderText: renderText2,
         returnAllReadData,
         showAvatar,
-        sortReactionDetails,
         sortReactions,
         threadList
       }
@@ -23466,7 +23445,6 @@ const VirtualizedMessageListWithContext = (props) => {
     shouldGroupByUser = false,
     showAvatar,
     showUnreadNotificationAlways,
-    sortReactionDetails,
     sortReactions,
     stickToBottomScrollBehavior = "smooth",
     suppressAutoscroll,
@@ -23735,7 +23713,6 @@ const VirtualizedMessageListWithContext = (props) => {
                     returnAllReadData,
                     shouldGroupByUser,
                     showAvatar,
-                    sortReactionDetails,
                     sortReactions,
                     threadList,
                     unreadMessageCount: channelUnreadUiState?.unread_messages,
@@ -24596,7 +24573,7 @@ const SearchBar = () => {
           "str-chat__search-bar__input-wrapper--active": isActive
         }),
         children: [
-          /* @__PURE__ */ jsx(IconMagnifyingGlassSearch, {}),
+          /* @__PURE__ */ jsx(IconSearch, {}),
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -24640,7 +24617,7 @@ const SearchBar = () => {
               ref: clearButtonRef,
               size: "xs",
               variant: "secondary",
-              children: /* @__PURE__ */ jsx(IconCircleX, {})
+              children: /* @__PURE__ */ jsx(IconXCircle, {})
             }
           )
         ]
@@ -25074,7 +25051,7 @@ const LoadMorePaginator = React.memo(
   UnMemoizedLoadMorePaginator
 );
 const ChannelListHeader = ({
-  ToggleButtonIcon = IconLayoutAlignLeft
+  ToggleButtonIcon = IconSidebar
 }) => {
   const { t } = useTranslationContext();
   const { channel, navOpen } = useChatContext();
@@ -25246,11 +25223,11 @@ const UnMemoizedChannelList = (props) => {
     }
   );
   const showChannelList = !searchIsActive;
-  return /* @__PURE__ */ jsx(DialogManagerProvider, { id: `channel-list-dialog-manager-${stableId}`, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     ChannelListContextProvider,
     {
       value: { channels, hasNextPage, loadNextPage, setChannels },
-      children: /* @__PURE__ */ jsxs("div", { className, ref: channelListRef, children: [
+      children: /* @__PURE__ */ jsx("div", { className, ref: channelListRef, children: /* @__PURE__ */ jsxs(DialogManagerProvider, { id: `channel-list-dialog-manager-${stableId}`, children: [
         /* @__PURE__ */ jsx(ChannelListHeader, {}),
         showChannelSearch && /* @__PURE__ */ jsx(Search$12, {}),
         showChannelList && /* @__PURE__ */ jsx(
@@ -25272,9 +25249,9 @@ const UnMemoizedChannelList = (props) => {
           }
         ),
         /* @__PURE__ */ jsx(NotificationList$1, { panel: "channel-list" })
-      ] })
+      ] }) })
     }
-  ) });
+  );
 };
 const ChannelList = React.memo(
   UnMemoizedChannelList
@@ -25665,7 +25642,7 @@ const defaultChannelActionSet = [
           ref,
           size: "sm",
           variant: "secondary",
-          children: /* @__PURE__ */ jsx(IconDotGrid1x3Horizontal, {})
+          children: /* @__PURE__ */ jsx(IconMore, {})
         }
       );
     }),
@@ -25758,7 +25735,7 @@ const defaultChannelActionSet = [
         {
           "aria-label": title,
           disabled: inProgress,
-          Icon: IconCircleBanSign,
+          Icon: IconNoSign,
           onClick: async () => {
             try {
               setInProgress(true);
@@ -25864,7 +25841,7 @@ const defaultChannelActionSet = [
         {
           "aria-label": title,
           disabled: inProgress,
-          Icon: IconArrowBoxLeft,
+          Icon: IconLeave,
           onClick: async (e) => {
             e.stopPropagation();
             try {
@@ -26001,11 +25978,13 @@ function ChannelListItemTimestamp({ lastMessage }) {
 function getAttachmentContentType(attachment) {
   if (!attachment) return "text";
   if (attachment.type === "giphy") return "giphy";
-  if (attachment.type === "image") return "image";
+  if (attachment.type === "image") {
+    if (attachment.og_scrape_url || attachment.title_link) return "link";
+    return "image";
+  }
   if (attachment.type === "video") return "video";
   if (attachment.type === "voiceRecording") return "voice";
   if (attachment.type === "file") return "file";
-  if (attachment.og_scrape_url || attachment.title_link) return "link";
   return "file";
 }
 function getAttachmentFallbackText(type, count, t) {
@@ -26085,13 +26064,13 @@ const useLatestMessagePreview = ({
       } else {
         contentType = "file";
       }
-      let text2 = contentType === "giphy" ? "Giphy" : (
+      let text2 = contentType === "giphy" ? `GIPHY ${firstAttachment.title ?? ""}`.trim() : (
         // prioritize message text content if available
         textContent || // then fallback text of the single attachment if only one attachment is present and it's not a voice recording (fallback text is generic for voice recordings, so not useful in the preview)
         (attachments.length === 1 && contentType !== "voice" ? firstAttachment.fallback || firstAttachment.title : "") || // then generic fallback text based on attachment type and count
         getAttachmentFallbackText(contentType, attachments.length, t)
       );
-      if (contentType !== "giphy" && attachments.length === 1 && typeof firstAttachment.duration === "number") {
+      if (attachments.length === 1 && typeof firstAttachment.duration === "number") {
         const minutes = Math.floor(firstAttachment.duration / 60);
         const seconds = Math.ceil(firstAttachment.duration) % 60;
         const durationString = `${minutes}:${seconds.toString().padStart(2, "0")}`;
@@ -26123,21 +26102,21 @@ const useLatestMessagePreview = ({
   ]);
 };
 const deliveryStatusIconMap = {
-  delivered: IconDoubleCheckmark1Small,
-  read: IconDoubleCheckmark1Small,
+  delivered: IconChecks,
+  read: IconChecks,
   sending: IconClock,
   sent: IconCheckmark1Small
 };
 const contentTypeIconMap = {
-  deleted: IconCircleBanSign,
-  error: IconExclamationCircle1,
-  file: IconFileBend,
-  giphy: IconFileBend,
-  image: IconCamera1,
-  link: IconChainLink,
-  location: IconMapPin,
+  deleted: IconNoSign,
+  error: IconExclamationCircleFill,
+  file: IconFile,
+  giphy: IconGiphy,
+  image: IconCamera,
+  link: IconLink,
+  location: IconLocation,
   video: IconVideo,
-  voice: IconMicrophone
+  voice: IconVoice
 };
 const SummarizedMessagePreview = ({
   latestMessage,
@@ -26733,7 +26712,7 @@ const ThreadListItem = ({
 const ThreadListEmptyPlaceholder = () => {
   const { t } = useTranslationContext("ThreadListEmptyPlaceholder");
   return /* @__PURE__ */ jsxs("div", { className: "str-chat__thread-list-empty-placeholder", children: [
-    /* @__PURE__ */ jsx(IconBubbles, {}),
+    /* @__PURE__ */ jsx(IconMessageBubbles, {}),
     /* @__PURE__ */ jsx("p", { children: t("Reply to a message to start a thread") })
   ] });
 };
@@ -26756,7 +26735,7 @@ const ThreadListUnseenThreadsBanner = () => {
       onClick: () => client.threads.reload(),
       children: [
         !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(IconArrowRotateRightLeftRepeatRefresh, {}),
+          /* @__PURE__ */ jsx(IconRefresh, {}),
           /* @__PURE__ */ jsx("span", { children: t("ThreadListUnseenThreadsBanner/unreadThreads", {
             count: unseenThreadIds.length
           }) })
@@ -26780,7 +26759,7 @@ const ThreadListLoadingIndicator = () => {
   return /* @__PURE__ */ jsx("div", { className: "str-chat__thread-list-loading-indicator", children: /* @__PURE__ */ jsx(LoadingIndicator$1, {}) });
 };
 const ThreadListHeader = ({
-  ToggleButtonIcon = IconLayoutAlignLeft
+  ToggleButtonIcon = IconSidebar
 }) => {
   const { t } = useTranslationContext();
   const { navOpen } = useChatContext();
@@ -26911,11 +26890,10 @@ const ThreadList = ({ virtuosoProps }) => {
   );
 };
 const IconsBySeverity = {
-  error: IconExclamationCircle,
+  error: IconExclamationMark,
   info: null,
-  // IconCircleInfoTooltip,
-  loading: IconArrowRotateRightLeftRepeatRefresh,
-  success: IconCheckmark2,
+  loading: IconRefresh,
+  success: IconCheckmark,
   warning: IconExclamationTriangle
 };
 const DefaultNotificationIcon = ({ notification }) => {
@@ -26994,7 +26972,7 @@ const Notification = forwardRef(
               onClick: handleDismiss,
               size: "sm",
               variant: "secondary",
-              children: /* @__PURE__ */ jsx(IconCrossMedium, {})
+              children: /* @__PURE__ */ jsx(IconXmark, {})
             }
           )
         ]
@@ -27556,7 +27534,7 @@ const ThumbnailButton = ({
             "aria-hidden": "true",
             className: "str-chat__modal-gallery__image-load-failed-overlay",
             "data-testid": "str-chat__modal-gallery__image-load-failed-overlay",
-            children: /* @__PURE__ */ jsx("div", { className: "str-chat__modal-gallery__image-retry-indicator", children: /* @__PURE__ */ jsx(IconArrowRotateClockwise, {}) })
+            children: /* @__PURE__ */ jsx("div", { className: "str-chat__modal-gallery__image-retry-indicator", children: /* @__PURE__ */ jsx(IconRetry, {}) })
           }
         ),
         showOverlay && /* @__PURE__ */ jsxs("div", { className: "str-chat__modal-gallery__placeholder", children: [
@@ -27647,7 +27625,7 @@ const CardContent = (props) => {
         className: "str-chat__message-attachment-card--source-link",
         "data-testid": "card-source-link",
         children: [
-          /* @__PURE__ */ jsx(IconChainLink, {}),
+          /* @__PURE__ */ jsx(IconLink, {}),
           /* @__PURE__ */ jsx("div", { className: "str-chat__message-attachment-card--url", children: url })
         ]
       }
@@ -27818,7 +27796,7 @@ const DefaultGeolocationAttachmentMapPlaceholder = ({
     className: "str-chat__message-attachment-geolocation__placeholder",
     "data-testid": "geolocation-attachment-map-placeholder",
     children: [
-      /* @__PURE__ */ jsx(IconMapPin, {}),
+      /* @__PURE__ */ jsx(IconLocation, {}),
       /* @__PURE__ */ jsx(
         "a",
         {
@@ -28289,7 +28267,7 @@ const ChannelHeader = (props) => {
   const {
     Avatar: Avatar2 = ChannelAvatar,
     image: overrideImage,
-    MenuIcon = IconLayoutAlignLeft,
+    MenuIcon = IconSidebar,
     title: overrideTitle
   } = props;
   const { channel } = useChannelStateContext();
@@ -28306,12 +28284,12 @@ const ChannelHeader = (props) => {
         "str-chat__channel-header--sidebar-collapsed": !navOpen
       }),
       children: [
-        /* @__PURE__ */ jsx(ToggleSidebarButton, { mode: "expand", children: /* @__PURE__ */ jsx(MenuIcon, {}) }),
+        /* @__PURE__ */ jsx("div", { className: "str-chat__channel-header__start", children: /* @__PURE__ */ jsx(ToggleSidebarButton, { mode: "expand", children: /* @__PURE__ */ jsx(MenuIcon, {}) }) }),
         /* @__PURE__ */ jsxs("div", { className: "str-chat__channel-header__data", children: [
           /* @__PURE__ */ jsx("div", { className: "str-chat__channel-header__data__title", children: displayTitle }),
           /* @__PURE__ */ jsx(ChannelHeaderSubtitle, {})
         ] }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "str-chat__channel-header__end", children: /* @__PURE__ */ jsx(
           Avatar2,
           {
             className: "str-chat__avatar--channel-header",
@@ -28321,7 +28299,7 @@ const ChannelHeader = (props) => {
             size: "lg",
             userName: displayTitle
           }
-        )
+        ) })
       ]
     }
   );
@@ -28370,12 +28348,12 @@ export {
   Card,
   CardContainer,
   bx as Channel,
-  dc as ChannelActionContext,
-  dd as ChannelActionProvider,
+  bY as ChannelActionContext,
+  bZ as ChannelActionProvider,
   ChannelAvatar,
   ChannelHeader,
   ChannelList,
-  de as ChannelListContext,
+  b_ as ChannelListContext,
   ChannelListContextProvider,
   ChannelListItem,
   ChannelListItemActionButtons,
@@ -28383,10 +28361,10 @@ export {
   ChannelListItemUI,
   ChannelListUI,
   ChannelSearchResultItem,
-  df as ChannelStateContext,
-  dg as ChannelStateProvider,
+  b$ as ChannelStateContext,
+  c0 as ChannelStateProvider,
   Chat,
-  dh as ChatContext,
+  c1 as ChatContext,
   ChatProvider,
   bz as ChatView,
   bC as ChatViewChannelsSelectorButton,
@@ -28398,7 +28376,7 @@ export {
   CommandChip,
   CommandItem,
   ComponentContext,
-  di as ComponentProvider,
+  c2 as ComponentProvider,
   ConnectionStatus,
   ContextMenu,
   ContextMenuBackButton,
@@ -28444,163 +28422,83 @@ export {
   GlobalModal,
   GroupAvatar,
   Header$1 as Header,
-  bG as IconApiAggregate,
-  bH as IconApples,
   IconArchive,
-  IconArrowBoxLeft,
   IconArrowDown,
   IconArrowDownCircle,
   IconArrowLeft,
-  bI as IconArrowRight,
-  IconArrowRightUp,
-  IconArrowRotateClockwise,
-  IconArrowRotateRightLeftRepeatRefresh,
-  IconArrowShareLeft,
   IconArrowUp,
-  bJ as IconArrowsRepeatLeftRight,
-  bK as IconAt,
-  bL as IconAtSolid,
-  IconBellNotification,
+  IconArrowUpRight,
+  IconAttachment,
+  IconAudio,
+  IconBell,
   IconBellOff,
-  IconBookmark,
-  IconBookmarkRemove,
-  bM as IconBrowserAISparkle,
-  bN as IconBubble2ChatMessage,
-  bO as IconBubble2Solid,
-  bP as IconBubble3ChatMessage,
-  bQ as IconBubble3Solid,
-  bR as IconBubbleAnnotation2ChatMessage,
-  IconBubbleText6ChatMessage,
-  bT as IconBubbleText6Solid,
-  bS as IconBubbleText6SolidChatMessage,
-  IconBubbleWideNotificationChatMessage,
-  bU as IconBubbleWideSparkleChatMessage,
-  IconBubbles,
-  bV as IconCalendar1,
-  bW as IconCallCancel,
-  IconCamera1,
-  bX as IconCar1,
-  bY as IconCat,
-  IconChainLink,
-  IconChart5,
+  IconBolt,
+  IconCamera,
+  IconCheckmark,
   IconCheckmark1Small,
-  IconCheckmark2,
-  bZ as IconCheckmark2Small,
+  IconChecks,
   IconChevronDown,
-  b_ as IconChevronGrabberVerticalSelector,
   IconChevronLeft,
   IconChevronRight,
-  b$ as IconChevronTop,
-  IconCircleBanSign,
-  c0 as IconCircleCheck,
-  c1 as IconCircleInfoTooltip,
-  IconCircleMinus,
-  c2 as IconCircleQuestionmark,
-  c3 as IconCircleQuestionmarkFilled,
-  IconCircleX,
   IconClock,
-  c4 as IconClockSolid,
-  IconCloseQuote2,
-  c5 as IconCode,
-  c6 as IconCodeBrackets,
-  c7 as IconCodeEditorInsert,
-  c8 as IconCompass,
-  c9 as IconCreditCard2Billing,
-  IconCrossMedium,
+  IconCommand,
+  IconCopy,
   IconCrossSmall,
-  IconDotGrid1x3Horizontal,
-  IconDotGrid2x3,
-  ca as IconDotsGrid1x3Vertical,
-  IconDoubleCheckmark1Small,
-  IconEditBig,
-  cb as IconEditBigSolid,
-  cc as IconEmojiAddReaction,
-  cd as IconEmojiSad,
-  IconEmojiSmile,
-  IconExclamation,
-  IconExclamationCircle,
-  IconExclamationCircle1,
+  IconDelete,
+  IconEdit,
+  IconEmoji,
+  IconExclamationCircleFill,
+  IconExclamationMark,
+  IconExclamationMarkFill,
   IconExclamationTriangle,
-  ce as IconExclamationTriangle1,
   IconEyeOpen,
-  IconFileArrowLeftIn,
-  IconFileBend,
-  cf as IconFilledCircleInfoTooltip,
-  cg as IconFilter1,
-  IconFlag2,
-  ch as IconGauge,
+  IconFile,
+  IconFlag,
   IconGiphy,
-  ci as IconGoogle,
-  cj as IconHashtagChannel,
-  ck as IconHeart2,
-  cl as IconHistory,
-  IconImages1Alt,
-  cm as IconInvite,
-  cn as IconLayersBehind,
-  IconLayoutAlignLeft,
-  co as IconLayoutGrid1,
-  cp as IconLightBulbSimple,
-  cq as IconLimits,
-  cr as IconLineChart3,
-  IconLoadingCircle,
-  cs as IconLock,
-  IconMagnifyingGlassSearch,
-  IconMapPin,
-  IconMicrophone,
-  ct as IconMicrophoneSolid,
-  cu as IconMinusLarge,
-  cv as IconMinusSmall,
+  IconImage,
+  IconLeave,
+  IconLink,
+  IconLoading,
+  IconLocation,
+  bG as IconMessageBubble,
+  bH as IconMessageBubbleFill,
+  IconMessageBubbles,
+  IconMinusCircle,
+  IconMore,
   IconMute,
-  cw as IconNewspaper2,
-  cx as IconOrganization,
-  IconPaperPlane,
-  cy as IconPaperPlaneTopRight,
-  IconPaperclip,
-  cz as IconParagraphsText,
-  IconPause,
-  cA as IconPencil,
-  IconPeople,
-  cB as IconPeople2,
-  IconPeopleAdd,
-  IconPeopleAdded,
-  cC as IconPeopleCircle,
-  cD as IconPeopleCopy,
-  cE as IconPeopleEditUserRights,
-  IconPeopleRemove,
-  cF as IconPersona,
+  IconNoSign,
+  IconNotification,
+  IconPauseFill,
   IconPin,
-  IconPlaySolid,
-  IconPlusLarge,
+  IconPlayFill,
+  IconPlus,
   IconPlusSmall,
-  IconRunShortcut,
-  cG as IconSearchText,
-  cH as IconSettingsGear2,
-  cI as IconSettingsSliderVer,
-  cJ as IconShapesPlusCloseSquareCircle,
-  cK as IconShapesTriangleSquareCircle,
-  cL as IconShareRedirectLink,
-  cM as IconShield,
-  IconSquareBehindSquare2_Copy,
-  cN as IconSquareCircleTopRightFeeds,
-  cO as IconStop,
-  cP as IconTable,
-  cQ as IconTeam,
-  cR as IconTennis,
-  cS as IconTextToImageURLEnrichment,
-  IconThunder,
+  IconPoll,
+  IconQuote,
+  IconRefresh,
+  IconReorder,
+  IconReply,
+  IconRetry,
+  IconSave,
+  IconSearch,
+  IconSend,
+  IconSidebar,
+  IconThread,
+  bI as IconThreadFill,
   IconTranslate,
-  IconTrashBin,
-  cT as IconTrending4,
   IconTrophy,
-  cU as IconUnlocked,
   IconUnpin,
-  cV as IconUsers,
+  IconUnsave,
+  IconUpload,
+  IconUser,
+  IconUserAdd,
+  IconUserCheck,
+  IconUserRemove,
   IconVideo,
-  IconVideoSolid,
-  cW as IconVoiceAndVideo,
-  cX as IconVoiceHigh,
-  IconVolumeFull,
-  cY as IconWebhook,
+  IconVideoFill,
+  IconVoice,
+  IconXCircle,
+  IconXmark,
   ImageComponent,
   ImageContainer,
   ImagePlaceholder,
@@ -28609,9 +28507,9 @@ export {
   LinkPreviewList,
   LoadMoreButton,
   LoadMorePaginator,
-  cZ as LoadingChannel,
+  bJ as LoadingChannel,
   LoadingChannels,
-  c_ as LoadingErrorIndicator,
+  bK as LoadingErrorIndicator,
   LoadingIndicator,
   LoadingIndicatorIcon,
   MAX_MESSAGE_REACTIONS_TO_FETCH,
@@ -28626,7 +28524,7 @@ export {
   MessageBouncePrompt,
   MessageBounceProvider,
   MessageComposer,
-  dj as MessageComposerContext,
+  c3 as MessageComposerContext,
   MessageComposerContextProvider,
   MessageComposerUI,
   MessageContext,
@@ -28659,7 +28557,7 @@ export {
   NotificationList,
   NotificationTranslationTopic,
   NumericInput,
-  c$ as OPTIONAL_MESSAGE_ACTIONS,
+  bL as OPTIONAL_MESSAGE_ACTIONS,
   OtherFilesContainer,
   PauseIcon,
   PinIndicator,
@@ -28726,22 +28624,22 @@ export {
   TextInputFieldSet,
   TextareaComposer,
   Thread,
-  da as ThreadContext,
+  bW as ThreadContext,
   ThreadHeader,
   ThreadList,
   ThreadListItem,
   ThreadListItemUI,
-  db as ThreadProvider,
+  bX as ThreadProvider,
   ThreadStart,
   Tooltip,
   TranslationBuilder,
-  dk as TranslationContext,
+  c4 as TranslationContext,
   TranslationProvider,
   TranslationTopic,
-  dl as TypingContext,
+  c5 as TypingContext,
   TypingIndicator,
   TypingIndicatorHeader,
-  dm as TypingProvider,
+  c6 as TypingProvider,
   UNREAD_MESSAGE_SEPARATOR_CLASS,
   UnMemoizedLoadMorePaginator,
   UnreadMessagesNotification,
@@ -28799,21 +28697,21 @@ export {
   getCssDimensionsVariables,
   getGroupChannelDisplayInfo,
   getGroupStyles,
-  d0 as getImages,
+  bM as getImages,
   getIsFirstUnreadMessage,
   getLastReceived,
   getLatestMessagePreview,
   getMessageActions,
-  d1 as getNonImageAttachments,
-  d7 as getNotificationTargetPanel,
-  d8 as getNotificationTargetTag,
+  bN as getNonImageAttachments,
+  bT as getNotificationTargetPanel,
+  bU as getNotificationTargetTag,
   getReadByTooltipText,
   getTextareaCaretRect,
   getTranslatedMessageText,
   getWholeChar,
   handleActionWarning,
-  d4 as hasMoreMessagesProbably,
-  d5 as hasNotMoreMessages,
+  bQ as hasMoreMessagesProbably,
+  bR as hasNotMoreMessages,
   hiTranslations,
   htmlToTextPlugin,
   imageToLink,
@@ -28823,7 +28721,7 @@ export {
   isChrome,
   isDate,
   isDateSeparatorMessage,
-  dn as isDayOrMoment,
+  c7 as isDayOrMoment,
   isFirefox,
   isGalleryAttachmentType,
   isIntroMessage,
@@ -28835,8 +28733,8 @@ export {
   isMessageErrorRetryable,
   isNetworkSendFailure,
   isNotificationForPanel,
-  d6 as isNotificationTargetPanel,
-  dp as isNumberOrString,
+  bS as isNotificationTargetPanel,
+  c8 as isNumberOrString,
   isSafari,
   isSvgAttachment,
   isUserMuted,
@@ -28844,8 +28742,8 @@ export {
   jaTranslations,
   keepLineBreaksPlugin,
   koTranslations,
-  d3 as makeDateMessageId,
-  d2 as makeIntroMessage,
+  bP as makeDateMessageId,
+  bO as makeIntroMessage,
   mapEmojiMartData,
   mapToUserNameOrId,
   markDownRenderers,
@@ -28923,7 +28821,7 @@ export {
   useFlagHandler,
   useGalleryContext,
   useLastReadData,
-  d9 as useLegacyThreadContext,
+  bV as useLegacyThreadContext,
   useLiveLocationSharingManager,
   useMarkUnreadHandler,
   useMentionsHandler,