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

package/dist/cjs/index.js

@@ -5,7 +5,7 @@ const clsx = require("clsx");
 const nanoid = require("nanoid");
 const React = require("react");
 const audioProcessing = require("./audioProcessing.56e5db9d.js");
-const WithAudioPlayback = require("./WithAudioPlayback.4a84360f.js");
+const WithAudioPlayback = require("./WithAudioPlayback.0c10cb67.js");
 const streamChat = require("stream-chat");
 const throttle = require("lodash.throttle");
 const linkify = require("linkifyjs");
@@ -292,7 +292,8 @@ const DialogPortalDestination = () => {
   React.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) => {
@@ -319,21 +320,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"
@@ -491,6 +477,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 = React.createContext(
   void 0
 );
@@ -519,6 +537,7 @@ function MessageBounceProvider({ children }) {
   const handleEdit = React.useCallback(
     (e) => {
       e.preventDefault();
+      savePreEditSnapshot(messageComposer);
       messageComposer.initState({ composition: message });
     },
     [message, messageComposer]
@@ -727,49 +746,6 @@ const useNotifications = (options) => {
   const { notifications } = WithAudioPlayback.useStateStore(client.notifications.store, selector2);
   return notifications;
 };
-const IconGiphy = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
-  WithAudioPlayback.BaseIcon,
-  {
-    ...props,
-    className: clsx("str-chat__icon--giphy", className),
-    viewBox: "0 0 16 16",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_4197_15218)", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            clipRule: "evenodd",
-            d: "M3.33674 1.82861H12.6639V14.171H3.33594L3.33674 1.82861Z",
-            fill: "black",
-            fillRule: "evenodd"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1.47217 1.37109H3.33697V14.6287H1.47217V1.37109Z", fill: "#04FF8E" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.6631 5.02881H14.5279V14.6288H12.6631V5.02881Z", fill: "#8E2EFF" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1.47217 14.1714H14.5282V16.0002H1.47217V14.1714Z", fill: "#00C5FF" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1.47217 0H8.93297V1.8288H1.47217V0Z", fill: "#FFF152" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M12.663 3.6568V1.8288H10.7974V0H8.93262V5.4856H14.5278V3.6568",
-            fill: "#FF5B5B"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.6631 7.31464V5.48584H14.5279", fill: "#551C99" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            clipRule: "evenodd",
-            d: "M8.93298 0V1.8288H7.06738",
-            fill: "#999131",
-            fillRule: "evenodd"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_4197_15218", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { fill: "white", height: "16", width: "16" }) }) })
-    ]
-  }
-);
 const PlayButton = ({ className, isPlaying, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   WithAudioPlayback.Button,
   {
@@ -780,7 +756,7 @@ const PlayButton = ({ className, isPlaying, ...props }) => /* @__PURE__ */ jsxRu
     size: "sm",
     variant: "secondary",
     ...props,
-    children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPause, {}) : /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlaySolid, {})
+    children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPauseFill, {}) : /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlayFill, {})
   }
 );
 const Anonymous$b = "Anonym";
@@ -8519,7 +8495,7 @@ const LoadingChannels = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className
   /* @__PURE__ */ jsxRuntime.jsx(LoadingItems, {}),
   /* @__PURE__ */ jsxRuntime.jsx(LoadingItems, {})
 ] });
-const LoadingIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconLoadingCircle, { ...props, className: "str-chat__loading-indicator" });
+const LoadingIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconLoading, { ...props, className: "str-chat__loading-indicator" });
 const UnMemoizedCustomNotification = (props) => {
   const { active, children, className, type } = props;
   if (!active) return null;
@@ -8927,7 +8903,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"];
@@ -9231,7 +9207,7 @@ const DefaultCalloutDialog = ({ children, className, onClose }) => /* @__PURE__
       onClick: onClose,
       size: "sm",
       variant: "secondary",
-      children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCrossMedium, {})
+      children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconXmark, {})
     }
   )
 ] });
@@ -9301,7 +9277,7 @@ const Avatar = ({
           }
         ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           !!sizeAwareInitials.length && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__avatar-initials", "data-testid": "avatar-fallback", children: sizeAwareInitials }),
-          !sizeAwareInitials.length && /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPeople, {})
+          !sizeAwareInitials.length && /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconUser, {})
         ] })
       ]
     }
@@ -9330,7 +9306,7 @@ const ErrorBadge = ({
   className,
   size = "sm",
   ...rest
-}) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { ...rest, className, size, variant: "error", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamation, {}) });
+}) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { ...rest, className, size, variant: "error", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamationMarkFill, {}) });
 function AvatarStack({
   badgeSize,
   component: Component = "div",
@@ -9946,7 +9922,7 @@ const PromptHeader = ({ className, close, description, title }) => /* @__PURE__
       onClick: close,
       size: "sm",
       variant: "secondary",
-      children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCrossMedium, {})
+      children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconXmark, {})
     }
   )
 ] });
@@ -10015,7 +9991,7 @@ const ViewerHeader = ({
       onClick: close,
       size: "sm",
       variant: "secondary",
-      children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCrossMedium, {})
+      children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconXmark, {})
     }
   )
 ] });
@@ -10152,7 +10128,7 @@ function MessageBouncePrompt({ children }) {
           Alert.Header,
           {
             className: "str-chat__message-bounce-alert-header",
-            Icon: WithAudioPlayback.IconExclamationCircle,
+            Icon: WithAudioPlayback.IconExclamationMark,
             title: !children ? t("This message did not meet our content guidelines") : void 0,
             children
           }
@@ -10203,7 +10179,7 @@ const MessageBubble = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.js
 const MessageDeletedBubble = () => {
   const { t } = WithAudioPlayback.useTranslationContext();
   return /* @__PURE__ */ jsxRuntime.jsx(MessageBubble, { "data-testid": "message-deleted-bubble", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__message-text", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCircleBanSign, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconNoSign, {}),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("Message deleted") })
   ] }) });
 };
@@ -10346,7 +10322,7 @@ const MessageAlsoSentInChannelIndicator = () => {
   };
   if (!message?.show_in_channel) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__message-also-sent-in-channel", role: "status", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconArrowRightUp, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconArrowUpRight, {}),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: threadList ? t("Also sent in channel") : t("Replied to a thread") }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: " · " }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -10560,7 +10536,7 @@ const UnMemoizedMessageStatus = (props) => {
               children: t("Delivered")
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconDoubleCheckmark1Small, { className: "str-chat__message-status-delivered" })
+          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconChecks, { className: "str-chat__message-status-delivered" })
         ] })),
         read && (MessageReadStatus ? /* @__PURE__ */ jsxRuntime.jsx(MessageReadStatus, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -10572,7 +10548,7 @@ const UnMemoizedMessageStatus = (props) => {
               children: WithAudioPlayback.getReadByTooltipText(readBy, t, client, tooltipUserNameMapper)
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconDoubleCheckmark1Small, { className: "str-chat__message-status-read" }),
+          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconChecks, { className: "str-chat__message-status-read" }),
           readersWithoutOwnUser.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
@@ -11196,6 +11172,7 @@ const useSubmitHandler = (props) => {
       if (messageComposer.editedMessage && localMessage.type !== "error") {
         try {
           await editMessage(localMessage, sendOptions);
+          discardPreEditSnapshot(messageComposer);
           messageComposer.clear();
         } catch (err) {
           client.notifications.addError({
@@ -12064,7 +12041,7 @@ const ImagePlaceholder = ({ className }) => {
       className: clsx("str-chat__image-placeholder", className),
       "data-testid": "str-chat__base-image-placeholder",
       role: "img",
-      children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconImages1Alt, {})
+      children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconImage, {})
     }
   );
 };
@@ -13126,16 +13103,16 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
   };
   if (!groupedAttachments.total) return result;
   if (groupedAttachments.polls.length > 0)
-    return { ...result, Icon: WithAudioPlayback.IconChart5, previewType: "poll" };
+    return { ...result, Icon: WithAudioPlayback.IconPoll, previewType: "poll" };
   if (groupedAttachments.locations.length > 0)
-    return { ...result, Icon: WithAudioPlayback.IconMapPin, previewType: "location" };
+    return { ...result, Icon: WithAudioPlayback.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: WithAudioPlayback.IconFileBend,
+      Icon: WithAudioPlayback.IconFile,
       PreviewImage: /* @__PURE__ */ jsxRuntime.jsx(
         BaseImage,
         {
@@ -13152,7 +13129,7 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
     const fileAttachment = groupedAttachments.documents[0];
     return {
       ...result,
-      Icon: WithAudioPlayback.IconFileBend,
+      Icon: WithAudioPlayback.IconFile,
       PreviewImage: /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { fileName: fileAttachment.title, mimeType: fileAttachment.mime_type }),
       previewType: "file"
     };
@@ -13161,7 +13138,7 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
     const linkAttachment = groupedAttachments.links[0];
     return {
       ...result,
-      Icon: WithAudioPlayback.IconChainLink,
+      Icon: WithAudioPlayback.IconLink,
       PreviewImage: /* @__PURE__ */ jsxRuntime.jsx(
         BaseImage,
         {
@@ -13189,7 +13166,7 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
             title: videoAttachment.title
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__attachment-preview__thumbnail__play-indicator", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlaySolid, {}) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__attachment-preview__thumbnail__play-indicator", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlayFill, {}) })
       ] }),
       previewType: "video"
     };
@@ -13198,7 +13175,7 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
     const imageAttachment = groupedAttachments.images[0];
     return {
       ...result,
-      Icon: WithAudioPlayback.IconVideoSolid,
+      Icon: WithAudioPlayback.IconVideoFill,
       PreviewImage: /* @__PURE__ */ jsxRuntime.jsx(
         BaseImage,
         {
@@ -13212,8 +13189,8 @@ const getAttachmentIconWithType = (quotedMessage, giphyVersionName) => {
     };
   }
   if (groupedAttachments.voiceRecordings.length === groupedAttachments.total)
-    return { ...result, Icon: WithAudioPlayback.IconMicrophone, previewType: "voice" };
-  return { ...result, Icon: WithAudioPlayback.IconFileBend, previewType: "mixed" };
+    return { ...result, Icon: WithAudioPlayback.IconVoice, previewType: "voice" };
+  return { ...result, Icon: WithAudioPlayback.IconFile, previewType: "mixed" };
 };
 const QuotedMessagePreview = ({
   getQuotedMessageAuthor,
@@ -13364,7 +13341,7 @@ const reminderStateSelector = (state) => ({
 function SavedForLaterContent() {
   const { t } = WithAudioPlayback.useTranslationContext();
   return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "str-chat__message-saved-for-later", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconBookmark, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconSave, {}),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("Saved for later") })
   ] });
 }
@@ -13408,7 +13385,7 @@ function RemindMeContent({ reminder }) {
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "str-chat__message-reminder", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconBellNotification, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconBell, {}),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("Reminder set") }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: " · " }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "str-chat__message-reminder__time-left", children: renderTime() })
@@ -13586,15 +13563,7 @@ const SwitchField = ({
             ref: inputRef
           }
         ),
-        title ? /* @__PURE__ */ jsxRuntime.jsx(
-          SwitchFieldLabel,
-          {
-            description,
-            htmlFor: id,
-            onClick: () => inputRef.current?.click(),
-            title
-          }
-        ) : children,
+        title ? /* @__PURE__ */ jsxRuntime.jsx(SwitchFieldLabel, { description, htmlFor: id, title }) : children,
         /* @__PURE__ */ jsxRuntime.jsx(
           Switch,
           {
@@ -14121,10 +14090,10 @@ const TextInput = React.forwardRef(function TextInput2({
   const displayMessage = displayError || displaySuccess || displayNeutralMessage;
   const messageId = displayMessage ? `${id}-message` : void 0;
   const messageContent = displayError ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "str-chat__form-text-input__message-icon", children: errorMessageIcon ?? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamationCircle, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "str-chat__form-text-input__message-icon", children: errorMessageIcon ?? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamationMark, {}) }),
     errorMessage ?? message
   ] }) : displaySuccess ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "str-chat__form-text-input__message-icon", children: successMessageIcon ?? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCheckmark2, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "str-chat__form-text-input__message-icon", children: successMessageIcon ?? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCheckmark, {}) }),
     successMessage
   ] }) : displayNeutralMessage ? message : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -14653,7 +14622,7 @@ const PollVoteTimestamp = ({ timestamp }) => {
 const PollVoteAuthor = ({ vote }) => {
   const { t } = WithAudioPlayback.useTranslationContext();
   const { client } = WithAudioPlayback.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__ */ jsxRuntime.jsxs("div", { className: "str-chat__poll-vote__author", children: [
     vote.user && /* @__PURE__ */ jsxRuntime.jsx(
       Avatar,
@@ -15568,7 +15537,7 @@ const OptionFieldSet = () => {
                 className: "str-chat__form__input-field__value",
                 error: !!error,
                 id: option.id,
-                leading: draggable ? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconDotGrid2x3, { className: "str-chat__drag-handle" }) : void 0,
+                leading: draggable ? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconReorder, { className: "str-chat__drag-handle" }) : void 0,
                 message: error ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "poll-option-input-field-error", children: knownValidationErrors[error] ?? t("Error") }) : void 0,
                 onBlur: () => {
                   pollComposer.handleFieldBlur("options");
@@ -15607,7 +15576,7 @@ const RemoveOptionButton = ({ className, ...props }) => /* @__PURE__ */ jsxRunti
     size: "sm",
     variant: "secondary",
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCircleMinus, {})
+    children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconMinusCircle, {})
   }
 );
 const PollCreationDialogControls = ({
@@ -15643,7 +15612,7 @@ const PollCreationDialogControls = ({
         },
         type: "submit",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPaperPlane, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconSend, {}),
           t("Send poll")
         ]
       }
@@ -15725,12 +15694,12 @@ const AttachmentSelectorContextProvider = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(AttachmentSelectorContext.Provider, { value, children });
 const useAttachmentSelectorContext = () => React.useContext(AttachmentSelectorContext);
 const icons = {
-  ban: WithAudioPlayback.IconPeopleRemove,
-  flag: WithAudioPlayback.IconFlag2,
-  giphy: IconGiphy,
+  ban: WithAudioPlayback.IconUserRemove,
+  flag: WithAudioPlayback.IconFlag,
+  giphy: WithAudioPlayback.IconGiphy,
   mute: WithAudioPlayback.IconMute,
-  unban: WithAudioPlayback.IconPeopleAdd,
-  unmute: WithAudioPlayback.IconVolumeFull
+  unban: WithAudioPlayback.IconUserAdd,
+  unmute: WithAudioPlayback.IconAudio
 };
 const CommandsMenuClassName = "str-chat__context-menu--commands";
 const CommandsSubmenuHeader = () => {
@@ -15822,7 +15791,7 @@ const AttachmentSelectorMenuInitButtonIcon = ({ className }) => {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: /* @__PURE__ */ jsxRuntime.jsx(AttachmentSelectorInitiationButtonContents, {}) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    WithAudioPlayback.IconPlusLarge,
+    WithAudioPlayback.IconPlus,
     {
       className: clsx("str-chat__attachment-selector__menu-button__icon", className)
     }
@@ -15885,7 +15854,7 @@ const DefaultAttachmentSelectorComponents = {
       {
         className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__create-poll-button",
         hasSubMenu: hasSubmenu,
-        Icon: WithAudioPlayback.IconRunShortcut,
+        Icon: WithAudioPlayback.IconCommand,
         onClick: () => {
           if (!hasSubmenu) return;
           openSubmenu({
@@ -15906,7 +15875,7 @@ const DefaultAttachmentSelectorComponents = {
       ContextMenuButton,
       {
         className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__upload-file-button",
-        Icon: WithAudioPlayback.IconPaperclip,
+        Icon: WithAudioPlayback.IconAttachment,
         onClick: () => {
           fileInput?.click();
           closeMenu();
@@ -15922,7 +15891,7 @@ const DefaultAttachmentSelectorComponents = {
       ContextMenuButton,
       {
         className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__add-location-button",
-        Icon: WithAudioPlayback.IconMapPin,
+        Icon: WithAudioPlayback.IconLocation,
         onClick: () => {
           openModalForAction("addLocation");
           closeMenu();
@@ -15938,7 +15907,7 @@ const DefaultAttachmentSelectorComponents = {
       ContextMenuButton,
       {
         className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__create-poll-button",
-        Icon: WithAudioPlayback.IconChart5,
+        Icon: WithAudioPlayback.IconPoll,
         onClick: () => {
           openModalForAction("createPoll");
           closeMenu();
@@ -16271,7 +16240,7 @@ const FileAttachmentPreview = ({
             uploadState === "uploading" && /* @__PURE__ */ jsxRuntime.jsx(LoadingIndicatorIcon, {}),
             !hasError && /* @__PURE__ */ jsxRuntime.jsx(FileSizeIndicator, { fileSize: attachment.file_size }),
             hasFatalError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__attachment-preview-file__fatal-error", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamationCircle, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamationMark, {}),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: hasSizeLimitError ? t("File too large") : uploadState === "blocked" ? t("Upload blocked") : t("Upload failed") })
             ] }),
             hasRetriableError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__attachment-preview-file__retriable-error", children: [
@@ -16827,7 +16796,7 @@ const AudioAttachmentPreview = ({
                 }
               )
             ] }) : hasFatalError ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__attachment-preview-file__fatal-error", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamationCircle, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamationMark, {}),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: hasSizeLimitError ? t("File too large") : uploadState === "blocked" ? t("Upload blocked") : t("Upload failed") })
             ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__attachment-preview-file__retriable-error", children: [
               /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamationTriangle, {}),
@@ -16926,10 +16895,10 @@ const MediaAttachmentPreview = ({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx("str-chat__attachment-preview-media__overlay"), children: [
             isUploading && /* @__PURE__ */ jsxRuntime.jsx(LoadingIndicator2, {}),
             streamChat.isVideoAttachment(attachment) && !hasUploadError && uploadState !== "uploading" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__attachment-preview-media__video-indicator", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconVideoSolid, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconVideoFill, {}),
               attachment.duration && /* @__PURE__ */ jsxRuntime.jsx("div", { children: attachment.duration })
             ] }),
-            hasFatalError && /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamationCircle, {}),
+            hasFatalError && /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconExclamationMark, {}),
             hasRetriableError && /* @__PURE__ */ jsxRuntime.jsx(
               WithAudioPlayback.Button,
               {
@@ -16941,7 +16910,7 @@ const MediaAttachmentPreview = ({
                 onClick: retry,
                 size: "sm",
                 variant: "danger",
-                children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconArrowRotateClockwise, {})
+                children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconRetry, {})
               }
             )
           ] })
@@ -17012,7 +16981,7 @@ const GalleryHeader = ({ currentItem }) => {
           className: "str-chat__gallery__action-button str-chat__gallery__action-button--close",
           onClick: modalContext.close,
           title: t("Close"),
-          children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCrossMedium, {})
+          children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconXmark, {})
         }
       ) : null
     ] })
@@ -17059,9 +17028,9 @@ const VideoThumbnail = ({
         onClick: onPlay,
         size: "lg",
         variant: "secondary",
-        children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlaySolid, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlayFill, {})
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__message-attachment__video-thumbnail__play-indicator", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlaySolid, {}) })
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__message-attachment__video-thumbnail__play-indicator", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlayFill, {}) })
   ] });
 };
 const SWIPE_THRESHOLD = 50;
@@ -17475,7 +17444,7 @@ const CommandChip = ({ command }) => {
   const { textareaRef } = WithAudioPlayback.useMessageComposerContext();
   if (!command) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__command-chip", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconThunder, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconBolt, {}),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: command.name }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -17485,7 +17454,7 @@ const CommandChip = ({ command }) => {
           textComposer.setCommand(null);
           textareaRef.current?.focus();
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCrossMedium, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconXmark, {})
       }
     )
   ] });
@@ -17550,7 +17519,7 @@ const LinkPreviewCard = ({ linkPreview }) => {
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__link-preview-card__content-title", children: linkPreview.title }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__link-preview-card__content-description", children: linkPreview.text }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__link-preview-card__content__url", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconChainLink, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconLink, {}),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: linkPreview.og_scrape_url })
           ] })
         ] }),
@@ -17628,7 +17597,7 @@ const AudioRecordingPlayback = ({
             onClick: audioPlayer.togglePlay,
             size: "sm",
             variant: "secondary",
-            children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPause, {}) : /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlaySolid, {})
+            children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPauseFill, {}) : /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlayFill, {})
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -17746,7 +17715,7 @@ const AudioRecordingPreview = () => {
     };
   }, [recorder, startCounter, stopCounter]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__audio-recorder__recording-preview", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconMicrophone, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconVoice, {}),
     /* @__PURE__ */ jsxRuntime.jsx(RecordingTimer, { durationSeconds: secondsElapsed }),
     /* @__PURE__ */ jsxRuntime.jsx(AudioRecordingWaveform, {})
   ] });
@@ -17766,7 +17735,7 @@ const ToggleRecordingButton = () => {
       onClick: () => isRecording(recordingState) ? recorder?.pause() : recorder?.resume(),
       size: "sm",
       variant: "secondary",
-      children: isRecording(recordingState) ? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPause, {}) : /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconMicrophone, {})
+      children: isRecording(recordingState) ? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPauseFill, {}) : /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconVoice, {})
     }
   );
 };
@@ -17801,7 +17770,7 @@ const AudioRecorderRecordingControls = () => {
         },
         size: "sm",
         variant: "secondary",
-        children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconTrashBin, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconDelete, {})
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(ToggleRecordingButton, {}),
@@ -17898,7 +17867,7 @@ const DefaultStartRecordingAudioButton = React.forwardRef(function StartRecordin
       variant: "secondary",
       ...props,
       ref,
-      children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconMicrophone, {})
+      children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconVoice, {})
     }
   );
 });
@@ -17939,7 +17908,7 @@ const SendToChannelCheckbox = () => {
                 type: "checkbox"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "str-chat__send-to-channel-checkbox__visual", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "str-chat__send-to-channel-checkbox__checkmark", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCheckmark2, {}) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "str-chat__send-to-channel-checkbox__visual", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "str-chat__send-to-channel-checkbox__checkmark", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCheckmark, {}) }) }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "str-chat__send-to-channel-checkbox__label", children: labelText })
           ]
         }
@@ -18599,7 +18568,7 @@ const FileDragAndDropContent = ({
 }) => {
   const { t } = WithAudioPlayback.useTranslationContext();
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__dropzone-container__content", children: isDragRejected ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: t("Some of the files will not be accepted") }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconFileArrowLeftIn, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconUpload, {}),
     /* @__PURE__ */ jsxRuntime.jsx("p", { children: t("Drag your files here") })
   ] }) });
 };
@@ -18635,7 +18604,7 @@ const SendButton = ({ children, sendMessage, ...rest }) => {
       size: "sm",
       variant: "primary",
       ...rest,
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPaperPlane, {})
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconSend, {})
     }
   );
 };
@@ -18671,7 +18640,7 @@ const MessageComposerActions = () => {
   const stopGenerating = React.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__ */ jsxRuntime.jsx(SendButton$1, { sendMessage: handleSubmit }) : /* @__PURE__ */ jsxRuntime.jsx(SendButton, { sendMessage: handleSubmit, children: editedMessage || command ? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCheckmark2, {}) : /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPaperPlane, {}) });
+  let content = SendButton$1 ? /* @__PURE__ */ jsxRuntime.jsx(SendButton$1, { sendMessage: handleSubmit }) : /* @__PURE__ */ jsxRuntime.jsx(SendButton, { sendMessage: handleSubmit, children: editedMessage || command ? /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCheckmark, {}) : /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconSend, {}) });
   if (shouldDisplayStopAIGeneration) {
     content = /* @__PURE__ */ jsxRuntime.jsx(StopAIGenerationButton$1, { onClick: stopGenerating });
   } else if (hideSendButton) return null;
@@ -18687,7 +18656,7 @@ const AdditionalMessageComposerActions = () => {
   const isCooldownActive = WithAudioPlayback.useIsCooldownActive();
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__message-composer__additional-actions", children: !isCooldownActive && EmojiPicker ? /* @__PURE__ */ jsxRuntime.jsx(EmojiPicker, {}) : null });
 };
-const GeolocationPreviewImage = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__location-preview-image", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconMapPin, {}) });
+const GeolocationPreviewImage = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__location-preview-image", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconLocation, {}) });
 const GeolocationPreview = ({
   location,
   PreviewImage = GeolocationPreviewImage,
@@ -18780,7 +18749,7 @@ const MessageComposerPreviews = () => {
       {
         message: editedMessage,
         onCancel: () => {
-          messageComposer.clear();
+          restorePreEditSnapshot(messageComposer);
         }
       }
     ) }) : /* @__PURE__ */ jsxRuntime.jsx(QuotedMessagePreview$1, {}),
@@ -19223,7 +19192,7 @@ const useChat = ({
   };
   React.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}`);
@@ -19357,7 +19326,7 @@ const ThreadHeaderSubtitle = ({
   ) });
 };
 const ThreadHeader = (props) => {
-  const { closeThread, MenuIcon = WithAudioPlayback.IconLayoutAlignLeft, overrideTitle, thread } = props;
+  const { closeThread, MenuIcon = WithAudioPlayback.IconSidebar, overrideTitle, thread } = props;
   const { t } = WithAudioPlayback.useTranslationContext();
   const { channel } = WithAudioPlayback.useChannelStateContext();
   const { activeChatView } = WithAudioPlayback.useChatViewContext();
@@ -19367,7 +19336,7 @@ const ThreadHeader = (props) => {
   const replyCount = threadInstance ? replyCountThreadInstance : thread ? thread.reply_count ?? 0 : 0;
   const threadDisplayName = overrideTitle ?? channelDisplayTitle ?? displayNameFromParentMessage(thread) ?? void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__thread-header", children: [
-    activeChatView === "threads" && /* @__PURE__ */ jsxRuntime.jsx(ToggleSidebarButton, { canCollapse: !!threadInstance, mode: "expand", children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__thread-header__start", children: activeChatView === "threads" && /* @__PURE__ */ jsxRuntime.jsx(ToggleSidebarButton, { canCollapse: !!threadInstance, mode: "expand", children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, {}) }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__thread-header-details", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__thread-header-title", children: t("Thread") }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -19379,7 +19348,7 @@ const ThreadHeader = (props) => {
         }
       )
     ] }),
-    !threadInstance && /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__thread-header__end", children: !threadInstance && /* @__PURE__ */ jsxRuntime.jsx(
       WithAudioPlayback.Button,
       {
         appearance: "ghost",
@@ -19390,9 +19359,9 @@ const ThreadHeader = (props) => {
         onClick: closeThread,
         size: "md",
         variant: "secondary",
-        children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCrossMedium, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconXmark, {})
       }
-    )
+    ) })
   ] });
 };
 const threadStateSelector = ({ replyCount }) => ({
@@ -19698,7 +19667,7 @@ const ReactionSelector = (props) => {
           onClick: () => setExtendedListOpen(true),
           size: "sm",
           variant: "secondary",
-          children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlusLarge, {})
+          children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconPlus, {})
         }
       )
     ] }),
@@ -19879,7 +19848,7 @@ const DefaultMessageActionComponents = {
           "aria-label": t("aria/Open Thread"),
           className: msgActionsBoxButtonClassName,
           "data-testid": "thread-action",
-          Icon: WithAudioPlayback.IconBubbleText6ChatMessage,
+          Icon: WithAudioPlayback.IconThread,
           onClick: (e) => {
             handleOpenThread(e);
             closeMenu();
@@ -19906,7 +19875,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Quote Message"),
           className: msgActionsBoxButtonClassName,
-          Icon: WithAudioPlayback.IconCloseQuote2,
+          Icon: WithAudioPlayback.IconQuote,
           onClick: () => {
             handleQuote();
             closeMenu();
@@ -19943,7 +19912,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Copy Message Text"),
           className: msgActionsBoxButtonClassName,
-          Icon: WithAudioPlayback.IconSquareBehindSquare2_Copy,
+          Icon: WithAudioPlayback.IconCopy,
           onClick: () => {
             if (message.text) navigator.clipboard.writeText(message.text);
             closeMenu();
@@ -19961,7 +19930,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Resend Message"),
           className: msgActionsBoxButtonClassName,
-          Icon: WithAudioPlayback.IconArrowRotateClockwise,
+          Icon: WithAudioPlayback.IconRetry,
           onClick: () => {
             handleRetry(message);
             closeMenu();
@@ -19980,8 +19949,9 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Edit Message"),
           className: msgActionsBoxButtonClassName,
-          Icon: WithAudioPlayback.IconEditBig,
+          Icon: WithAudioPlayback.IconEdit,
           onClick: () => {
+            savePreEditSnapshot(messageComposer);
             messageComposer.initState({ composition: message });
             closeMenu();
           },
@@ -19998,7 +19968,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Mark Message Unread"),
           className: msgActionsBoxButtonClassName,
-          Icon: WithAudioPlayback.IconBubbleWideNotificationChatMessage,
+          Icon: WithAudioPlayback.IconNotification,
           onClick: (event) => {
             handleMarkUnread(event);
             closeMenu();
@@ -20021,7 +19991,7 @@ const DefaultMessageActionComponents = {
           "aria-label": reminder ? t("aria/Remind Me Message") : t("aria/Remove Reminder"),
           className: msgActionsBoxButtonClassName,
           hasSubMenu: !reminder,
-          Icon: reminder ? WithAudioPlayback.IconBellOff : WithAudioPlayback.IconBellNotification,
+          Icon: reminder ? WithAudioPlayback.IconBellOff : WithAudioPlayback.IconBell,
           onClick: () => {
             if (reminder) {
               client.reminders.deleteReminder(reminder.id);
@@ -20050,7 +20020,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": reminder ? t("aria/Remove Save For Later") : t("aria/Bookmark Message"),
           className: msgActionsBoxButtonClassName,
-          Icon: reminder ? WithAudioPlayback.IconBookmarkRemove : WithAudioPlayback.IconBookmark,
+          Icon: reminder ? WithAudioPlayback.IconUnsave : WithAudioPlayback.IconSave,
           onClick: () => {
             if (reminder) client.reminders.deleteReminder(reminder.id);
             else client.reminders.createReminder({ messageId: message.id });
@@ -20069,7 +20039,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": t("aria/Flag Message"),
           className: msgActionsBoxButtonClassName,
-          Icon: WithAudioPlayback.IconFlag2,
+          Icon: WithAudioPlayback.IconFlag,
           onClick: (event) => {
             handleFlag(event);
             closeMenu();
@@ -20089,7 +20059,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": isMuted ? t("aria/Unmute User") : t("aria/Mute User"),
           className: msgActionsBoxButtonClassName,
-          Icon: isMuted ? WithAudioPlayback.IconVolumeFull : WithAudioPlayback.IconMute,
+          Icon: isMuted ? WithAudioPlayback.IconAudio : WithAudioPlayback.IconMute,
           onClick: (event) => {
             handleMute(event);
             closeMenu();
@@ -20112,7 +20082,7 @@ const DefaultMessageActionComponents = {
           {
             "aria-label": t("aria/Delete Message"),
             className: msgActionsBoxButtonClassName,
-            Icon: WithAudioPlayback.IconTrashBin,
+            Icon: WithAudioPlayback.IconDelete,
             onClick: () => {
               setOpenModal(true);
             },
@@ -20158,7 +20128,7 @@ const DefaultMessageActionComponents = {
         {
           "aria-label": isBlocked ? t("aria/Unblock User") : t("aria/Block User"),
           className: clsx(msgActionsBoxButtonClassName),
-          Icon: isBlocked ? WithAudioPlayback.IconPeopleAdded : WithAudioPlayback.IconCircleBanSign,
+          Icon: isBlocked ? WithAudioPlayback.IconUserCheck : WithAudioPlayback.IconNoSign,
           onClick: () => {
             const targetId = message.user?.id;
             if (targetId) {
@@ -20195,12 +20165,12 @@ const DefaultMessageActionComponents = {
             dialog?.toggle();
           },
           ref,
-          children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconDotGrid1x3Horizontal, { className: "str-chat__message-action-icon" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconMore, { className: "str-chat__message-action-icon" })
         }
       );
     }),
     React() {
-      return /* @__PURE__ */ jsxRuntime.jsx(ReactionSelectorWithButton, { ReactionIcon: WithAudioPlayback.IconEmojiSmile });
+      return /* @__PURE__ */ jsxRuntime.jsx(ReactionSelectorWithButton, { ReactionIcon: WithAudioPlayback.IconEmoji });
     },
     Reply() {
       const { handleOpenThread } = useMessageContext();
@@ -20212,7 +20182,7 @@ const DefaultMessageActionComponents = {
           className: "str-chat__message-reply-in-thread-button",
           "data-testid": "thread-action",
           onClick: handleOpenThread,
-          children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconArrowShareLeft, { className: "str-chat__message-action-icon" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconReply, { className: "str-chat__message-action-icon" })
         }
       );
     }
@@ -20357,9 +20327,9 @@ function MessageReactionsDetail({
   handleFetchReactions,
   onSelectedReactionTypeChange,
   reactionDetailsSort: propReactionDetailsSort,
+  reactionGroups,
   reactions,
   selectedReactionType,
-  sortReactionDetails: propSortReactionDetails,
   totalReactionCount
 }) {
   const { client } = WithAudioPlayback.useChatContext();
@@ -20371,10 +20341,8 @@ function MessageReactionsDetail({
   const { t } = WithAudioPlayback.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,
@@ -20386,10 +20354,6 @@ function MessageReactionsDetail({
     shouldFetch: true,
     sort: reactionDetailsSort
   });
-  const reactionDetailsWithLegacyFallback = React.useMemo(
-    () => legacySortReactionDetails ? [...reactionDetails].sort(legacySortReactionDetails) : reactionDetails,
-    [legacySortReactionDetails, reactionDetails]
-  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -20434,7 +20398,7 @@ function MessageReactionsDetail({
             "data-testid": "all-reacting-users",
             children: [
               areReactionsLoading && /* @__PURE__ */ jsxRuntime.jsx(LoadingIndicator2, {}),
-              !areReactionsLoading && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: reactionDetailsWithLegacyFallback.map(({ type, user }) => {
+              !areReactionsLoading && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.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__ */ jsxRuntime.jsxs(
@@ -20467,8 +20431,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")
                           }
@@ -20497,17 +20466,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 } = WithAudioPlayback.useComponentContext();
-  const reactionOptions = propReactionOptions ?? contextReactionOptions;
+  const { reactionOptions = defaultReactionOptions } = WithAudioPlayback.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 = React.useCallback(
     (reactionType) => ownReactions?.some((reaction) => reaction.type === reactionType) ?? false,
     [ownReactions]
@@ -20591,6 +20558,7 @@ const useProcessReactions = (params) => {
   return {
     existingReactions,
     hasReactions,
+    reactionGroups,
     totalReactionCount,
     uniqueReactionTypeCount
   };
@@ -20607,16 +20575,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] = React.useState(
     null
   );
@@ -20635,16 +20609,27 @@ const UnMemoizedMessageReactions = (props) => {
     dialog.open();
   };
   const cappedExistingReactions = React.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -20665,7 +20650,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__ */ jsxRuntime.jsxs("ul", { className: "str-chat__message-reactions__list", children: [
                 (cappedExistingReactions?.reactionsToDisplay ?? existingReactions).map(
@@ -20696,7 +20681,7 @@ const UnMemoizedMessageReactions = (props) => {
                     reactionType
                   )
                 ),
-                uniqueReactionTypeCount > 4 && cappedExistingReactions && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "str-chat__message-reactions__list-item str-chat__message-reactions__list-item--more", children: /* @__PURE__ */ jsxRuntime.jsx(
+                uniqueReactionTypeCount > 4 && cappedExistingReactions && visualStyle === "segmented" && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "str-chat__message-reactions__list-item str-chat__message-reactions__list-item--more", children: /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
                   {
                     className: "str-chat__message-reactions__list-item-button",
@@ -20729,9 +20714,9 @@ const UnMemoizedMessageReactions = (props) => {
           {
             handleFetchReactions,
             onSelectedReactionTypeChange: setSelectedReactionType,
+            reactionGroups,
             reactions: existingReactions,
             selectedReactionType,
-            sortReactionDetails,
             totalReactionCount
           }
         )
@@ -21212,7 +21197,6 @@ const Message = (props) => {
     pinPermissions,
     reactionDetailsSort,
     retrySendMessage: propRetrySendMessage,
-    sortReactionDetails,
     sortReactions
   } = props;
   const { client } = WithAudioPlayback.useChatContext("Message");
@@ -21306,7 +21290,6 @@ const Message = (props) => {
       readBy: props.readBy,
       renderText: props.renderText,
       returnAllReadData: props.returnAllReadData,
-      sortReactionDetails,
       sortReactions,
       threadList: props.threadList,
       unsafeHTML: props.unsafeHTML,
@@ -22020,7 +22003,7 @@ const UnreadMessagesSeparator = ({
             onClick: () => markRead(),
             size: "sm",
             variant: "secondary",
-            children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCrossMedium, {})
+            children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconXmark, {})
           }
         )
       ]
@@ -22240,7 +22223,7 @@ const UnreadMessagesNotification = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.Button, { appearance: "outline", onClick: () => markRead(), variant: "secondary", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCrossMedium, {}) })
+        /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.Button, { appearance: "outline", onClick: () => markRead(), variant: "secondary", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconXmark, {}) })
       ]
     }
   );
@@ -22935,7 +22918,6 @@ const MessageListWithContext = (props) => {
     returnAllReadData = false,
     reviewProcessedMessage,
     showUnreadNotificationAlways,
-    sortReactionDetails,
     sortReactions,
     suppressAutoscroll,
     threadList = false,
@@ -23053,7 +23035,6 @@ const MessageListWithContext = (props) => {
       renderText: props.renderText,
       retrySendMessage: props.retrySendMessage,
       showAvatar: props.showAvatar,
-      sortReactionDetails,
       sortReactions,
       unsafeHTML
     },
@@ -23348,7 +23329,6 @@ const messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
     renderText: renderText2,
     returnAllReadData,
     showAvatar,
-    sortReactionDetails,
     sortReactions,
     threadList,
     unreadMessageCount = 0,
@@ -23398,7 +23378,6 @@ const messageRenderer = (virtuosoIndex, _data, virtuosoContext) => {
         renderText: renderText2,
         returnAllReadData,
         showAvatar,
-        sortReactionDetails,
         sortReactions,
         threadList
       }
@@ -23483,7 +23462,6 @@ const VirtualizedMessageListWithContext = (props) => {
     shouldGroupByUser = false,
     showAvatar,
     showUnreadNotificationAlways,
-    sortReactionDetails,
     sortReactions,
     stickToBottomScrollBehavior = "smooth",
     suppressAutoscroll,
@@ -23752,7 +23730,6 @@ const VirtualizedMessageListWithContext = (props) => {
                     returnAllReadData,
                     shouldGroupByUser,
                     showAvatar,
-                    sortReactionDetails,
                     sortReactions,
                     threadList,
                     unreadMessageCount: channelUnreadUiState?.unread_messages,
@@ -24613,7 +24590,7 @@ const SearchBar = () => {
           "str-chat__search-bar__input-wrapper--active": isActive
         }),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconMagnifyingGlassSearch, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconSearch, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
@@ -24657,7 +24634,7 @@ const SearchBar = () => {
               ref: clearButtonRef,
               size: "xs",
               variant: "secondary",
-              children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCircleX, {})
+              children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconXCircle, {})
             }
           )
         ]
@@ -25091,7 +25068,7 @@ const LoadMorePaginator = React.memo(
   UnMemoizedLoadMorePaginator
 );
 const ChannelListHeader = ({
-  ToggleButtonIcon = WithAudioPlayback.IconLayoutAlignLeft
+  ToggleButtonIcon = WithAudioPlayback.IconSidebar
 }) => {
   const { t } = WithAudioPlayback.useTranslationContext();
   const { channel, navOpen } = WithAudioPlayback.useChatContext();
@@ -25263,11 +25240,11 @@ const UnMemoizedChannelList = (props) => {
     }
   );
   const showChannelList = !searchIsActive;
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogManagerProvider, { id: `channel-list-dialog-manager-${stableId}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     WithAudioPlayback.ChannelListContextProvider,
     {
       value: { channels, hasNextPage, loadNextPage, setChannels },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className, ref: channelListRef, children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className, ref: channelListRef, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogManagerProvider, { id: `channel-list-dialog-manager-${stableId}`, children: [
         /* @__PURE__ */ jsxRuntime.jsx(ChannelListHeader, {}),
         showChannelSearch && /* @__PURE__ */ jsxRuntime.jsx(Search$12, {}),
         showChannelList && /* @__PURE__ */ jsxRuntime.jsx(
@@ -25289,9 +25266,9 @@ const UnMemoizedChannelList = (props) => {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(NotificationList$1, { panel: "channel-list" })
-      ] })
+      ] }) })
     }
-  ) });
+  );
 };
 const ChannelList = React.memo(
   UnMemoizedChannelList
@@ -25682,7 +25659,7 @@ const defaultChannelActionSet = [
           ref,
           size: "sm",
           variant: "secondary",
-          children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconDotGrid1x3Horizontal, {})
+          children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconMore, {})
         }
       );
     }),
@@ -25775,7 +25752,7 @@ const defaultChannelActionSet = [
         {
           "aria-label": title,
           disabled: inProgress,
-          Icon: WithAudioPlayback.IconCircleBanSign,
+          Icon: WithAudioPlayback.IconNoSign,
           onClick: async () => {
             try {
               setInProgress(true);
@@ -25881,7 +25858,7 @@ const defaultChannelActionSet = [
         {
           "aria-label": title,
           disabled: inProgress,
-          Icon: WithAudioPlayback.IconArrowBoxLeft,
+          Icon: WithAudioPlayback.IconLeave,
           onClick: async (e) => {
             e.stopPropagation();
             try {
@@ -26018,11 +25995,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) {
@@ -26102,13 +26081,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")}`;
@@ -26140,21 +26119,21 @@ const useLatestMessagePreview = ({
   ]);
 };
 const deliveryStatusIconMap = {
-  delivered: WithAudioPlayback.IconDoubleCheckmark1Small,
-  read: WithAudioPlayback.IconDoubleCheckmark1Small,
+  delivered: WithAudioPlayback.IconChecks,
+  read: WithAudioPlayback.IconChecks,
   sending: WithAudioPlayback.IconClock,
   sent: WithAudioPlayback.IconCheckmark1Small
 };
 const contentTypeIconMap = {
-  deleted: WithAudioPlayback.IconCircleBanSign,
-  error: WithAudioPlayback.IconExclamationCircle1,
-  file: WithAudioPlayback.IconFileBend,
-  giphy: WithAudioPlayback.IconFileBend,
-  image: WithAudioPlayback.IconCamera1,
-  link: WithAudioPlayback.IconChainLink,
-  location: WithAudioPlayback.IconMapPin,
+  deleted: WithAudioPlayback.IconNoSign,
+  error: WithAudioPlayback.IconExclamationCircleFill,
+  file: WithAudioPlayback.IconFile,
+  giphy: WithAudioPlayback.IconGiphy,
+  image: WithAudioPlayback.IconCamera,
+  link: WithAudioPlayback.IconLink,
+  location: WithAudioPlayback.IconLocation,
   video: WithAudioPlayback.IconVideo,
-  voice: WithAudioPlayback.IconMicrophone
+  voice: WithAudioPlayback.IconVoice
 };
 const SummarizedMessagePreview = ({
   latestMessage,
@@ -26750,7 +26729,7 @@ const ThreadListItem = ({
 const ThreadListEmptyPlaceholder = () => {
   const { t } = WithAudioPlayback.useTranslationContext("ThreadListEmptyPlaceholder");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__thread-list-empty-placeholder", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconBubbles, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconMessageBubbles, {}),
     /* @__PURE__ */ jsxRuntime.jsx("p", { children: t("Reply to a message to start a thread") })
   ] });
 };
@@ -26773,7 +26752,7 @@ const ThreadListUnseenThreadsBanner = () => {
       onClick: () => client.threads.reload(),
       children: [
         !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconArrowRotateRightLeftRepeatRefresh, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconRefresh, {}),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("ThreadListUnseenThreadsBanner/unreadThreads", {
             count: unseenThreadIds.length
           }) })
@@ -26797,7 +26776,7 @@ const ThreadListLoadingIndicator = () => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__thread-list-loading-indicator", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingIndicator$1, {}) });
 };
 const ThreadListHeader = ({
-  ToggleButtonIcon = WithAudioPlayback.IconLayoutAlignLeft
+  ToggleButtonIcon = WithAudioPlayback.IconSidebar
 }) => {
   const { t } = WithAudioPlayback.useTranslationContext();
   const { navOpen } = WithAudioPlayback.useChatContext();
@@ -26928,11 +26907,10 @@ const ThreadList = ({ virtuosoProps }) => {
   );
 };
 const IconsBySeverity = {
-  error: WithAudioPlayback.IconExclamationCircle,
+  error: WithAudioPlayback.IconExclamationMark,
   info: null,
-  // IconCircleInfoTooltip,
-  loading: WithAudioPlayback.IconArrowRotateRightLeftRepeatRefresh,
-  success: WithAudioPlayback.IconCheckmark2,
+  loading: WithAudioPlayback.IconRefresh,
+  success: WithAudioPlayback.IconCheckmark,
   warning: WithAudioPlayback.IconExclamationTriangle
 };
 const DefaultNotificationIcon = ({ notification }) => {
@@ -27011,7 +26989,7 @@ const Notification = React.forwardRef(
               onClick: handleDismiss,
               size: "sm",
               variant: "secondary",
-              children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconCrossMedium, {})
+              children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconXmark, {})
             }
           )
         ]
@@ -27573,7 +27551,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__ */ jsxRuntime.jsx("div", { className: "str-chat__modal-gallery__image-retry-indicator", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconArrowRotateClockwise, {}) })
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__modal-gallery__image-retry-indicator", children: /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconRetry, {}) })
           }
         ),
         showOverlay && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__modal-gallery__placeholder", children: [
@@ -27664,7 +27642,7 @@ const CardContent = (props) => {
         className: "str-chat__message-attachment-card--source-link",
         "data-testid": "card-source-link",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconChainLink, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconLink, {}),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__message-attachment-card--url", children: url })
         ]
       }
@@ -27771,7 +27749,7 @@ const Giphy = ({ attachment }) => {
   ] });
 };
 const GiphyBadge = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__giphy-badge", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(IconGiphy, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconGiphy, {}),
   "Giphy"
 ] });
 const Geolocation = ({
@@ -27835,7 +27813,7 @@ const DefaultGeolocationAttachmentMapPlaceholder = ({
     className: "str-chat__message-attachment-geolocation__placeholder",
     "data-testid": "geolocation-attachment-map-placeholder",
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconMapPin, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(WithAudioPlayback.IconLocation, {}),
       /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
@@ -28306,7 +28284,7 @@ const ChannelHeader = (props) => {
   const {
     Avatar: Avatar2 = ChannelAvatar,
     image: overrideImage,
-    MenuIcon = WithAudioPlayback.IconLayoutAlignLeft,
+    MenuIcon = WithAudioPlayback.IconSidebar,
     title: overrideTitle
   } = props;
   const { channel } = WithAudioPlayback.useChannelStateContext();
@@ -28323,12 +28301,12 @@ const ChannelHeader = (props) => {
         "str-chat__channel-header--sidebar-collapsed": !navOpen
       }),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ToggleSidebarButton, { mode: "expand", children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__channel-header__start", children: /* @__PURE__ */ jsxRuntime.jsx(ToggleSidebarButton, { mode: "expand", children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, {}) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "str-chat__channel-header__data", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__channel-header__data__title", children: displayTitle }),
           /* @__PURE__ */ jsxRuntime.jsx(ChannelHeaderSubtitle, {})
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "str-chat__channel-header__end", children: /* @__PURE__ */ jsxRuntime.jsx(
           Avatar2,
           {
             className: "str-chat__avatar--channel-header",
@@ -28338,7 +28316,7 @@ const ChannelHeader = (props) => {
             size: "lg",
             userName: displayTitle
           }
-        )
+        ) })
       ]
     }
   );
@@ -28377,162 +28355,83 @@ exports.ChatViewThreadsSelectorButton = WithAudioPlayback.ChatViewThreadsSelecto
 exports.ComponentContext = WithAudioPlayback.ComponentContext;
 exports.ComponentProvider = WithAudioPlayback.ComponentProvider;
 exports.EmptyStateIndicator = WithAudioPlayback.EmptyStateIndicator;
-exports.IconApiAggregate = WithAudioPlayback.IconApiAggregate;
-exports.IconApples = WithAudioPlayback.IconApples;
 exports.IconArchive = WithAudioPlayback.IconArchive;
-exports.IconArrowBoxLeft = WithAudioPlayback.IconArrowBoxLeft;
 exports.IconArrowDown = WithAudioPlayback.IconArrowDown;
 exports.IconArrowDownCircle = WithAudioPlayback.IconArrowDownCircle;
 exports.IconArrowLeft = WithAudioPlayback.IconArrowLeft;
-exports.IconArrowRight = WithAudioPlayback.IconArrowRight;
-exports.IconArrowRightUp = WithAudioPlayback.IconArrowRightUp;
-exports.IconArrowRotateClockwise = WithAudioPlayback.IconArrowRotateClockwise;
-exports.IconArrowRotateRightLeftRepeatRefresh = WithAudioPlayback.IconArrowRotateRightLeftRepeatRefresh;
-exports.IconArrowShareLeft = WithAudioPlayback.IconArrowShareLeft;
 exports.IconArrowUp = WithAudioPlayback.IconArrowUp;
-exports.IconArrowsRepeatLeftRight = WithAudioPlayback.IconArrowsRepeatLeftRight;
-exports.IconAt = WithAudioPlayback.IconAt;
-exports.IconAtSolid = WithAudioPlayback.IconAtSolid;
-exports.IconBellNotification = WithAudioPlayback.IconBellNotification;
+exports.IconArrowUpRight = WithAudioPlayback.IconArrowUpRight;
+exports.IconAttachment = WithAudioPlayback.IconAttachment;
+exports.IconAudio = WithAudioPlayback.IconAudio;
+exports.IconBell = WithAudioPlayback.IconBell;
 exports.IconBellOff = WithAudioPlayback.IconBellOff;
-exports.IconBookmark = WithAudioPlayback.IconBookmark;
-exports.IconBookmarkRemove = WithAudioPlayback.IconBookmarkRemove;
-exports.IconBrowserAISparkle = WithAudioPlayback.IconBrowserAISparkle;
-exports.IconBubble2ChatMessage = WithAudioPlayback.IconBubble2ChatMessage;
-exports.IconBubble2Solid = WithAudioPlayback.IconBubble2Solid;
-exports.IconBubble3ChatMessage = WithAudioPlayback.IconBubble3ChatMessage;
-exports.IconBubble3Solid = WithAudioPlayback.IconBubble3Solid;
-exports.IconBubbleAnnotation2ChatMessage = WithAudioPlayback.IconBubbleAnnotation2ChatMessage;
-exports.IconBubbleText6ChatMessage = WithAudioPlayback.IconBubbleText6ChatMessage;
-exports.IconBubbleText6Solid = WithAudioPlayback.IconBubbleText6Solid;
-exports.IconBubbleText6SolidChatMessage = WithAudioPlayback.IconBubbleText6SolidChatMessage;
-exports.IconBubbleWideNotificationChatMessage = WithAudioPlayback.IconBubbleWideNotificationChatMessage;
-exports.IconBubbleWideSparkleChatMessage = WithAudioPlayback.IconBubbleWideSparkleChatMessage;
-exports.IconBubbles = WithAudioPlayback.IconBubbles;
-exports.IconCalendar1 = WithAudioPlayback.IconCalendar1;
-exports.IconCallCancel = WithAudioPlayback.IconCallCancel;
-exports.IconCamera1 = WithAudioPlayback.IconCamera1;
-exports.IconCar1 = WithAudioPlayback.IconCar1;
-exports.IconCat = WithAudioPlayback.IconCat;
-exports.IconChainLink = WithAudioPlayback.IconChainLink;
-exports.IconChart5 = WithAudioPlayback.IconChart5;
+exports.IconBolt = WithAudioPlayback.IconBolt;
+exports.IconCamera = WithAudioPlayback.IconCamera;
+exports.IconCheckmark = WithAudioPlayback.IconCheckmark;
 exports.IconCheckmark1Small = WithAudioPlayback.IconCheckmark1Small;
-exports.IconCheckmark2 = WithAudioPlayback.IconCheckmark2;
-exports.IconCheckmark2Small = WithAudioPlayback.IconCheckmark2Small;
+exports.IconChecks = WithAudioPlayback.IconChecks;
 exports.IconChevronDown = WithAudioPlayback.IconChevronDown;
-exports.IconChevronGrabberVerticalSelector = WithAudioPlayback.IconChevronGrabberVerticalSelector;
 exports.IconChevronLeft = WithAudioPlayback.IconChevronLeft;
 exports.IconChevronRight = WithAudioPlayback.IconChevronRight;
-exports.IconChevronTop = WithAudioPlayback.IconChevronTop;
-exports.IconCircleBanSign = WithAudioPlayback.IconCircleBanSign;
-exports.IconCircleCheck = WithAudioPlayback.IconCircleCheck;
-exports.IconCircleInfoTooltip = WithAudioPlayback.IconCircleInfoTooltip;
-exports.IconCircleMinus = WithAudioPlayback.IconCircleMinus;
-exports.IconCircleQuestionmark = WithAudioPlayback.IconCircleQuestionmark;
-exports.IconCircleQuestionmarkFilled = WithAudioPlayback.IconCircleQuestionmarkFilled;
-exports.IconCircleX = WithAudioPlayback.IconCircleX;
 exports.IconClock = WithAudioPlayback.IconClock;
-exports.IconClockSolid = WithAudioPlayback.IconClockSolid;
-exports.IconCloseQuote2 = WithAudioPlayback.IconCloseQuote2;
-exports.IconCode = WithAudioPlayback.IconCode;
-exports.IconCodeBrackets = WithAudioPlayback.IconCodeBrackets;
-exports.IconCodeEditorInsert = WithAudioPlayback.IconCodeEditorInsert;
-exports.IconCompass = WithAudioPlayback.IconCompass;
-exports.IconCreditCard2Billing = WithAudioPlayback.IconCreditCard2Billing;
-exports.IconCrossMedium = WithAudioPlayback.IconCrossMedium;
+exports.IconCommand = WithAudioPlayback.IconCommand;
+exports.IconCopy = WithAudioPlayback.IconCopy;
 exports.IconCrossSmall = WithAudioPlayback.IconCrossSmall;
-exports.IconDotGrid1x3Horizontal = WithAudioPlayback.IconDotGrid1x3Horizontal;
-exports.IconDotGrid2x3 = WithAudioPlayback.IconDotGrid2x3;
-exports.IconDotsGrid1x3Vertical = WithAudioPlayback.IconDotsGrid1x3Vertical;
-exports.IconDoubleCheckmark1Small = WithAudioPlayback.IconDoubleCheckmark1Small;
-exports.IconEditBig = WithAudioPlayback.IconEditBig;
-exports.IconEditBigSolid = WithAudioPlayback.IconEditBigSolid;
-exports.IconEmojiAddReaction = WithAudioPlayback.IconEmojiAddReaction;
-exports.IconEmojiSad = WithAudioPlayback.IconEmojiSad;
-exports.IconEmojiSmile = WithAudioPlayback.IconEmojiSmile;
-exports.IconExclamation = WithAudioPlayback.IconExclamation;
-exports.IconExclamationCircle = WithAudioPlayback.IconExclamationCircle;
-exports.IconExclamationCircle1 = WithAudioPlayback.IconExclamationCircle1;
+exports.IconDelete = WithAudioPlayback.IconDelete;
+exports.IconEdit = WithAudioPlayback.IconEdit;
+exports.IconEmoji = WithAudioPlayback.IconEmoji;
+exports.IconExclamationCircleFill = WithAudioPlayback.IconExclamationCircleFill;
+exports.IconExclamationMark = WithAudioPlayback.IconExclamationMark;
+exports.IconExclamationMarkFill = WithAudioPlayback.IconExclamationMarkFill;
 exports.IconExclamationTriangle = WithAudioPlayback.IconExclamationTriangle;
-exports.IconExclamationTriangle1 = WithAudioPlayback.IconExclamationTriangle1;
 exports.IconEyeOpen = WithAudioPlayback.IconEyeOpen;
-exports.IconFileArrowLeftIn = WithAudioPlayback.IconFileArrowLeftIn;
-exports.IconFileBend = WithAudioPlayback.IconFileBend;
-exports.IconFilledCircleInfoTooltip = WithAudioPlayback.IconFilledCircleInfoTooltip;
-exports.IconFilter1 = WithAudioPlayback.IconFilter1;
-exports.IconFlag2 = WithAudioPlayback.IconFlag2;
-exports.IconGauge = WithAudioPlayback.IconGauge;
-exports.IconGoogle = WithAudioPlayback.IconGoogle;
-exports.IconHashtagChannel = WithAudioPlayback.IconHashtagChannel;
-exports.IconHeart2 = WithAudioPlayback.IconHeart2;
-exports.IconHistory = WithAudioPlayback.IconHistory;
-exports.IconImages1Alt = WithAudioPlayback.IconImages1Alt;
-exports.IconInvite = WithAudioPlayback.IconInvite;
-exports.IconLayersBehind = WithAudioPlayback.IconLayersBehind;
-exports.IconLayoutAlignLeft = WithAudioPlayback.IconLayoutAlignLeft;
-exports.IconLayoutGrid1 = WithAudioPlayback.IconLayoutGrid1;
-exports.IconLightBulbSimple = WithAudioPlayback.IconLightBulbSimple;
-exports.IconLimits = WithAudioPlayback.IconLimits;
-exports.IconLineChart3 = WithAudioPlayback.IconLineChart3;
-exports.IconLoadingCircle = WithAudioPlayback.IconLoadingCircle;
-exports.IconLock = WithAudioPlayback.IconLock;
-exports.IconMagnifyingGlassSearch = WithAudioPlayback.IconMagnifyingGlassSearch;
-exports.IconMapPin = WithAudioPlayback.IconMapPin;
-exports.IconMicrophone = WithAudioPlayback.IconMicrophone;
-exports.IconMicrophoneSolid = WithAudioPlayback.IconMicrophoneSolid;
-exports.IconMinusLarge = WithAudioPlayback.IconMinusLarge;
-exports.IconMinusSmall = WithAudioPlayback.IconMinusSmall;
+exports.IconFile = WithAudioPlayback.IconFile;
+exports.IconFlag = WithAudioPlayback.IconFlag;
+exports.IconGiphy = WithAudioPlayback.IconGiphy;
+exports.IconImage = WithAudioPlayback.IconImage;
+exports.IconLeave = WithAudioPlayback.IconLeave;
+exports.IconLink = WithAudioPlayback.IconLink;
+exports.IconLoading = WithAudioPlayback.IconLoading;
+exports.IconLocation = WithAudioPlayback.IconLocation;
+exports.IconMessageBubble = WithAudioPlayback.IconMessageBubble;
+exports.IconMessageBubbleFill = WithAudioPlayback.IconMessageBubbleFill;
+exports.IconMessageBubbles = WithAudioPlayback.IconMessageBubbles;
+exports.IconMinusCircle = WithAudioPlayback.IconMinusCircle;
+exports.IconMore = WithAudioPlayback.IconMore;
 exports.IconMute = WithAudioPlayback.IconMute;
-exports.IconNewspaper2 = WithAudioPlayback.IconNewspaper2;
-exports.IconOrganization = WithAudioPlayback.IconOrganization;
-exports.IconPaperPlane = WithAudioPlayback.IconPaperPlane;
-exports.IconPaperPlaneTopRight = WithAudioPlayback.IconPaperPlaneTopRight;
-exports.IconPaperclip = WithAudioPlayback.IconPaperclip;
-exports.IconParagraphsText = WithAudioPlayback.IconParagraphsText;
-exports.IconPause = WithAudioPlayback.IconPause;
-exports.IconPencil = WithAudioPlayback.IconPencil;
-exports.IconPeople = WithAudioPlayback.IconPeople;
-exports.IconPeople2 = WithAudioPlayback.IconPeople2;
-exports.IconPeopleAdd = WithAudioPlayback.IconPeopleAdd;
-exports.IconPeopleAdded = WithAudioPlayback.IconPeopleAdded;
-exports.IconPeopleCircle = WithAudioPlayback.IconPeopleCircle;
-exports.IconPeopleCopy = WithAudioPlayback.IconPeopleCopy;
-exports.IconPeopleEditUserRights = WithAudioPlayback.IconPeopleEditUserRights;
-exports.IconPeopleRemove = WithAudioPlayback.IconPeopleRemove;
-exports.IconPersona = WithAudioPlayback.IconPersona;
+exports.IconNoSign = WithAudioPlayback.IconNoSign;
+exports.IconNotification = WithAudioPlayback.IconNotification;
+exports.IconPauseFill = WithAudioPlayback.IconPauseFill;
 exports.IconPin = WithAudioPlayback.IconPin;
-exports.IconPlaySolid = WithAudioPlayback.IconPlaySolid;
-exports.IconPlusLarge = WithAudioPlayback.IconPlusLarge;
+exports.IconPlayFill = WithAudioPlayback.IconPlayFill;
+exports.IconPlus = WithAudioPlayback.IconPlus;
 exports.IconPlusSmall = WithAudioPlayback.IconPlusSmall;
-exports.IconRunShortcut = WithAudioPlayback.IconRunShortcut;
-exports.IconSearchText = WithAudioPlayback.IconSearchText;
-exports.IconSettingsGear2 = WithAudioPlayback.IconSettingsGear2;
-exports.IconSettingsSliderVer = WithAudioPlayback.IconSettingsSliderVer;
-exports.IconShapesPlusCloseSquareCircle = WithAudioPlayback.IconShapesPlusCloseSquareCircle;
-exports.IconShapesTriangleSquareCircle = WithAudioPlayback.IconShapesTriangleSquareCircle;
-exports.IconShareRedirectLink = WithAudioPlayback.IconShareRedirectLink;
-exports.IconShield = WithAudioPlayback.IconShield;
-exports.IconSquareBehindSquare2_Copy = WithAudioPlayback.IconSquareBehindSquare2_Copy;
-exports.IconSquareCircleTopRightFeeds = WithAudioPlayback.IconSquareCircleTopRightFeeds;
-exports.IconStop = WithAudioPlayback.IconStop;
-exports.IconTable = WithAudioPlayback.IconTable;
-exports.IconTeam = WithAudioPlayback.IconTeam;
-exports.IconTennis = WithAudioPlayback.IconTennis;
-exports.IconTextToImageURLEnrichment = WithAudioPlayback.IconTextToImageURLEnrichment;
-exports.IconThunder = WithAudioPlayback.IconThunder;
+exports.IconPoll = WithAudioPlayback.IconPoll;
+exports.IconQuote = WithAudioPlayback.IconQuote;
+exports.IconRefresh = WithAudioPlayback.IconRefresh;
+exports.IconReorder = WithAudioPlayback.IconReorder;
+exports.IconReply = WithAudioPlayback.IconReply;
+exports.IconRetry = WithAudioPlayback.IconRetry;
+exports.IconSave = WithAudioPlayback.IconSave;
+exports.IconSearch = WithAudioPlayback.IconSearch;
+exports.IconSend = WithAudioPlayback.IconSend;
+exports.IconSidebar = WithAudioPlayback.IconSidebar;
+exports.IconThread = WithAudioPlayback.IconThread;
+exports.IconThreadFill = WithAudioPlayback.IconThreadFill;
 exports.IconTranslate = WithAudioPlayback.IconTranslate;
-exports.IconTrashBin = WithAudioPlayback.IconTrashBin;
-exports.IconTrending4 = WithAudioPlayback.IconTrending4;
 exports.IconTrophy = WithAudioPlayback.IconTrophy;
-exports.IconUnlocked = WithAudioPlayback.IconUnlocked;
 exports.IconUnpin = WithAudioPlayback.IconUnpin;
-exports.IconUsers = WithAudioPlayback.IconUsers;
+exports.IconUnsave = WithAudioPlayback.IconUnsave;
+exports.IconUpload = WithAudioPlayback.IconUpload;
+exports.IconUser = WithAudioPlayback.IconUser;
+exports.IconUserAdd = WithAudioPlayback.IconUserAdd;
+exports.IconUserCheck = WithAudioPlayback.IconUserCheck;
+exports.IconUserRemove = WithAudioPlayback.IconUserRemove;
 exports.IconVideo = WithAudioPlayback.IconVideo;
-exports.IconVideoSolid = WithAudioPlayback.IconVideoSolid;
-exports.IconVoiceAndVideo = WithAudioPlayback.IconVoiceAndVideo;
-exports.IconVoiceHigh = WithAudioPlayback.IconVoiceHigh;
-exports.IconVolumeFull = WithAudioPlayback.IconVolumeFull;
-exports.IconWebhook = WithAudioPlayback.IconWebhook;
+exports.IconVideoFill = WithAudioPlayback.IconVideoFill;
+exports.IconVoice = WithAudioPlayback.IconVoice;
+exports.IconXCircle = WithAudioPlayback.IconXCircle;
+exports.IconXmark = WithAudioPlayback.IconXmark;
 exports.LoadingChannel = WithAudioPlayback.LoadingChannel;
 exports.LoadingErrorIndicator = WithAudioPlayback.LoadingErrorIndicator;
 exports.MESSAGE_ACTIONS = WithAudioPlayback.MESSAGE_ACTIONS;
@@ -28698,7 +28597,6 @@ exports.GiphyPreviewMessage = GiphyPreviewMessage;
 exports.GlobalModal = GlobalModal;
 exports.GroupAvatar = GroupAvatar;
 exports.Header = Header$1;
-exports.IconGiphy = IconGiphy;
 exports.ImageComponent = ImageComponent;
 exports.ImageContainer = ImageContainer;
 exports.ImagePlaceholder = ImagePlaceholder;