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

package/dist/es/{WithAudioPlayback.21b7f35a.mjs → WithAudioPlayback.9b779236.mjs}

@@ -372,715 +372,6 @@ const useTypingContext = (componentName) => {
   }
   return contextValue;
 };
-const DEFAULT_PLAYBACK_RATES = [1, 1.5, 2];
-const isSeekable = (audioElement) => !(audioElement.duration === Infinity || isNaN(audioElement.duration));
-const defaultRegisterAudioPlayerError = ({
-  error
-} = {}) => {
-  if (!error) return;
-  console.error("[AUDIO PLAYER]", error);
-};
-const elementIsPlaying = (audioElement) => audioElement && !(audioElement.paused || audioElement.ended);
-class AudioPlayer {
-  constructor({
-    durationSeconds,
-    fileSize,
-    id,
-    mimeType,
-    playbackRates: customPlaybackRates,
-    plugins,
-    pool,
-    src,
-    title,
-    waveformData
-  }) {
-    this._plugins = /* @__PURE__ */ new Map();
-    this.playTimeout = void 0;
-    this.unsubscribeEventListeners = null;
-    this._disposed = false;
-    this._metadataProbe = null;
-    this._restoringPosition = false;
-    this._removalTimeout = void 0;
-    this.setDurationSeconds = (durationSeconds2) => {
-      this._data.durationSeconds = durationSeconds2;
-      this.state.partialNext({ durationSeconds: durationSeconds2 });
-    };
-    this.setPlaybackStartSafetyTimeout = () => {
-      clearTimeout(this.playTimeout);
-      this.playTimeout = setTimeout(() => {
-        if (!this.elementRef) return;
-        try {
-          this.elementRef.pause();
-          this.state.partialNext({ isPlaying: false });
-        } catch (e) {
-          this.registerError({ errCode: "failed-to-start" });
-        }
-      }, 2e3);
-    };
-    this.updateDurationFromElement = (element) => {
-      const duration = element.duration;
-      if (typeof duration !== "number" || isNaN(duration) || !isFinite(duration) || duration <= 0) {
-        return;
-      }
-      this.setDurationSeconds(duration);
-    };
-    this.clearMetadataProbe = () => {
-      const probe = this._metadataProbe;
-      this._metadataProbe = null;
-      this._metadataProbePromise = void 0;
-      if (!probe) return;
-      try {
-        probe.pause();
-      } catch {
-      }
-      probe.removeAttribute("src");
-      try {
-        probe.load();
-      } catch {
-      }
-    };
-    this.preloadMetadata = () => {
-      if (this._disposed || this.durationSeconds != null || !this.src || this._metadataProbePromise || typeof document === "undefined") {
-        return;
-      }
-      const probe = document.createElement("audio");
-      probe.preload = "metadata";
-      this._metadataProbe = probe;
-      this._metadataProbePromise = new Promise((resolve) => {
-        const cleanup = () => {
-          probe.removeEventListener("loadedmetadata", handleLoadedMetadata);
-          probe.removeEventListener("error", handleError);
-          if (this._metadataProbe === probe) {
-            this.clearMetadataProbe();
-          } else {
-            this._metadataProbePromise = void 0;
-          }
-          resolve();
-        };
-        const handleLoadedMetadata = () => {
-          this.updateDurationFromElement(probe);
-          cleanup();
-        };
-        const handleError = () => {
-          cleanup();
-        };
-        probe.addEventListener("loadedmetadata", handleLoadedMetadata, { once: true });
-        probe.addEventListener("error", handleError, { once: true });
-        probe.src = this.src;
-        try {
-          probe.load();
-        } catch {
-          cleanup();
-        }
-      });
-    };
-    this.clearPlaybackStartSafetyTimeout = () => {
-      if (!this.elementRef) return;
-      clearTimeout(this.playTimeout);
-      this.playTimeout = void 0;
-    };
-    this.clearPendingLoadedMeta = () => {
-      const pending = this._pendingLoadedMeta;
-      if (pending?.element && pending.onLoaded) {
-        pending.element.removeEventListener("loadedmetadata", pending.onLoaded);
-      }
-      this._pendingLoadedMeta = void 0;
-    };
-    this.restoreSavedPosition = (elementRef) => {
-      const saved = this.secondsElapsed;
-      if (!saved || saved <= 0) return;
-      const apply = () => {
-        const duration = elementRef.duration;
-        const clamped = typeof duration === "number" && !isNaN(duration) && isFinite(duration) ? Math.min(saved, duration) : saved;
-        try {
-          if (elementRef.currentTime === clamped) return;
-          elementRef.currentTime = clamped;
-          this.setSecondsElapsed(clamped);
-        } catch {
-        }
-      };
-      if (elementRef.readyState < 1) {
-        this.clearPendingLoadedMeta();
-        this._restoringPosition = true;
-        const onLoaded = () => {
-          if (this._pendingLoadedMeta?.onLoaded !== onLoaded) return;
-          this._pendingLoadedMeta = void 0;
-          if (this.elementRef !== elementRef) {
-            this._restoringPosition = false;
-            return;
-          }
-          apply();
-          this._restoringPosition = false;
-        };
-        elementRef.addEventListener("loadedmetadata", onLoaded, { once: true });
-        this._pendingLoadedMeta = { element: elementRef, onLoaded };
-      } else {
-        this._restoringPosition = true;
-        apply();
-        this._restoringPosition = false;
-      }
-    };
-    this.elementIsReady = () => {
-      if (this._elementIsReadyPromise) return this._elementIsReadyPromise;
-      this._elementIsReadyPromise = new Promise((resolve) => {
-        if (!this.elementRef) return resolve(false);
-        const element = this.elementRef;
-        const handleLoaded = () => {
-          element.removeEventListener("loadedmetadata", handleLoaded);
-          resolve(element.readyState > 0);
-        };
-        element.addEventListener("loadedmetadata", handleLoaded);
-      });
-      return this._elementIsReadyPromise;
-    };
-    this.setRef = (elementRef) => {
-      if (elementIsPlaying(this.elementRef)) {
-        this.releaseElement({ resetState: false });
-      }
-      this.clearPendingLoadedMeta();
-      this.clearMetadataProbe();
-      this._restoringPosition = false;
-      this._elementIsReadyPromise = void 0;
-      this.state.partialNext({ elementRef });
-      if (elementRef) {
-        this.registerSubscriptions();
-      }
-    };
-    this.setSecondsElapsed = (secondsElapsed) => {
-      const duration = this.elementRef?.duration ?? this.durationSeconds;
-      this.state.partialNext({
-        progressPercent: duration && secondsElapsed ? secondsElapsed / duration * 100 : 0,
-        secondsElapsed
-      });
-    };
-    this.canPlayMimeType = (mimeType2) => {
-      if (!mimeType2) return false;
-      if (this.elementRef) return !!this.elementRef.canPlayType(mimeType2);
-      return !!new Audio().canPlayType(mimeType2);
-    };
-    this.play = async (params) => {
-      if (this._disposed) return;
-      const elementRef = this.ensureElementRef();
-      if (elementIsPlaying(this.elementRef)) {
-        if (this.isPlaying) return;
-        this.state.partialNext({ isPlaying: true });
-        return;
-      }
-      const { currentPlaybackRate, playbackRates: playbackRates2 } = {
-        currentPlaybackRate: this.currentPlaybackRate,
-        playbackRates: this.playbackRates,
-        ...params
-      };
-      if (!this.canPlayRecord) {
-        this.registerError({ errCode: "not-playable" });
-        return;
-      }
-      this.restoreSavedPosition(elementRef);
-      elementRef.playbackRate = currentPlaybackRate ?? this.currentPlaybackRate;
-      this.setPlaybackStartSafetyTimeout();
-      try {
-        await elementRef.play();
-        this.state.partialNext({
-          currentPlaybackRate,
-          isPlaying: true,
-          playbackRates: playbackRates2
-        });
-        this._pool.setActiveAudioPlayer(this);
-      } catch (e) {
-        this.registerError({ error: e });
-        this.state.partialNext({ isPlaying: false });
-      } finally {
-        this.clearPlaybackStartSafetyTimeout();
-      }
-    };
-    this.pause = () => {
-      if (!elementIsPlaying(this.elementRef)) return;
-      this.clearPlaybackStartSafetyTimeout();
-      this.elementRef.pause();
-      this.state.partialNext({ isPlaying: false });
-    };
-    this.stop = () => {
-      this.pause();
-      this.state.partialNext({ isPlaying: false });
-      this.setSecondsElapsed(0);
-      if (this.elementRef) this.elementRef.currentTime = 0;
-    };
-    this.togglePlay = async () => this.isPlaying ? this.pause() : await this.play();
-    this.increasePlaybackRate = () => {
-      let currentPlaybackRateIndex = this.state.getLatestValue().playbackRates.findIndex((rate) => rate === this.currentPlaybackRate);
-      if (currentPlaybackRateIndex === -1) {
-        currentPlaybackRateIndex = 0;
-      }
-      const nextIndex = currentPlaybackRateIndex === this.playbackRates.length - 1 ? 0 : currentPlaybackRateIndex + 1;
-      const currentPlaybackRate = this.playbackRates[nextIndex];
-      this.state.partialNext({ currentPlaybackRate });
-      if (this.elementRef) {
-        this.elementRef.playbackRate = currentPlaybackRate;
-      }
-    };
-    this.seek = throttle(async ({ clientX, currentTarget }) => {
-      let element = this.elementRef;
-      if (!this.elementRef) {
-        element = this.ensureElementRef();
-        const isReady = await this.elementIsReady();
-        if (!isReady) return;
-      }
-      if (!currentTarget || !element) return;
-      if (!isSeekable(element)) {
-        this.registerError({ errCode: "seek-not-supported" });
-        return;
-      }
-      const { width, x } = currentTarget.getBoundingClientRect();
-      const ratio = (clientX - x) / width;
-      if (ratio > 1 || ratio < 0) return;
-      const currentTime = ratio * element.duration;
-      this.setSecondsElapsed(currentTime);
-      element.currentTime = currentTime;
-    }, 16);
-    this.registerError = (params) => {
-      defaultRegisterAudioPlayerError(params);
-      this.plugins.forEach(({ onError }) => onError?.({ player: this, ...params }));
-    };
-    this.requestRemoval = () => {
-      this._disposed = true;
-      this.cancelScheduledRemoval();
-      this.clearPendingLoadedMeta();
-      this.clearMetadataProbe();
-      this._restoringPosition = false;
-      this.releaseElement({ resetState: true });
-      this.unsubscribeEventListeners?.();
-      this.unsubscribeEventListeners = null;
-      this.plugins.forEach(({ onRemove }) => onRemove?.({ player: this }));
-      this._pool.deregister(this.id);
-    };
-    this.cancelScheduledRemoval = () => {
-      clearTimeout(this._removalTimeout);
-      this._removalTimeout = void 0;
-    };
-    this.scheduleRemoval = (ms = 0) => {
-      this.cancelScheduledRemoval();
-      this._removalTimeout = setTimeout(() => {
-        if (this.disposed) return;
-        this.requestRemoval();
-      }, ms);
-    };
-    this.releaseElementForHandoff = () => {
-      if (!this.elementRef) return;
-      this.releaseElement({ resetState: false });
-      this.unsubscribeEventListeners?.();
-      this.unsubscribeEventListeners = null;
-    };
-    this.registerSubscriptions = () => {
-      this.unsubscribeEventListeners?.();
-      const audioElement = this.elementRef;
-      if (!audioElement) return;
-      const handleEnded = () => {
-        if (audioElement) {
-          this.updateDurationFromElement(audioElement);
-        }
-        this.stop();
-      };
-      const handleError = (e) => {
-        const audio = e.currentTarget;
-        const state = { isPlaying: false };
-        if (!audio?.error?.code) {
-          this.state.partialNext(state);
-          return;
-        }
-        if (audio.error.code === 4) {
-          state.canPlayRecord = false;
-          this.state.partialNext(state);
-        }
-        const errorMsg = [
-          void 0,
-          "MEDIA_ERR_ABORTED: fetch aborted by user",
-          "MEDIA_ERR_NETWORK: network failed while fetching",
-          "MEDIA_ERR_DECODE: audio fetched but couldn’t decode",
-          "MEDIA_ERR_SRC_NOT_SUPPORTED: source not supported"
-        ][audio?.error?.code];
-        if (!errorMsg) return;
-        defaultRegisterAudioPlayerError({ error: new Error(errorMsg + ` (${audio.src})`) });
-      };
-      const handleTimeupdate = () => {
-        const t = audioElement?.currentTime ?? 0;
-        if (this._restoringPosition && t === 0) return;
-        if (!this.isPlaying && t === 0 && this.secondsElapsed > 0) return;
-        this.setSecondsElapsed(t);
-      };
-      const handleLoadedMetadata = () => {
-        if (audioElement) {
-          this.updateDurationFromElement(audioElement);
-        }
-      };
-      audioElement.addEventListener("ended", handleEnded);
-      audioElement.addEventListener("error", handleError);
-      audioElement.addEventListener("loadedmetadata", handleLoadedMetadata);
-      audioElement.addEventListener("timeupdate", handleTimeupdate);
-      this.unsubscribeEventListeners = () => {
-        audioElement.pause();
-        audioElement.removeEventListener("ended", handleEnded);
-        audioElement.removeEventListener("error", handleError);
-        audioElement.removeEventListener("loadedmetadata", handleLoadedMetadata);
-        audioElement.removeEventListener("timeupdate", handleTimeupdate);
-      };
-    };
-    this._data = {
-      durationSeconds,
-      fileSize,
-      id,
-      mimeType,
-      src,
-      title,
-      waveformData
-    };
-    this._pool = pool;
-    this.setPlugins(() => plugins ?? []);
-    const playbackRates = customPlaybackRates?.length ? customPlaybackRates : DEFAULT_PLAYBACK_RATES;
-    const canPlayRecord = mimeType ? !!new Audio().canPlayType(mimeType) : true;
-    this.state = new StateStore({
-      canPlayRecord,
-      currentPlaybackRate: playbackRates[0],
-      durationSeconds,
-      elementRef: null,
-      isPlaying: false,
-      playbackError: null,
-      playbackRates,
-      progressPercent: 0,
-      secondsElapsed: 0
-    });
-    this.plugins.forEach((p) => p.onInit?.({ player: this }));
-    this.preloadMetadata();
-  }
-  get plugins() {
-    return Array.from(this._plugins.values());
-  }
-  get canPlayRecord() {
-    return this.state.getLatestValue().canPlayRecord;
-  }
-  get elementRef() {
-    return this.state.getLatestValue().elementRef;
-  }
-  get isPlaying() {
-    return this.state.getLatestValue().isPlaying;
-  }
-  get currentPlaybackRate() {
-    return this.state.getLatestValue().currentPlaybackRate;
-  }
-  get playbackRates() {
-    return this.state.getLatestValue().playbackRates;
-  }
-  get durationSeconds() {
-    return this.state.getLatestValue().durationSeconds;
-  }
-  get fileSize() {
-    return this._data.fileSize;
-  }
-  get id() {
-    return this._data.id;
-  }
-  get src() {
-    return this._data.src;
-  }
-  get mimeType() {
-    return this._data.mimeType;
-  }
-  get title() {
-    return this._data.title;
-  }
-  get waveformData() {
-    return this._data.waveformData;
-  }
-  get secondsElapsed() {
-    return this.state.getLatestValue().secondsElapsed;
-  }
-  get progressPercent() {
-    return this.state.getLatestValue().progressPercent;
-  }
-  get disposed() {
-    return this._disposed;
-  }
-  ensureElementRef() {
-    if (this._disposed) {
-      throw new Error("AudioPlayer is disposed");
-    }
-    if (!this.elementRef) {
-      const el = this._pool.acquireElement({
-        ownerId: this.id,
-        src: this.src
-      });
-      this.setRef(el);
-    }
-    return this.elementRef;
-  }
-  setDescriptor(descriptor) {
-    const previousSrc = this.src;
-    this._data = { ...this._data, ...descriptor };
-    if (descriptor.src !== previousSrc && this.elementRef) {
-      this.elementRef.src = descriptor.src;
-    }
-    if (descriptor.src && descriptor.src !== previousSrc) {
-      this.clearMetadataProbe();
-      if (descriptor.durationSeconds == null) {
-        this.setDurationSeconds(void 0);
-        this.preloadMetadata();
-      } else {
-        this.setDurationSeconds(descriptor.durationSeconds);
-      }
-      return;
-    }
-    if (descriptor.durationSeconds != null) {
-      this.setDurationSeconds(descriptor.durationSeconds);
-    }
-  }
-  releaseElement({ resetState }) {
-    this.clearPendingLoadedMeta();
-    this.clearMetadataProbe();
-    this._restoringPosition = false;
-    if (resetState) {
-      this.stop();
-    } else {
-      this.state.partialNext({ isPlaying: false });
-      if (this.elementRef) {
-        try {
-          this.elementRef.pause();
-        } catch {
-        }
-      }
-    }
-    if (this.elementRef) {
-      this._pool.releaseElement(this.id);
-      this.setRef(null);
-    }
-  }
-  setPlugins(setter) {
-    this._plugins = setter(this.plugins).reduce((acc, plugin) => {
-      if (plugin.id) {
-        acc.set(plugin.id, plugin);
-      }
-      return acc;
-    }, /* @__PURE__ */ new Map());
-  }
-}
-class AudioPlayerPool {
-  constructor(config) {
-    this.state = new StateStore({
-      activeAudioPlayer: null
-    });
-    this.pool = /* @__PURE__ */ new Map();
-    this.audios = /* @__PURE__ */ new Map();
-    this.sharedAudio = null;
-    this.sharedOwnerId = null;
-    this.getOrAdd = (params) => {
-      const { playbackRates, plugins, ...descriptor } = params;
-      let player = this.pool.get(params.id);
-      if (player) {
-        if (!player.disposed) {
-          player.setDescriptor(descriptor);
-          return player;
-        }
-        this.deregister(params.id);
-      }
-      player = new AudioPlayer({
-        playbackRates,
-        plugins,
-        ...descriptor,
-        pool: this
-      });
-      this.pool.set(params.id, player);
-      return player;
-    };
-    this.acquireElement = ({ ownerId, src }) => {
-      if (!this.allowConcurrentPlayback) {
-        if (!this.sharedAudio) {
-          this.sharedAudio = new Audio();
-        }
-        if (this.sharedOwnerId && this.sharedOwnerId !== ownerId) {
-          const previous = this.pool.get(this.sharedOwnerId);
-          previous?.pause();
-          previous?.releaseElementForHandoff();
-        }
-        this.sharedOwnerId = ownerId;
-        if (this.sharedAudio.src !== src) {
-          this.sharedAudio.src = src;
-        }
-        return this.sharedAudio;
-      }
-      let audio = this.audios.get(ownerId);
-      if (!audio) {
-        audio = new Audio();
-        this.audios.set(ownerId, audio);
-      }
-      if (audio.src !== src) {
-        audio.src = src;
-      }
-      return audio;
-    };
-    this.releaseElement = (ownerId) => {
-      if (!this.allowConcurrentPlayback) {
-        if (this.sharedOwnerId !== ownerId) return;
-        const el2 = this.sharedAudio;
-        if (el2) {
-          try {
-            el2.pause();
-          } catch {
-          }
-          el2.removeAttribute("src");
-          el2.load();
-        }
-        this.sharedOwnerId = null;
-        return;
-      }
-      const el = this.audios.get(ownerId);
-      if (!el) return;
-      try {
-        el.pause();
-      } catch {
-      }
-      el.removeAttribute("src");
-      el.load();
-      this.audios.delete(ownerId);
-    };
-    this.setActiveAudioPlayer = (activeAudioPlayer) => {
-      if (this.allowConcurrentPlayback) return;
-      this.state.partialNext({ activeAudioPlayer });
-    };
-    this.remove = (id) => {
-      const player = this.pool.get(id);
-      if (!player) return;
-      player.requestRemoval();
-    };
-    this.clear = () => {
-      this.players.forEach((player) => {
-        this.remove(player.id);
-      });
-    };
-    this.registerSubscriptions = () => {
-      this.players.forEach((p) => {
-        if (p.elementRef) {
-          p.registerSubscriptions();
-        }
-      });
-    };
-    this.allowConcurrentPlayback = !!config?.allowConcurrentPlayback;
-  }
-  get players() {
-    return Array.from(this.pool.values());
-  }
-  get activeAudioPlayer() {
-    return this.state.getLatestValue().activeAudioPlayer;
-  }
-  /** Removes the AudioPlayer instance from the pool of players */
-  deregister(id) {
-    if (this.pool.has(id)) {
-      this.pool.delete(id);
-    }
-    if (this.activeAudioPlayer?.id === id) {
-      this.setActiveAudioPlayer(null);
-    }
-  }
-}
-const audioPlayerNotificationsPluginFactory = ({
-  addNotification,
-  panel = "channel",
-  t
-}) => {
-  const errors = {
-    "failed-to-start": new Error(t("Failed to play the recording")),
-    "not-playable": new Error(
-      t("Recording format is not supported and cannot be reproduced")
-    ),
-    "seek-not-supported": new Error(t("Cannot seek in the recording"))
-  };
-  return {
-    id: "AudioPlayerNotificationsPlugin",
-    onError: ({ errCode, error: e }) => {
-      const error = (errCode && errors[errCode]) ?? e ?? new Error(t("Error reproducing the recording"));
-      addNotification({
-        emitter: "AudioPlayer",
-        error,
-        message: error.message,
-        severity: "error",
-        targetPanels: [panel],
-        type: "browser:audio:playback:error"
-      });
-    }
-  };
-};
-const NOTIFICATION_TARGET_PANELS = [
-  "channel",
-  "thread",
-  "channel-list",
-  "thread-list"
-];
-const isNotificationTargetPanel = (value) => typeof value === "string" && NOTIFICATION_TARGET_PANELS.includes(value);
-const getNotificationTargetPanel = (notification) => {
-  const targetTag = notification.tags?.find((tag) => tag.startsWith("target:"));
-  if (targetTag) {
-    const candidate = targetTag.slice("target:".length);
-    if (isNotificationTargetPanel(candidate)) return candidate;
-  }
-  const panel = notification.origin.context?.panel;
-  return isNotificationTargetPanel(panel) ? panel : void 0;
-};
-const getNotificationTargetPanels = (notification) => {
-  const targetPanels = (notification.tags ?? []).filter((tag) => tag.startsWith("target:")).map((tag) => tag.slice("target:".length)).filter(
-    (value) => isNotificationTargetPanel(value)
-  );
-  if (targetPanels.length > 0) {
-    return Array.from(new Set(targetPanels));
-  }
-  const panel = notification.origin.context?.panel;
-  return isNotificationTargetPanel(panel) ? [panel] : [];
-};
-const getNotificationTargetTag = (panel) => `target:${panel}`;
-const addNotificationTargetTag = (panel, tags) => {
-  if (!panel) return tags ?? [];
-  return Array.from(/* @__PURE__ */ new Set([getNotificationTargetTag(panel), ...tags ?? []]));
-};
-const isNotificationForPanel = (notification, panel, options) => {
-  const explicitTargetPanels = getNotificationTargetPanels(notification);
-  if (explicitTargetPanels.length > 0) {
-    return explicitTargetPanels.includes(panel);
-  }
-  const resolvedPanel = options?.fallbackPanel ?? "channel";
-  return resolvedPanel === panel;
-};
-const variantToClass = {
-  danger: "str-chat__button--destructive",
-  primary: "str-chat__button--primary",
-  secondary: "str-chat__button--secondary"
-};
-const appearanceToClass = {
-  ghost: "str-chat__button--ghost",
-  outline: "str-chat__button--outline",
-  solid: "str-chat__button--solid"
-};
-const sizeToClass = {
-  lg: "str-chat__button--size-lg",
-  md: "str-chat__button--size-md",
-  sm: "str-chat__button--size-sm",
-  xs: "str-chat__button--size-xs"
-};
-const Button = forwardRef(function Button2({ appearance, children, circular, className, inverseTheme, size: size2, variant, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      type: "button",
-      ...props,
-      className: clsx(
-        "str-chat__button",
-        variant != null && variantToClass[variant],
-        appearance != null && appearanceToClass[appearance],
-        circular && "str-chat__button--circular",
-        inverseTheme && "str-chat__theme-inverse",
-        size2 != null && sizeToClass[size2],
-        className
-      ),
-      children: /* @__PURE__ */ jsx("div", { className: "str-chat__button__content", children })
-    }
-  );
-});
 const BaseIcon = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -1609,6 +900,16 @@ const IconChecks = createIcon(
     }
   )
 );
+const IconDownload = createIcon(
+  "IconDownload",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M2.375 11.25C2.375 10.8358 2.71079 10.5 3.125 10.5C3.53921 10.5 3.875 10.8358 3.875 11.25V15.5H16.125V11.25C16.125 10.8358 16.4608 10.5 16.875 10.5C17.2892 10.5 17.625 10.8358 17.625 11.25V16.25C17.625 16.6642 17.2892 17 16.875 17H3.125C2.71079 17 2.375 16.6642 2.375 16.25V11.25ZM9.25 2.5C9.25 2.08579 9.58579 1.75 10 1.75C10.4142 1.75 10.75 2.08579 10.75 2.5V9.43945L12.5947 7.59473C12.8876 7.30183 13.3624 7.30183 13.6553 7.59473C13.9482 7.88762 13.9482 8.36238 13.6553 8.65527L10.5303 11.7803C10.2374 12.0732 9.76262 12.0732 9.46973 11.7803L6.34473 8.65527C6.05183 8.36238 6.05183 7.88762 6.34473 7.59473C6.63762 7.30183 7.11238 7.30183 7.40527 7.59473L9.25 9.43945V2.5Z",
+      fill: "currentColor"
+    }
+  )
+);
 const IconEdit = createIcon(
   "IconEdit",
   /* @__PURE__ */ jsx(
@@ -1899,301 +1200,1019 @@ const IconUserAdd = createIcon(
     /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_14246_498359)", children: /* @__PURE__ */ jsx(
       "path",
       {
-        d: "M15.625 10.625H19.375M17.5 8.75V12.5M8.4375 12.5C11.0263 12.5 13.125 10.4013 13.125 7.8125C13.125 5.22367 11.0263 3.125 8.4375 3.125C5.84867 3.125 3.75 5.22367 3.75 7.8125C3.75 10.4013 5.84867 12.5 8.4375 12.5ZM8.4375 12.5C5.74688 12.5 3.48047 13.7148 1.875 15.625M8.4375 12.5C11.1281 12.5 13.3945 13.7148 15 15.625",
+        d: "M15.625 10.625H19.375M17.5 8.75V12.5M8.4375 12.5C11.0263 12.5 13.125 10.4013 13.125 7.8125C13.125 5.22367 11.0263 3.125 8.4375 3.125C5.84867 3.125 3.75 5.22367 3.75 7.8125C3.75 10.4013 5.84867 12.5 8.4375 12.5ZM8.4375 12.5C5.74688 12.5 3.48047 13.7148 1.875 15.625M8.4375 12.5C11.1281 12.5 13.3945 13.7148 15 15.625",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_14246_498359", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "20", width: "20" }) }) })
+  ] })
+);
+const IconUserCheck = createIcon(
+  "IconUserCheck",
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_14236_425131)", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M8.4375 12.5C11.0263 12.5 13.125 10.4013 13.125 7.8125C13.125 5.22367 11.0263 3.125 8.4375 3.125C5.84867 3.125 3.75 5.22367 3.75 7.8125C3.75 10.4013 5.84867 12.5 8.4375 12.5ZM8.4375 12.5C5.74688 12.5 3.48047 13.7148 1.875 15.625M8.4375 12.5C11.1281 12.5 13.3945 13.7148 15 15.625M15.625 11.25L16.875 12.5L19.375 10",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_14236_425131", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "20", width: "20" }) }) })
+  ] })
+);
+const IconUserRemove = createIcon(
+  "IconUserRemove",
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_14246_434209)", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15.625 10.625H19.375M8.4375 12.5C11.0263 12.5 13.125 10.4013 13.125 7.8125C13.125 5.22367 11.0263 3.125 8.4375 3.125C5.84867 3.125 3.75 5.22367 3.75 7.8125C3.75 10.4013 5.84867 12.5 8.4375 12.5ZM8.4375 12.5C5.74688 12.5 3.48047 13.7148 1.875 15.625M8.4375 12.5C11.1281 12.5 13.3945 13.7148 15 15.625",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_14246_434209", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "20", width: "20" }) }) })
+  ] })
+);
+const IconPin = createIcon(
+  "IconPin",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.52271 12.4773L3.75006 16.25M17.9422 7.68279C18.0594 7.56559 18.1252 7.40668 18.1252 7.24099C18.1252 7.0753 18.0594 6.9164 17.9422 6.7992L13.2032 2.05779C13.086 1.94067 12.9271 1.87488 12.7614 1.87488C12.5957 1.87488 12.4368 1.94067 12.3196 2.05779L7.84303 6.54685C7.84303 6.54685 5.67506 5.46326 3.35943 7.33201C3.29077 7.38697 3.23447 7.45581 3.19424 7.53402C3.154 7.61224 3.13072 7.69806 3.12593 7.78589C3.12114 7.87371 3.13493 7.96156 3.16642 8.04369C3.19791 8.12581 3.24637 8.20037 3.30865 8.26248L11.7383 16.6914C11.8015 16.7541 11.8773 16.8025 11.9606 16.8336C12.044 16.8646 12.133 16.8775 12.2218 16.8713C12.3105 16.8652 12.3969 16.8402 12.4752 16.798C12.5535 16.7558 12.6219 16.6973 12.6758 16.6265C13.3313 15.7547 14.361 13.9633 13.4657 12.1734L17.9422 7.68279Z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+const IconPlayFill = createIcon(
+  "IconPlayFill",
+  /* @__PURE__ */ jsx("path", { d: "M18.75 10C18.7505 10.2122 18.6961 10.4209 18.5921 10.6059C18.488 10.7908 18.3379 10.9457 18.1562 11.0555L6.9 17.9414C6.71022 18.0576 6.49287 18.1211 6.27037 18.1252C6.04788 18.1293 5.82832 18.0739 5.63438 17.9648C5.44227 17.8574 5.28225 17.7008 5.17075 17.511C5.05926 17.3213 5.00032 17.1052 5 16.8852V3.11484C5.00032 2.89475 5.05926 2.67872 5.17075 2.48896C5.28225 2.2992 5.44227 2.14257 5.63438 2.03516C5.82832 1.92605 6.04788 1.87071 6.27037 1.87483C6.49287 1.87895 6.71022 1.94239 6.9 2.05859L18.1562 8.94453C18.3379 9.05428 18.488 9.20916 18.5921 9.39411C18.6961 9.57906 18.7505 9.78779 18.75 10Z" })
+);
+const IconPlus = createIcon(
+  "IconPlus",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.125 10H16.875M10 3.125V16.875",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2"
+    }
+  )
+);
+const IconPlusSmall = createIcon(
+  "IconPlusSmall",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.125 10H16.875M10 3.125V16.875",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+const IconCommand = createIcon(
+  "IconCommand",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+const IconCopy = createIcon(
+  "IconCopy",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M13.125 13.125H16.875V3.125H6.875V6.875M3.125 6.875H13.125V16.875H3.125V6.875Z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+const IconBolt = createIcon(
+  "IconBolt",
+  /* @__PURE__ */ jsx("path", { d: "M16.7071 9.80157L7.95711 19.1766C7.86438 19.2755 7.74198 19.3416 7.60839 19.3649C7.47479 19.3882 7.33724 19.3674 7.2165 19.3057C7.09576 19.244 6.99837 19.1446 6.93904 19.0227C6.8797 18.9007 6.86164 18.7628 6.88757 18.6297L8.03289 12.9008L3.53054 11.2102C3.43385 11.174 3.34762 11.1144 3.27956 11.0368C3.2115 10.9592 3.16373 10.8659 3.14052 10.7653C3.1173 10.6647 3.11937 10.5599 3.14653 10.4603C3.17369 10.3607 3.2251 10.2694 3.29617 10.1945L12.0462 0.819538C12.1389 0.720581 12.2613 0.654468 12.3949 0.631176C12.5285 0.607884 12.666 0.628675 12.7868 0.690414C12.9075 0.752152 13.0049 0.851488 13.0642 0.97343C13.1236 1.09537 13.1416 1.2333 13.1157 1.36641L11.9673 7.10157L16.4696 8.78985C16.5656 8.82626 16.6511 8.88576 16.7187 8.96307C16.7862 9.04039 16.8336 9.13315 16.8568 9.23316C16.88 9.33317 16.8781 9.43734 16.8515 9.53648C16.8248 9.63562 16.7742 9.72666 16.704 9.80157H16.7071Z" })
+);
+const IconTranslate = createIcon(
+  "IconTranslate",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M18.75 16.875L14.375 8.125L10 16.875M11.25 14.375H17.5M7.5 2.5V4.375M2.5 4.375H12.5M10 4.375C10 6.36412 9.20982 8.27178 7.8033 9.6783C6.39678 11.0848 4.48912 11.875 2.5 11.875M5.42734 6.875C5.94442 8.33751 6.90226 9.60371 8.16893 10.4992C9.4356 11.3947 10.9488 11.8753 12.5 11.875",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+const IconDelete = createIcon(
+  "IconDelete",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M16.875 4.375H3.125M8.125 8.125V13.125M11.875 8.125V13.125M15.625 4.375V16.25C15.625 16.4158 15.5592 16.5747 15.4419 16.6919C15.3247 16.8092 15.1658 16.875 15 16.875H5C4.83424 16.875 4.67527 16.8092 4.55806 16.6919C4.44085 16.5747 4.375 16.4158 4.375 16.25V4.375M13.125 4.375V3.125C13.125 2.79348 12.9933 2.47554 12.7589 2.24112C12.5245 2.0067 12.2065 1.875 11.875 1.875H8.125C7.79348 1.875 7.47554 2.0067 7.24112 2.24112C7.0067 2.47554 6.875 2.79348 6.875 3.125V4.375",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+const IconTrophy = createIcon(
+  "IconTrophy",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.5 17.5H12.5M10 14.375V17.5M4.53125 10H3.75C3.08696 10 2.45107 9.73661 1.98223 9.26777C1.51339 8.79893 1.25 8.16304 1.25 7.5V6.25C1.25 6.08424 1.31585 5.92527 1.43306 5.80806C1.55027 5.69085 1.70924 5.625 1.875 5.625H4.375M15.4688 10H16.25C16.913 10 17.5489 9.73661 18.0178 9.26777C18.4866 8.79893 18.75 8.16304 18.75 7.5V6.25C18.75 6.08424 18.6842 5.92527 18.5669 5.80806C18.4497 5.69085 18.2908 5.625 18.125 5.625H15.625M4.375 3.75H15.625V8.67969C15.625 11.7812 13.1445 14.3516 10.043 14.375C9.30068 14.3807 8.5646 14.2394 7.87718 13.9592C7.18975 13.6791 6.56458 13.2656 6.03769 12.7427C5.5108 12.2198 5.09262 11.5978 4.80725 10.9126C4.52188 10.2273 4.37498 9.49231 4.375 8.75V3.75Z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+const IconUnpin = createIcon(
+  "IconUnpin",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.52271 12.4773L3.75006 16.25M3.75006 3.12498L16.2501 16.875M14.4532 11.1828L17.9415 7.68279C18.0586 7.56559 18.1244 7.40668 18.1244 7.24099C18.1244 7.0753 18.0586 6.9164 17.9415 6.7992L13.2032 2.05779C13.086 1.94067 12.9271 1.87488 12.7614 1.87488C12.5957 1.87488 12.4368 1.94067 12.3196 2.05779L9.09615 5.28904M6.58756 6.24998C5.74537 6.18435 4.57271 6.3531 3.35943 7.33201C3.29077 7.38697 3.23447 7.45581 3.19424 7.53402C3.154 7.61224 3.13072 7.69806 3.12593 7.78589C3.12114 7.87371 3.13493 7.96156 3.16642 8.04369C3.19791 8.12581 3.24637 8.20037 3.30865 8.26248L11.7383 16.6914C11.8015 16.7541 11.8773 16.8025 11.9606 16.8336C12.044 16.8646 12.133 16.8775 12.2218 16.8713C12.3105 16.8652 12.3969 16.8402 12.4752 16.798C12.5535 16.7558 12.6219 16.6973 12.6758 16.6265C13.0829 16.0851 13.6344 15.1898 13.779 14.1594",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+const IconVideo = createIcon(
+  "IconVideo",
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_14111_491476)", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15.625 8.75L19.375 6.25V13.75L15.625 11.25M2.5 5H15C15.3452 5 15.625 5.27982 15.625 5.625V14.375C15.625 14.7202 15.3452 15 15 15H2.5C2.15482 15 1.875 14.7202 1.875 14.375V5.625C1.875 5.27982 2.15482 5 2.5 5Z",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_14111_491476", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "20", width: "20" }) }) })
+  ] }),
+  { "data-rtl-mirror": "" }
+);
+const IconVideoFill = createIcon(
+  "IconVideoFill",
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_14064_467281)", children: /* @__PURE__ */ jsx("path", { d: "M15 5.625V14.375C15 14.7065 14.8683 15.0245 14.6339 15.2589C14.3995 15.4933 14.0815 15.625 13.75 15.625H2.5C2.16848 15.625 1.85054 15.4933 1.61612 15.2589C1.3817 15.0245 1.25 14.7065 1.25 14.375V5.625C1.25 5.29348 1.3817 4.97554 1.61612 4.74112C1.85054 4.5067 2.16848 4.375 2.5 4.375H13.75C14.0815 4.375 14.3995 4.5067 14.6339 4.74112C14.8683 4.97554 15 5.29348 15 5.625ZM19.5312 5.64453C19.4431 5.62295 19.3513 5.62029 19.2621 5.63672C19.1728 5.65315 19.088 5.68829 19.0133 5.73984L16.3891 7.48906C16.3463 7.51762 16.3112 7.55631 16.2869 7.6017C16.2626 7.64708 16.25 7.69776 16.25 7.74922V12.2508C16.25 12.3022 16.2626 12.3529 16.2869 12.3983C16.3112 12.4437 16.3463 12.4824 16.3891 12.5109L19.0281 14.2703C19.1269 14.3362 19.2424 14.3726 19.3611 14.3752C19.4798 14.3779 19.5968 14.3466 19.6984 14.2852C19.7924 14.2254 19.8695 14.1425 19.9223 14.0444C19.9751 13.9464 20.0019 13.8364 20 13.725V6.25C20.0001 6.11139 19.9541 5.97668 19.8692 5.86708C19.7843 5.75747 19.6655 5.67918 19.5312 5.64453Z" }) }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_14064_467281", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "20", width: "20" }) }) })
+  ] }),
+  { "data-rtl-mirror": "" }
+);
+const IconAudio = createIcon(
+  "IconAudio",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M15.625 8.125V11.875M18.125 6.875V13.125M6.875 13.125H3.125C2.95924 13.125 2.80027 13.0592 2.68306 12.9419C2.56585 12.8247 2.5 12.6658 2.5 12.5V7.5C2.5 7.33424 2.56585 7.17527 2.68306 7.05806C2.80027 6.94085 2.95924 6.875 3.125 6.875H6.875L12.5 2.5V17.5L6.875 13.125Z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  ),
+  { "data-rtl-mirror": "" }
+);
+const IconArchive = createIcon(
+  "IconArchive",
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M16.875 7.5V15C16.875 15.1658 16.8092 15.3247 16.6919 15.4419C16.5747 15.5592 16.4158 15.625 16.25 15.625H3.75C3.58424 15.625 3.42527 15.5592 3.30806 15.4419C3.19085 15.3247 3.125 15.1658 3.125 15V7.5M8.125 10.625H11.875M2.5 4.375H17.5C17.8452 4.375 18.125 4.65482 18.125 5V6.875C18.125 7.22018 17.8452 7.5 17.5 7.5H2.5C2.15482 7.5 1.875 7.22018 1.875 6.875V5C1.875 4.65482 2.15482 4.375 2.5 4.375Z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+const IconLoading = createIcon(
+  "IconLoading",
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M17.5 10C17.5 14.1422 14.1422 17.5 10 17.5C5.85787 17.5 2.5 14.1422 2.5 10C2.5 5.85787 5.85787 2.5 10 2.5C14.1422 2.5 17.5 5.85787 17.5 10Z",
+        fill: "none",
+        stroke: "currentColor",
+        strokeOpacity: "0.3",
+        strokeWidth: "2"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M17.4544 10.8334C17.0701 14.3097 14.3098 17.07 10.8335 17.4543",
         fill: "none",
         stroke: "currentColor",
         strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "1.5"
+        strokeWidth: "2"
+      }
+    )
+  ] })
+);
+const IconGiphy = createIcon(
+  "IconGiphy",
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { fill: "black", height: "20", rx: "10", width: "20" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M6.5997 5.50024H13.4008V14.4999H6.59912L6.5997 5.50024Z",
+        fill: "black",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M5.24023 5.1665H6.59998V14.8335H5.24023V5.1665Z", fill: "#04FF8E" }),
+    /* @__PURE__ */ jsx("path", { d: "M13.4004 7.8335H14.7601V14.8335H13.4004V7.8335Z", fill: "#8E2EFF" }),
+    /* @__PURE__ */ jsx("path", { d: "M5.24023 14.4998H14.7602V15.8333H5.24023V14.4998Z", fill: "#00C5FF" }),
+    /* @__PURE__ */ jsx("path", { d: "M5.24023 4.16675H10.6804V5.50025H5.24023V4.16675Z", fill: "#FFF152" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M13.4003 6.83316V5.50025H12.0399V4.16675H10.6802V8.16666H14.76V6.83316",
+        fill: "#FF5B5B"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M13.4004 9.5V8.1665H14.7601", fill: "#551C99" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M10.6802 4.16675V5.50025H9.31982",
+        fill: "#999131",
+        fillRule: "evenodd"
+      }
+    )
+  ] })
+);
+const DEFAULT_PLAYBACK_RATES = [1, 1.5, 2];
+const isSeekable = (audioElement) => !(audioElement.duration === Infinity || isNaN(audioElement.duration));
+const defaultRegisterAudioPlayerError = ({
+  error
+} = {}) => {
+  if (!error) return;
+  console.error("[AUDIO PLAYER]", error);
+};
+const elementIsPlaying = (audioElement) => audioElement && !(audioElement.paused || audioElement.ended);
+class AudioPlayer {
+  constructor({
+    durationSeconds,
+    fileSize,
+    id,
+    mimeType,
+    playbackRates: customPlaybackRates,
+    plugins,
+    pool,
+    src,
+    title,
+    waveformData
+  }) {
+    this._plugins = /* @__PURE__ */ new Map();
+    this.playTimeout = void 0;
+    this.unsubscribeEventListeners = null;
+    this._disposed = false;
+    this._metadataProbe = null;
+    this._restoringPosition = false;
+    this._removalTimeout = void 0;
+    this.setDurationSeconds = (durationSeconds2) => {
+      this._data.durationSeconds = durationSeconds2;
+      this.state.partialNext({ durationSeconds: durationSeconds2 });
+    };
+    this.setPlaybackStartSafetyTimeout = () => {
+      clearTimeout(this.playTimeout);
+      this.playTimeout = setTimeout(() => {
+        if (!this.elementRef) return;
+        try {
+          this.elementRef.pause();
+          this.state.partialNext({ isPlaying: false });
+        } catch (e) {
+          this.registerError({ errCode: "failed-to-start" });
+        }
+      }, 2e3);
+    };
+    this.updateDurationFromElement = (element) => {
+      const duration = element.duration;
+      if (typeof duration !== "number" || isNaN(duration) || !isFinite(duration) || duration <= 0) {
+        return;
+      }
+      this.setDurationSeconds(duration);
+    };
+    this.clearMetadataProbe = () => {
+      const probe = this._metadataProbe;
+      this._metadataProbe = null;
+      this._metadataProbePromise = void 0;
+      if (!probe) return;
+      try {
+        probe.pause();
+      } catch {
+      }
+      probe.removeAttribute("src");
+      try {
+        probe.load();
+      } catch {
+      }
+    };
+    this.preloadMetadata = () => {
+      if (this._disposed || this.durationSeconds != null || !this.src || this._metadataProbePromise || typeof document === "undefined") {
+        return;
+      }
+      const probe = document.createElement("audio");
+      probe.preload = "metadata";
+      this._metadataProbe = probe;
+      this._metadataProbePromise = new Promise((resolve) => {
+        const cleanup = () => {
+          probe.removeEventListener("loadedmetadata", handleLoadedMetadata);
+          probe.removeEventListener("error", handleError);
+          if (this._metadataProbe === probe) {
+            this.clearMetadataProbe();
+          } else {
+            this._metadataProbePromise = void 0;
+          }
+          resolve();
+        };
+        const handleLoadedMetadata = () => {
+          this.updateDurationFromElement(probe);
+          cleanup();
+        };
+        const handleError = () => {
+          cleanup();
+        };
+        probe.addEventListener("loadedmetadata", handleLoadedMetadata, { once: true });
+        probe.addEventListener("error", handleError, { once: true });
+        probe.src = this.src;
+        try {
+          probe.load();
+        } catch {
+          cleanup();
+        }
+      });
+    };
+    this.clearPlaybackStartSafetyTimeout = () => {
+      if (!this.elementRef) return;
+      clearTimeout(this.playTimeout);
+      this.playTimeout = void 0;
+    };
+    this.clearPendingLoadedMeta = () => {
+      const pending = this._pendingLoadedMeta;
+      if (pending?.element && pending.onLoaded) {
+        pending.element.removeEventListener("loadedmetadata", pending.onLoaded);
+      }
+      this._pendingLoadedMeta = void 0;
+    };
+    this.restoreSavedPosition = (elementRef) => {
+      const saved = this.secondsElapsed;
+      if (!saved || saved <= 0) return;
+      const apply = () => {
+        const duration = elementRef.duration;
+        const clamped = typeof duration === "number" && !isNaN(duration) && isFinite(duration) ? Math.min(saved, duration) : saved;
+        try {
+          if (elementRef.currentTime === clamped) return;
+          elementRef.currentTime = clamped;
+          this.setSecondsElapsed(clamped);
+        } catch {
+        }
+      };
+      if (elementRef.readyState < 1) {
+        this.clearPendingLoadedMeta();
+        this._restoringPosition = true;
+        const onLoaded = () => {
+          if (this._pendingLoadedMeta?.onLoaded !== onLoaded) return;
+          this._pendingLoadedMeta = void 0;
+          if (this.elementRef !== elementRef) {
+            this._restoringPosition = false;
+            return;
+          }
+          apply();
+          this._restoringPosition = false;
+        };
+        elementRef.addEventListener("loadedmetadata", onLoaded, { once: true });
+        this._pendingLoadedMeta = { element: elementRef, onLoaded };
+      } else {
+        this._restoringPosition = true;
+        apply();
+        this._restoringPosition = false;
+      }
+    };
+    this.elementIsReady = () => {
+      if (this._elementIsReadyPromise) return this._elementIsReadyPromise;
+      this._elementIsReadyPromise = new Promise((resolve) => {
+        if (!this.elementRef) return resolve(false);
+        const element = this.elementRef;
+        const handleLoaded = () => {
+          element.removeEventListener("loadedmetadata", handleLoaded);
+          resolve(element.readyState > 0);
+        };
+        element.addEventListener("loadedmetadata", handleLoaded);
+      });
+      return this._elementIsReadyPromise;
+    };
+    this.setRef = (elementRef) => {
+      if (elementIsPlaying(this.elementRef)) {
+        this.releaseElement({ resetState: false });
+      }
+      this.clearPendingLoadedMeta();
+      this.clearMetadataProbe();
+      this._restoringPosition = false;
+      this._elementIsReadyPromise = void 0;
+      this.state.partialNext({ elementRef });
+      if (elementRef) {
+        this.registerSubscriptions();
+      }
+    };
+    this.setSecondsElapsed = (secondsElapsed) => {
+      const duration = this.elementRef?.duration ?? this.durationSeconds;
+      this.state.partialNext({
+        progressPercent: duration && secondsElapsed ? secondsElapsed / duration * 100 : 0,
+        secondsElapsed
+      });
+    };
+    this.canPlayMimeType = (mimeType2) => {
+      if (!mimeType2) return false;
+      if (this.elementRef) return !!this.elementRef.canPlayType(mimeType2);
+      return !!new Audio().canPlayType(mimeType2);
+    };
+    this.play = async (params) => {
+      if (this._disposed) return;
+      const elementRef = this.ensureElementRef();
+      if (elementIsPlaying(this.elementRef)) {
+        if (this.isPlaying) return;
+        this.state.partialNext({ isPlaying: true });
+        return;
+      }
+      const { currentPlaybackRate, playbackRates: playbackRates2 } = {
+        currentPlaybackRate: this.currentPlaybackRate,
+        playbackRates: this.playbackRates,
+        ...params
+      };
+      if (!this.canPlayRecord) {
+        this.registerError({ errCode: "not-playable" });
+        return;
       }
-    ) }),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_14246_498359", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "20", width: "20" }) }) })
-  ] })
-);
-const IconUserCheck = createIcon(
-  "IconUserCheck",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_14236_425131)", children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M8.4375 12.5C11.0263 12.5 13.125 10.4013 13.125 7.8125C13.125 5.22367 11.0263 3.125 8.4375 3.125C5.84867 3.125 3.75 5.22367 3.75 7.8125C3.75 10.4013 5.84867 12.5 8.4375 12.5ZM8.4375 12.5C5.74688 12.5 3.48047 13.7148 1.875 15.625M8.4375 12.5C11.1281 12.5 13.3945 13.7148 15 15.625M15.625 11.25L16.875 12.5L19.375 10",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "1.5"
+      this.restoreSavedPosition(elementRef);
+      elementRef.playbackRate = currentPlaybackRate ?? this.currentPlaybackRate;
+      this.setPlaybackStartSafetyTimeout();
+      try {
+        await elementRef.play();
+        this.state.partialNext({
+          currentPlaybackRate,
+          isPlaying: true,
+          playbackRates: playbackRates2
+        });
+        this._pool.setActiveAudioPlayer(this);
+      } catch (e) {
+        this.registerError({ error: e });
+        this.state.partialNext({ isPlaying: false });
+      } finally {
+        this.clearPlaybackStartSafetyTimeout();
       }
-    ) }),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_14236_425131", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "20", width: "20" }) }) })
-  ] })
-);
-const IconUserRemove = createIcon(
-  "IconUserRemove",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_14246_434209)", children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M15.625 10.625H19.375M8.4375 12.5C11.0263 12.5 13.125 10.4013 13.125 7.8125C13.125 5.22367 11.0263 3.125 8.4375 3.125C5.84867 3.125 3.75 5.22367 3.75 7.8125C3.75 10.4013 5.84867 12.5 8.4375 12.5ZM8.4375 12.5C5.74688 12.5 3.48047 13.7148 1.875 15.625M8.4375 12.5C11.1281 12.5 13.3945 13.7148 15 15.625",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "1.5"
+    };
+    this.pause = () => {
+      if (!elementIsPlaying(this.elementRef)) return;
+      this.clearPlaybackStartSafetyTimeout();
+      this.elementRef.pause();
+      this.state.partialNext({ isPlaying: false });
+    };
+    this.stop = () => {
+      this.pause();
+      this.state.partialNext({ isPlaying: false });
+      this.setSecondsElapsed(0);
+      if (this.elementRef) this.elementRef.currentTime = 0;
+    };
+    this.togglePlay = async () => this.isPlaying ? this.pause() : await this.play();
+    this.increasePlaybackRate = () => {
+      let currentPlaybackRateIndex = this.state.getLatestValue().playbackRates.findIndex((rate) => rate === this.currentPlaybackRate);
+      if (currentPlaybackRateIndex === -1) {
+        currentPlaybackRateIndex = 0;
       }
-    ) }),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_14246_434209", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "20", width: "20" }) }) })
-  ] })
-);
-const IconPin = createIcon(
-  "IconPin",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M7.52271 12.4773L3.75006 16.25M17.9422 7.68279C18.0594 7.56559 18.1252 7.40668 18.1252 7.24099C18.1252 7.0753 18.0594 6.9164 17.9422 6.7992L13.2032 2.05779C13.086 1.94067 12.9271 1.87488 12.7614 1.87488C12.5957 1.87488 12.4368 1.94067 12.3196 2.05779L7.84303 6.54685C7.84303 6.54685 5.67506 5.46326 3.35943 7.33201C3.29077 7.38697 3.23447 7.45581 3.19424 7.53402C3.154 7.61224 3.13072 7.69806 3.12593 7.78589C3.12114 7.87371 3.13493 7.96156 3.16642 8.04369C3.19791 8.12581 3.24637 8.20037 3.30865 8.26248L11.7383 16.6914C11.8015 16.7541 11.8773 16.8025 11.9606 16.8336C12.044 16.8646 12.133 16.8775 12.2218 16.8713C12.3105 16.8652 12.3969 16.8402 12.4752 16.798C12.5535 16.7558 12.6219 16.6973 12.6758 16.6265C13.3313 15.7547 14.361 13.9633 13.4657 12.1734L17.9422 7.68279Z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
-    }
-  )
-);
-const IconPlayFill = createIcon(
-  "IconPlayFill",
-  /* @__PURE__ */ jsx("path", { d: "M18.75 10C18.7505 10.2122 18.6961 10.4209 18.5921 10.6059C18.488 10.7908 18.3379 10.9457 18.1562 11.0555L6.9 17.9414C6.71022 18.0576 6.49287 18.1211 6.27037 18.1252C6.04788 18.1293 5.82832 18.0739 5.63438 17.9648C5.44227 17.8574 5.28225 17.7008 5.17075 17.511C5.05926 17.3213 5.00032 17.1052 5 16.8852V3.11484C5.00032 2.89475 5.05926 2.67872 5.17075 2.48896C5.28225 2.2992 5.44227 2.14257 5.63438 2.03516C5.82832 1.92605 6.04788 1.87071 6.27037 1.87483C6.49287 1.87895 6.71022 1.94239 6.9 2.05859L18.1562 8.94453C18.3379 9.05428 18.488 9.20916 18.5921 9.39411C18.6961 9.57906 18.7505 9.78779 18.75 10Z" })
-);
-const IconPlus = createIcon(
-  "IconPlus",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M3.125 10H16.875M10 3.125V16.875",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "2"
-    }
-  )
-);
-const IconPlusSmall = createIcon(
-  "IconPlusSmall",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M3.125 10H16.875M10 3.125V16.875",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
-    }
-  )
-);
-const IconCommand = createIcon(
-  "IconCommand",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
-    }
-  )
-);
-const IconCopy = createIcon(
-  "IconCopy",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M13.125 13.125H16.875V3.125H6.875V6.875M3.125 6.875H13.125V16.875H3.125V6.875Z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
+      const nextIndex = currentPlaybackRateIndex === this.playbackRates.length - 1 ? 0 : currentPlaybackRateIndex + 1;
+      const currentPlaybackRate = this.playbackRates[nextIndex];
+      this.state.partialNext({ currentPlaybackRate });
+      if (this.elementRef) {
+        this.elementRef.playbackRate = currentPlaybackRate;
+      }
+    };
+    this.seek = throttle(async ({ clientX, currentTarget }) => {
+      let element = this.elementRef;
+      if (!this.elementRef) {
+        element = this.ensureElementRef();
+        const isReady = await this.elementIsReady();
+        if (!isReady) return;
+      }
+      if (!currentTarget || !element) return;
+      if (!isSeekable(element)) {
+        this.registerError({ errCode: "seek-not-supported" });
+        return;
+      }
+      const { width, x } = currentTarget.getBoundingClientRect();
+      const ratio = (clientX - x) / width;
+      if (ratio > 1 || ratio < 0) return;
+      const currentTime = ratio * element.duration;
+      this.setSecondsElapsed(currentTime);
+      element.currentTime = currentTime;
+    }, 16);
+    this.registerError = (params) => {
+      defaultRegisterAudioPlayerError(params);
+      this.plugins.forEach(({ onError }) => onError?.({ player: this, ...params }));
+    };
+    this.requestRemoval = () => {
+      this._disposed = true;
+      this.cancelScheduledRemoval();
+      this.clearPendingLoadedMeta();
+      this.clearMetadataProbe();
+      this._restoringPosition = false;
+      this.releaseElement({ resetState: true });
+      this.unsubscribeEventListeners?.();
+      this.unsubscribeEventListeners = null;
+      this.plugins.forEach(({ onRemove }) => onRemove?.({ player: this }));
+      this._pool.deregister(this.id);
+    };
+    this.cancelScheduledRemoval = () => {
+      clearTimeout(this._removalTimeout);
+      this._removalTimeout = void 0;
+    };
+    this.scheduleRemoval = (ms = 0) => {
+      this.cancelScheduledRemoval();
+      this._removalTimeout = setTimeout(() => {
+        if (this.disposed) return;
+        this.requestRemoval();
+      }, ms);
+    };
+    this.releaseElementForHandoff = () => {
+      if (!this.elementRef) return;
+      this.releaseElement({ resetState: false });
+      this.unsubscribeEventListeners?.();
+      this.unsubscribeEventListeners = null;
+    };
+    this.registerSubscriptions = () => {
+      this.unsubscribeEventListeners?.();
+      const audioElement = this.elementRef;
+      if (!audioElement) return;
+      const handleEnded = () => {
+        if (audioElement) {
+          this.updateDurationFromElement(audioElement);
+        }
+        this.stop();
+      };
+      const handleError = (e) => {
+        const audio = e.currentTarget;
+        const state = { isPlaying: false };
+        if (!audio?.error?.code) {
+          this.state.partialNext(state);
+          return;
+        }
+        if (audio.error.code === 4) {
+          state.canPlayRecord = false;
+          this.state.partialNext(state);
+        }
+        const errorMsg = [
+          void 0,
+          "MEDIA_ERR_ABORTED: fetch aborted by user",
+          "MEDIA_ERR_NETWORK: network failed while fetching",
+          "MEDIA_ERR_DECODE: audio fetched but couldn’t decode",
+          "MEDIA_ERR_SRC_NOT_SUPPORTED: source not supported"
+        ][audio?.error?.code];
+        if (!errorMsg) return;
+        defaultRegisterAudioPlayerError({ error: new Error(errorMsg + ` (${audio.src})`) });
+      };
+      const handleTimeupdate = () => {
+        const t = audioElement?.currentTime ?? 0;
+        if (this._restoringPosition && t === 0) return;
+        if (!this.isPlaying && t === 0 && this.secondsElapsed > 0) return;
+        this.setSecondsElapsed(t);
+      };
+      const handleLoadedMetadata = () => {
+        if (audioElement) {
+          this.updateDurationFromElement(audioElement);
+        }
+      };
+      audioElement.addEventListener("ended", handleEnded);
+      audioElement.addEventListener("error", handleError);
+      audioElement.addEventListener("loadedmetadata", handleLoadedMetadata);
+      audioElement.addEventListener("timeupdate", handleTimeupdate);
+      this.unsubscribeEventListeners = () => {
+        audioElement.pause();
+        audioElement.removeEventListener("ended", handleEnded);
+        audioElement.removeEventListener("error", handleError);
+        audioElement.removeEventListener("loadedmetadata", handleLoadedMetadata);
+        audioElement.removeEventListener("timeupdate", handleTimeupdate);
+      };
+    };
+    this._data = {
+      durationSeconds,
+      fileSize,
+      id,
+      mimeType,
+      src,
+      title,
+      waveformData
+    };
+    this._pool = pool;
+    this.setPlugins(() => plugins ?? []);
+    const playbackRates = customPlaybackRates?.length ? customPlaybackRates : DEFAULT_PLAYBACK_RATES;
+    const canPlayRecord = mimeType ? !!new Audio().canPlayType(mimeType) : true;
+    this.state = new StateStore({
+      canPlayRecord,
+      currentPlaybackRate: playbackRates[0],
+      durationSeconds,
+      elementRef: null,
+      isPlaying: false,
+      playbackError: null,
+      playbackRates,
+      progressPercent: 0,
+      secondsElapsed: 0
+    });
+    this.plugins.forEach((p) => p.onInit?.({ player: this }));
+    this.preloadMetadata();
+  }
+  get plugins() {
+    return Array.from(this._plugins.values());
+  }
+  get canPlayRecord() {
+    return this.state.getLatestValue().canPlayRecord;
+  }
+  get elementRef() {
+    return this.state.getLatestValue().elementRef;
+  }
+  get isPlaying() {
+    return this.state.getLatestValue().isPlaying;
+  }
+  get currentPlaybackRate() {
+    return this.state.getLatestValue().currentPlaybackRate;
+  }
+  get playbackRates() {
+    return this.state.getLatestValue().playbackRates;
+  }
+  get durationSeconds() {
+    return this.state.getLatestValue().durationSeconds;
+  }
+  get fileSize() {
+    return this._data.fileSize;
+  }
+  get id() {
+    return this._data.id;
+  }
+  get src() {
+    return this._data.src;
+  }
+  get mimeType() {
+    return this._data.mimeType;
+  }
+  get title() {
+    return this._data.title;
+  }
+  get waveformData() {
+    return this._data.waveformData;
+  }
+  get secondsElapsed() {
+    return this.state.getLatestValue().secondsElapsed;
+  }
+  get progressPercent() {
+    return this.state.getLatestValue().progressPercent;
+  }
+  get disposed() {
+    return this._disposed;
+  }
+  ensureElementRef() {
+    if (this._disposed) {
+      throw new Error("AudioPlayer is disposed");
     }
-  )
-);
-const IconBolt = createIcon(
-  "IconBolt",
-  /* @__PURE__ */ jsx("path", { d: "M16.7071 9.80157L7.95711 19.1766C7.86438 19.2755 7.74198 19.3416 7.60839 19.3649C7.47479 19.3882 7.33724 19.3674 7.2165 19.3057C7.09576 19.244 6.99837 19.1446 6.93904 19.0227C6.8797 18.9007 6.86164 18.7628 6.88757 18.6297L8.03289 12.9008L3.53054 11.2102C3.43385 11.174 3.34762 11.1144 3.27956 11.0368C3.2115 10.9592 3.16373 10.8659 3.14052 10.7653C3.1173 10.6647 3.11937 10.5599 3.14653 10.4603C3.17369 10.3607 3.2251 10.2694 3.29617 10.1945L12.0462 0.819538C12.1389 0.720581 12.2613 0.654468 12.3949 0.631176C12.5285 0.607884 12.666 0.628675 12.7868 0.690414C12.9075 0.752152 13.0049 0.851488 13.0642 0.97343C13.1236 1.09537 13.1416 1.2333 13.1157 1.36641L11.9673 7.10157L16.4696 8.78985C16.5656 8.82626 16.6511 8.88576 16.7187 8.96307C16.7862 9.04039 16.8336 9.13315 16.8568 9.23316C16.88 9.33317 16.8781 9.43734 16.8515 9.53648C16.8248 9.63562 16.7742 9.72666 16.704 9.80157H16.7071Z" })
-);
-const IconTranslate = createIcon(
-  "IconTranslate",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M18.75 16.875L14.375 8.125L10 16.875M11.25 14.375H17.5M7.5 2.5V4.375M2.5 4.375H12.5M10 4.375C10 6.36412 9.20982 8.27178 7.8033 9.6783C6.39678 11.0848 4.48912 11.875 2.5 11.875M5.42734 6.875C5.94442 8.33751 6.90226 9.60371 8.16893 10.4992C9.4356 11.3947 10.9488 11.8753 12.5 11.875",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
+    if (!this.elementRef) {
+      const el = this._pool.acquireElement({
+        ownerId: this.id,
+        src: this.src
+      });
+      this.setRef(el);
     }
-  )
-);
-const IconDelete = createIcon(
-  "IconDelete",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M16.875 4.375H3.125M8.125 8.125V13.125M11.875 8.125V13.125M15.625 4.375V16.25C15.625 16.4158 15.5592 16.5747 15.4419 16.6919C15.3247 16.8092 15.1658 16.875 15 16.875H5C4.83424 16.875 4.67527 16.8092 4.55806 16.6919C4.44085 16.5747 4.375 16.4158 4.375 16.25V4.375M13.125 4.375V3.125C13.125 2.79348 12.9933 2.47554 12.7589 2.24112C12.5245 2.0067 12.2065 1.875 11.875 1.875H8.125C7.79348 1.875 7.47554 2.0067 7.24112 2.24112C7.0067 2.47554 6.875 2.79348 6.875 3.125V4.375",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
+    return this.elementRef;
+  }
+  setDescriptor(descriptor) {
+    const previousSrc = this.src;
+    this._data = { ...this._data, ...descriptor };
+    if (descriptor.src !== previousSrc && this.elementRef) {
+      this.elementRef.src = descriptor.src;
     }
-  )
-);
-const IconTrophy = createIcon(
-  "IconTrophy",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M7.5 17.5H12.5M10 14.375V17.5M4.53125 10H3.75C3.08696 10 2.45107 9.73661 1.98223 9.26777C1.51339 8.79893 1.25 8.16304 1.25 7.5V6.25C1.25 6.08424 1.31585 5.92527 1.43306 5.80806C1.55027 5.69085 1.70924 5.625 1.875 5.625H4.375M15.4688 10H16.25C16.913 10 17.5489 9.73661 18.0178 9.26777C18.4866 8.79893 18.75 8.16304 18.75 7.5V6.25C18.75 6.08424 18.6842 5.92527 18.5669 5.80806C18.4497 5.69085 18.2908 5.625 18.125 5.625H15.625M4.375 3.75H15.625V8.67969C15.625 11.7812 13.1445 14.3516 10.043 14.375C9.30068 14.3807 8.5646 14.2394 7.87718 13.9592C7.18975 13.6791 6.56458 13.2656 6.03769 12.7427C5.5108 12.2198 5.09262 11.5978 4.80725 10.9126C4.52188 10.2273 4.37498 9.49231 4.375 8.75V3.75Z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
+    if (descriptor.src && descriptor.src !== previousSrc) {
+      this.clearMetadataProbe();
+      if (descriptor.durationSeconds == null) {
+        this.setDurationSeconds(void 0);
+        this.preloadMetadata();
+      } else {
+        this.setDurationSeconds(descriptor.durationSeconds);
+      }
+      return;
     }
-  )
-);
-const IconUnpin = createIcon(
-  "IconUnpin",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M7.52271 12.4773L3.75006 16.25M3.75006 3.12498L16.2501 16.875M14.4532 11.1828L17.9415 7.68279C18.0586 7.56559 18.1244 7.40668 18.1244 7.24099C18.1244 7.0753 18.0586 6.9164 17.9415 6.7992L13.2032 2.05779C13.086 1.94067 12.9271 1.87488 12.7614 1.87488C12.5957 1.87488 12.4368 1.94067 12.3196 2.05779L9.09615 5.28904M6.58756 6.24998C5.74537 6.18435 4.57271 6.3531 3.35943 7.33201C3.29077 7.38697 3.23447 7.45581 3.19424 7.53402C3.154 7.61224 3.13072 7.69806 3.12593 7.78589C3.12114 7.87371 3.13493 7.96156 3.16642 8.04369C3.19791 8.12581 3.24637 8.20037 3.30865 8.26248L11.7383 16.6914C11.8015 16.7541 11.8773 16.8025 11.9606 16.8336C12.044 16.8646 12.133 16.8775 12.2218 16.8713C12.3105 16.8652 12.3969 16.8402 12.4752 16.798C12.5535 16.7558 12.6219 16.6973 12.6758 16.6265C13.0829 16.0851 13.6344 15.1898 13.779 14.1594",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
+    if (descriptor.durationSeconds != null) {
+      this.setDurationSeconds(descriptor.durationSeconds);
     }
-  )
-);
-const IconVideo = createIcon(
-  "IconVideo",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_14111_491476)", children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M15.625 8.75L19.375 6.25V13.75L15.625 11.25M2.5 5H15C15.3452 5 15.625 5.27982 15.625 5.625V14.375C15.625 14.7202 15.3452 15 15 15H2.5C2.15482 15 1.875 14.7202 1.875 14.375V5.625C1.875 5.27982 2.15482 5 2.5 5Z",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "1.5"
+  }
+  releaseElement({ resetState }) {
+    this.clearPendingLoadedMeta();
+    this.clearMetadataProbe();
+    this._restoringPosition = false;
+    if (resetState) {
+      this.stop();
+    } else {
+      this.state.partialNext({ isPlaying: false });
+      if (this.elementRef) {
+        try {
+          this.elementRef.pause();
+        } catch {
+        }
       }
-    ) }),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_14111_491476", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "20", width: "20" }) }) })
-  ] }),
-  { "data-rtl-mirror": "" }
-);
-const IconVideoFill = createIcon(
-  "IconVideoFill",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_14064_467281)", children: /* @__PURE__ */ jsx("path", { d: "M15 5.625V14.375C15 14.7065 14.8683 15.0245 14.6339 15.2589C14.3995 15.4933 14.0815 15.625 13.75 15.625H2.5C2.16848 15.625 1.85054 15.4933 1.61612 15.2589C1.3817 15.0245 1.25 14.7065 1.25 14.375V5.625C1.25 5.29348 1.3817 4.97554 1.61612 4.74112C1.85054 4.5067 2.16848 4.375 2.5 4.375H13.75C14.0815 4.375 14.3995 4.5067 14.6339 4.74112C14.8683 4.97554 15 5.29348 15 5.625ZM19.5312 5.64453C19.4431 5.62295 19.3513 5.62029 19.2621 5.63672C19.1728 5.65315 19.088 5.68829 19.0133 5.73984L16.3891 7.48906C16.3463 7.51762 16.3112 7.55631 16.2869 7.6017C16.2626 7.64708 16.25 7.69776 16.25 7.74922V12.2508C16.25 12.3022 16.2626 12.3529 16.2869 12.3983C16.3112 12.4437 16.3463 12.4824 16.3891 12.5109L19.0281 14.2703C19.1269 14.3362 19.2424 14.3726 19.3611 14.3752C19.4798 14.3779 19.5968 14.3466 19.6984 14.2852C19.7924 14.2254 19.8695 14.1425 19.9223 14.0444C19.9751 13.9464 20.0019 13.8364 20 13.725V6.25C20.0001 6.11139 19.9541 5.97668 19.8692 5.86708C19.7843 5.75747 19.6655 5.67918 19.5312 5.64453Z" }) }),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_14064_467281", children: /* @__PURE__ */ jsx("rect", { fill: "white", height: "20", width: "20" }) }) })
-  ] }),
-  { "data-rtl-mirror": "" }
-);
-const IconAudio = createIcon(
-  "IconAudio",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M15.625 8.125V11.875M18.125 6.875V13.125M6.875 13.125H3.125C2.95924 13.125 2.80027 13.0592 2.68306 12.9419C2.56585 12.8247 2.5 12.6658 2.5 12.5V7.5C2.5 7.33424 2.56585 7.17527 2.68306 7.05806C2.80027 6.94085 2.95924 6.875 3.125 6.875H6.875L12.5 2.5V17.5L6.875 13.125Z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
     }
-  ),
-  { "data-rtl-mirror": "" }
-);
-const IconArchive = createIcon(
-  "IconArchive",
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M16.875 7.5V15C16.875 15.1658 16.8092 15.3247 16.6919 15.4419C16.5747 15.5592 16.4158 15.625 16.25 15.625H3.75C3.58424 15.625 3.42527 15.5592 3.30806 15.4419C3.19085 15.3247 3.125 15.1658 3.125 15V7.5M8.125 10.625H11.875M2.5 4.375H17.5C17.8452 4.375 18.125 4.65482 18.125 5V6.875C18.125 7.22018 17.8452 7.5 17.5 7.5H2.5C2.15482 7.5 1.875 7.22018 1.875 6.875V5C1.875 4.65482 2.15482 4.375 2.5 4.375Z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
+    if (this.elementRef) {
+      this._pool.releaseElement(this.id);
+      this.setRef(null);
     }
-  )
-);
-const IconLoading = createIcon(
-  "IconLoading",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M17.5 10C17.5 14.1422 14.1422 17.5 10 17.5C5.85787 17.5 2.5 14.1422 2.5 10C2.5 5.85787 5.85787 2.5 10 2.5C14.1422 2.5 17.5 5.85787 17.5 10Z",
-        fill: "none",
-        stroke: "currentColor",
-        strokeOpacity: "0.3",
-        strokeWidth: "2"
+  }
+  setPlugins(setter) {
+    this._plugins = setter(this.plugins).reduce((acc, plugin) => {
+      if (plugin.id) {
+        acc.set(plugin.id, plugin);
+      }
+      return acc;
+    }, /* @__PURE__ */ new Map());
+  }
+}
+class AudioPlayerPool {
+  constructor(config) {
+    this.state = new StateStore({
+      activeAudioPlayer: null
+    });
+    this.pool = /* @__PURE__ */ new Map();
+    this.audios = /* @__PURE__ */ new Map();
+    this.sharedAudio = null;
+    this.sharedOwnerId = null;
+    this.getOrAdd = (params) => {
+      const { playbackRates, plugins, ...descriptor } = params;
+      let player = this.pool.get(params.id);
+      if (player) {
+        if (!player.disposed) {
+          player.setDescriptor(descriptor);
+          return player;
+        }
+        this.deregister(params.id);
       }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M17.4544 10.8334C17.0701 14.3097 14.3098 17.07 10.8335 17.4543",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeWidth: "2"
+      player = new AudioPlayer({
+        playbackRates,
+        plugins,
+        ...descriptor,
+        pool: this
+      });
+      this.pool.set(params.id, player);
+      return player;
+    };
+    this.acquireElement = ({ ownerId, src }) => {
+      if (!this.allowConcurrentPlayback) {
+        if (!this.sharedAudio) {
+          this.sharedAudio = new Audio();
+        }
+        if (this.sharedOwnerId && this.sharedOwnerId !== ownerId) {
+          const previous = this.pool.get(this.sharedOwnerId);
+          previous?.pause();
+          previous?.releaseElementForHandoff();
+        }
+        this.sharedOwnerId = ownerId;
+        if (this.sharedAudio.src !== src) {
+          this.sharedAudio.src = src;
+        }
+        return this.sharedAudio;
       }
-    )
-  ] })
-);
-const IconGiphy = createIcon(
-  "IconGiphy",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("rect", { fill: "black", height: "20", rx: "10", width: "20" }),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        clipRule: "evenodd",
-        d: "M6.5997 5.50024H13.4008V14.4999H6.59912L6.5997 5.50024Z",
-        fill: "black",
-        fillRule: "evenodd"
+      let audio = this.audios.get(ownerId);
+      if (!audio) {
+        audio = new Audio();
+        this.audios.set(ownerId, audio);
       }
-    ),
-    /* @__PURE__ */ jsx("path", { d: "M5.24023 5.1665H6.59998V14.8335H5.24023V5.1665Z", fill: "#04FF8E" }),
-    /* @__PURE__ */ jsx("path", { d: "M13.4004 7.8335H14.7601V14.8335H13.4004V7.8335Z", fill: "#8E2EFF" }),
-    /* @__PURE__ */ jsx("path", { d: "M5.24023 14.4998H14.7602V15.8333H5.24023V14.4998Z", fill: "#00C5FF" }),
-    /* @__PURE__ */ jsx("path", { d: "M5.24023 4.16675H10.6804V5.50025H5.24023V4.16675Z", fill: "#FFF152" }),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M13.4003 6.83316V5.50025H12.0399V4.16675H10.6802V8.16666H14.76V6.83316",
-        fill: "#FF5B5B"
+      if (audio.src !== src) {
+        audio.src = src;
+      }
+      return audio;
+    };
+    this.releaseElement = (ownerId) => {
+      if (!this.allowConcurrentPlayback) {
+        if (this.sharedOwnerId !== ownerId) return;
+        const el2 = this.sharedAudio;
+        if (el2) {
+          try {
+            el2.pause();
+          } catch {
+          }
+          el2.removeAttribute("src");
+          el2.load();
+        }
+        this.sharedOwnerId = null;
+        return;
+      }
+      const el = this.audios.get(ownerId);
+      if (!el) return;
+      try {
+        el.pause();
+      } catch {
       }
+      el.removeAttribute("src");
+      el.load();
+      this.audios.delete(ownerId);
+    };
+    this.setActiveAudioPlayer = (activeAudioPlayer) => {
+      if (this.allowConcurrentPlayback) return;
+      this.state.partialNext({ activeAudioPlayer });
+    };
+    this.remove = (id) => {
+      const player = this.pool.get(id);
+      if (!player) return;
+      player.requestRemoval();
+    };
+    this.clear = () => {
+      this.players.forEach((player) => {
+        this.remove(player.id);
+      });
+    };
+    this.registerSubscriptions = () => {
+      this.players.forEach((p) => {
+        if (p.elementRef) {
+          p.registerSubscriptions();
+        }
+      });
+    };
+    this.allowConcurrentPlayback = !!config?.allowConcurrentPlayback;
+  }
+  get players() {
+    return Array.from(this.pool.values());
+  }
+  get activeAudioPlayer() {
+    return this.state.getLatestValue().activeAudioPlayer;
+  }
+  /** Removes the AudioPlayer instance from the pool of players */
+  deregister(id) {
+    if (this.pool.has(id)) {
+      this.pool.delete(id);
+    }
+    if (this.activeAudioPlayer?.id === id) {
+      this.setActiveAudioPlayer(null);
+    }
+  }
+}
+const SEEK_NOT_SUPPORTED_NOTIFICATION_DEBOUNCE_INTERVAL_MS = 1e3;
+const audioPlayerNotificationsPluginFactory = ({
+  addNotification,
+  panel = "channel",
+  t
+}) => {
+  const errors = {
+    "failed-to-start": new Error(t("Failed to play the recording")),
+    "not-playable": new Error(
+      t("Recording format is not supported and cannot be reproduced")
     ),
-    /* @__PURE__ */ jsx("path", { d: "M13.4004 9.5V8.1665H14.7601", fill: "#551C99" }),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        clipRule: "evenodd",
-        d: "M10.6802 4.16675V5.50025H9.31982",
-        fill: "#999131",
-        fillRule: "evenodd"
+    "seek-not-supported": new Error(t("Cannot seek in the recording"))
+  };
+  let lastSeekNotSupportedNotificationAt;
+  return {
+    id: "AudioPlayerNotificationsPlugin",
+    onError: ({ errCode, error: e }) => {
+      if (errCode === "seek-not-supported") {
+        const now = Date.now();
+        if (typeof lastSeekNotSupportedNotificationAt === "number" && now - lastSeekNotSupportedNotificationAt < SEEK_NOT_SUPPORTED_NOTIFICATION_DEBOUNCE_INTERVAL_MS) {
+          return;
+        }
+        lastSeekNotSupportedNotificationAt = now;
       }
-    )
-  ] })
-);
+      const error = (errCode && errors[errCode]) ?? e ?? new Error(t("Error reproducing the recording"));
+      addNotification({
+        emitter: "AudioPlayer",
+        error,
+        message: error.message,
+        severity: "error",
+        targetPanels: [panel],
+        type: "browser:audio:playback:error"
+      });
+    }
+  };
+};
+const NOTIFICATION_TARGET_PANELS = [
+  "channel",
+  "thread",
+  "channel-list",
+  "thread-list"
+];
+const isNotificationTargetPanel = (value) => typeof value === "string" && NOTIFICATION_TARGET_PANELS.includes(value);
+const getNotificationTargetPanel = (notification) => {
+  const targetTag = notification.tags?.find((tag) => tag.startsWith("target:"));
+  if (targetTag) {
+    const candidate = targetTag.slice("target:".length);
+    if (isNotificationTargetPanel(candidate)) return candidate;
+  }
+  const panel = notification.origin.context?.panel;
+  return isNotificationTargetPanel(panel) ? panel : void 0;
+};
+const getNotificationTargetPanels = (notification) => {
+  const targetPanels = (notification.tags ?? []).filter((tag) => tag.startsWith("target:")).map((tag) => tag.slice("target:".length)).filter(
+    (value) => isNotificationTargetPanel(value)
+  );
+  if (targetPanels.length > 0) {
+    return Array.from(new Set(targetPanels));
+  }
+  const panel = notification.origin.context?.panel;
+  return isNotificationTargetPanel(panel) ? [panel] : [];
+};
+const getNotificationTargetTag = (panel) => `target:${panel}`;
+const addNotificationTargetTag = (panel, tags) => {
+  if (!panel) return tags ?? [];
+  return Array.from(/* @__PURE__ */ new Set([getNotificationTargetTag(panel), ...tags ?? []]));
+};
+const isNotificationForPanel = (notification, panel, options) => {
+  const explicitTargetPanels = getNotificationTargetPanels(notification);
+  if (explicitTargetPanels.length > 0) {
+    return explicitTargetPanels.includes(panel);
+  }
+  const resolvedPanel = options?.fallbackPanel ?? "channel";
+  return resolvedPanel === panel;
+};
+const variantToClass = {
+  danger: "str-chat__button--destructive",
+  primary: "str-chat__button--primary",
+  secondary: "str-chat__button--secondary"
+};
+const appearanceToClass = {
+  ghost: "str-chat__button--ghost",
+  outline: "str-chat__button--outline",
+  solid: "str-chat__button--solid"
+};
+const sizeToClass = {
+  lg: "str-chat__button--size-lg",
+  md: "str-chat__button--size-md",
+  sm: "str-chat__button--size-sm",
+  xs: "str-chat__button--size-xs"
+};
+const Button = forwardRef(function Button2({ appearance, children, circular, className, inverseTheme, size: size2, variant, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      ...props,
+      className: clsx(
+        "str-chat__button",
+        variant != null && variantToClass[variant],
+        appearance != null && appearanceToClass[appearance],
+        circular && "str-chat__button--circular",
+        inverseTheme && "str-chat__theme-inverse",
+        size2 != null && sizeToClass[size2],
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "str-chat__button__content", children })
+    }
+  );
+});
 const UnMemoizedEmptyStateIndicator = (props) => {
   const { listType, messageText } = props;
   const { t } = useTranslationContext("EmptyStateIndicator");
@@ -2666,6 +2685,7 @@ const OPTIONAL_MESSAGE_ACTIONS = {
 };
 const MESSAGE_ACTIONS = {
   delete: "delete",
+  download: "download",
   edit: "edit",
   flag: "flag",
   markUnread: "markUnread",
@@ -2692,7 +2712,7 @@ const getMessageActions = (actions, {
   let messageActions = [];
   if (actions && typeof actions === "boolean") {
     messageActions = Object.keys(MESSAGE_ACTIONS);
-  } else if (actions && actions.length > 0) {
+  } else if (actions && Array.isArray(actions) && actions.length > 0) {
     messageActions = [...actions];
   } else {
     return [];
@@ -2700,6 +2720,9 @@ const getMessageActions = (actions, {
   if (canDelete && messageActions.indexOf(MESSAGE_ACTIONS.delete) > -1) {
     messageActionsAfterPermission.push(MESSAGE_ACTIONS.delete);
   }
+  if (messageActions.indexOf(MESSAGE_ACTIONS.download) > -1) {
+    messageActionsAfterPermission.push(MESSAGE_ACTIONS.download);
+  }
   if (canDelete && messageActions.indexOf(OPTIONAL_MESSAGE_ACTIONS.deleteForMe) > -1) {
     messageActionsAfterPermission.push(OPTIONAL_MESSAGE_ACTIONS.deleteForMe);
   }
@@ -2852,6 +2875,7 @@ const isMessageErrorRetryable = (message) => message.status === "failed" && mess
 const isNetworkSendFailure = (message) => message.status === "failed" && message.error?.status === 0;
 const isMessageBounced = (message) => message.type === "error" && (message.moderation_details?.action === "MESSAGE_RESPONSE_ACTION_BOUNCE" || message.moderation?.action === "bounce");
 const isMessageBlocked = (message) => message.type === "error" && (message.moderation_details?.action === "MESSAGE_RESPONSE_ACTION_REMOVE" || message.moderation?.action === "remove");
+const isMessageDeleted = (message) => Boolean(message.deleted_at || message.type === "deleted" || message.deleted_for_me);
 const isMessageEdited = (message) => !!message.message_text_updated_at;
 const hasResizeObserver = typeof window !== "undefined" && "ResizeObserver" in window;
 function autoMiddlewareFor(p) {
@@ -4533,202 +4557,204 @@ const useActiveAudioPlayer = () => {
   return activeAudioPlayer;
 };
 export {
-  IconLink as $,
-  IconNoSign as A,
+  IconLocation as $,
+  IconExclamationMark as A,
   Button as B,
   ComponentContext as C,
-  isMessageErrorRetryable as D,
-  ACTIONS_NOT_WORKING_IN_THREAD as E,
-  useNotificationApi as F,
-  IconArrowUpRight as G,
-  IconPin as H,
-  IconPauseFill as I,
-  mapToUserNameOrId as J,
-  IconClock as K,
+  IconNoSign as D,
+  isMessageDeleted as E,
+  isMessageErrorRetryable as F,
+  ACTIONS_NOT_WORKING_IN_THREAD as G,
+  useNotificationApi as H,
+  IconDownload as I,
+  IconArrowUpRight as J,
+  IconPin as K,
   LocalizedFormat as L,
-  IconCheckmark1Small as M,
-  IconChecks as N,
-  getReadByTooltipText as O,
-  messageHasAttachments as P,
-  messageTextHasEmojisOnly as Q,
-  isDate as R,
-  getDateString as S,
-  IconTranslate as T,
-  useMessageComposerContext as U,
-  useIsCooldownActive as V,
-  IconXmarkSmall as W,
-  IconImage as X,
-  IconPoll as Y,
-  IconLocation as Z,
-  IconFile as _,
+  mapToUserNameOrId as M,
+  IconClock as N,
+  IconCheckmark1Small as O,
+  IconChecks as P,
+  getReadByTooltipText as Q,
+  messageHasAttachments as R,
+  messageTextHasEmojisOnly as S,
+  isDate as T,
+  getDateString as U,
+  IconTranslate as V,
+  useMessageComposerContext as W,
+  useIsCooldownActive as X,
+  IconXmarkSmall as Y,
+  IconImage as Z,
+  IconPoll as _,
   useMessageComposerController as a,
-  processMessages as a$,
-  IconVideo as a0,
-  IconCamera as a1,
-  IconVoice as a2,
-  IconBookmark as a3,
-  IconBell as a4,
-  IconChevronDown as a5,
-  IconMinus as a6,
-  IconPlusSmall as a7,
-  IconCheckmark as a8,
-  DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD as a9,
-  useChatViewContext as aA,
-  MESSAGE_ACTIONS as aB,
-  LegacyThreadContext as aC,
-  IconReply as aD,
-  IconEmoji as aE,
-  IconMore as aF,
-  IconUserCheck as aG,
-  IconBookmarkRemove as aH,
-  IconBellOff as aI,
-  IconNotification as aJ,
-  IconEdit as aK,
-  IconCopy as aL,
-  IconUnpin as aM,
-  IconQuote as aN,
-  IconThread as aO,
-  IconEmojiAdd as aP,
-  areMessageUIPropsEqual as aQ,
-  isDateSeparatorMessage as aR,
-  isMessageBlocked as aS,
-  messageHasSingleAttachment as aT,
-  messageHasGiphyAttachment as aU,
-  messageHasReactions as aV,
-  messageHasQuotedMessage as aW,
-  isMessageEdited as aX,
-  countEmojis as aY,
-  areMessagePropsEqual as aZ,
-  getMessageActions as a_,
-  IconTrophy as aa,
-  IconReorder as ab,
-  IconMinusCircle as ac,
-  IconSend as ad,
-  IconAudio as ae,
-  IconUserAdd as af,
-  IconMute as ag,
-  IconGiphy as ah,
-  IconFlag as ai,
-  IconUserRemove as aj,
-  IconAttachment as ak,
-  IconCommand as al,
-  CHANNEL_CONTAINER_ID as am,
-  IconPlus as an,
-  IconUnsupportedAttachment as ao,
-  IconExclamationTriangleFill as ap,
-  useAudioPlayer as aq,
-  IconMicrophoneSolid as ar,
-  IconVideoFill as as,
-  IconRetry as at,
-  IconArrowDownCircle as au,
-  IconBolt as av,
-  IconDelete as aw,
-  IconUpload as ax,
-  MessageComposerContextProvider as ay,
-  useTypingContext as az,
+  areMessagePropsEqual as a$,
+  IconFile as a0,
+  IconLink as a1,
+  IconVideo as a2,
+  IconCamera as a3,
+  IconVoice as a4,
+  IconBookmark as a5,
+  IconBell as a6,
+  IconChevronDown as a7,
+  IconMinus as a8,
+  IconPlusSmall as a9,
+  MessageComposerContextProvider as aA,
+  useTypingContext as aB,
+  useChatViewContext as aC,
+  MESSAGE_ACTIONS as aD,
+  LegacyThreadContext as aE,
+  IconEmojiAdd as aF,
+  IconReply as aG,
+  IconEmoji as aH,
+  IconMore as aI,
+  IconUserCheck as aJ,
+  IconBookmarkRemove as aK,
+  IconBellOff as aL,
+  IconNotification as aM,
+  IconEdit as aN,
+  IconCopy as aO,
+  IconUnpin as aP,
+  IconQuote as aQ,
+  IconThread as aR,
+  areMessageUIPropsEqual as aS,
+  isDateSeparatorMessage as aT,
+  isMessageBlocked as aU,
+  messageHasSingleAttachment as aV,
+  messageHasGiphyAttachment as aW,
+  messageHasReactions as aX,
+  messageHasQuotedMessage as aY,
+  isMessageEdited as aZ,
+  countEmojis as a_,
+  IconCheckmark as aa,
+  DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD as ab,
+  IconTrophy as ac,
+  IconReorder as ad,
+  IconMinusCircle as ae,
+  IconSend as af,
+  IconAudio as ag,
+  IconUserAdd as ah,
+  IconMute as ai,
+  IconGiphy as aj,
+  IconFlag as ak,
+  IconUserRemove as al,
+  IconAttachment as am,
+  IconCommand as an,
+  CHANNEL_CONTAINER_ID as ao,
+  IconPlus as ap,
+  IconUnsupportedAttachment as aq,
+  IconExclamationTriangleFill as ar,
+  useAudioPlayer as as,
+  IconMicrophoneSolid as at,
+  IconVideoFill as au,
+  IconRetry as av,
+  IconArrowDownCircle as aw,
+  IconBolt as ax,
+  IconDelete as ay,
+  IconUpload as az,
   useChannelActionContext as b,
-  useLegacyThreadContext as b$,
-  insertIntro as b0,
-  getGroupStyles as b1,
-  getLastReceived as b2,
-  IconArrowUp as b3,
-  isIntroMessage as b4,
-  isLocalMessage as b5,
-  getIsFirstUnreadMessage as b6,
-  IconArrowDown as b7,
-  DEFAULT_NEXT_CHANNEL_PAGE_SIZE as b8,
-  EmptyStateIndicator as b9,
-  Channel as bA,
-  ChatViewContext as bB,
-  ChatView as bC,
-  useActiveThread as bD,
-  ChatViewSelectorButton as bE,
-  ChatViewChannelsSelectorButton as bF,
-  ChatViewThreadsSelectorButton as bG,
-  defaultChatViewSelectorItemSet as bH,
-  createIcon as bI,
-  IconMessageBubble as bJ,
-  IconMessageBubbleFill as bK,
-  IconThreadFill as bL,
-  LoadingChannel as bM,
-  LoadingErrorIndicator as bN,
-  validateAndGetMessage as bO,
-  OPTIONAL_MESSAGE_ACTIONS as bP,
-  getImages as bQ,
-  getNonImageAttachments as bR,
-  makeIntroMessage as bS,
-  makeDateMessageId as bT,
-  hasMoreMessagesProbably as bU,
-  SYSTEM_NOTIFICATION_TAG as bV,
-  isNotificationTargetPanel as bW,
-  getNotificationTargetPanel as bX,
-  getNotificationTargetPanels as bY,
-  getNotificationTargetTag as bZ,
-  addNotificationTargetTag as b_,
-  useNotificationTarget as ba,
-  getChannel as bb,
-  IconSearch as bc,
-  IconXCircle as bd,
-  useChannelListContext as be,
-  DEFAULT_JUMP_TO_PAGE_SIZE as bf,
-  ChannelListContextProvider as bg,
-  IconArchive as bh,
-  IconLeave as bi,
-  IconExclamationCircleFill as bj,
-  useThreadsViewContext as bk,
-  IconMessageBubbles as bl,
-  IconRefresh as bm,
-  hasSystemNotificationTag as bn,
-  IconEyeFill as bo,
-  defaultDateTimeParser as bp,
-  isLanguageSupported as bq,
-  ChatProvider as br,
-  TranslationProvider as bs,
-  useActiveAudioPlayer as bt,
-  WithAudioPlayback as bu,
-  defaultRegisterAudioPlayerError as bv,
-  elementIsPlaying as bw,
-  AudioPlayer as bx,
-  useEditMessageHandler as by,
-  useMentionsHandlers as bz,
+  getNotificationTargetTag as b$,
+  getMessageActions as b0,
+  processMessages as b1,
+  insertIntro as b2,
+  getGroupStyles as b3,
+  getLastReceived as b4,
+  IconArrowUp as b5,
+  isIntroMessage as b6,
+  isLocalMessage as b7,
+  getIsFirstUnreadMessage as b8,
+  IconArrowDown as b9,
+  useEditMessageHandler as bA,
+  useMentionsHandlers as bB,
+  Channel as bC,
+  ChatViewContext as bD,
+  ChatView as bE,
+  useActiveThread as bF,
+  ChatViewSelectorButton as bG,
+  ChatViewChannelsSelectorButton as bH,
+  ChatViewThreadsSelectorButton as bI,
+  defaultChatViewSelectorItemSet as bJ,
+  createIcon as bK,
+  IconMessageBubble as bL,
+  IconMessageBubbleFill as bM,
+  IconThreadFill as bN,
+  LoadingChannel as bO,
+  LoadingErrorIndicator as bP,
+  validateAndGetMessage as bQ,
+  OPTIONAL_MESSAGE_ACTIONS as bR,
+  getImages as bS,
+  getNonImageAttachments as bT,
+  makeIntroMessage as bU,
+  makeDateMessageId as bV,
+  hasMoreMessagesProbably as bW,
+  SYSTEM_NOTIFICATION_TAG as bX,
+  isNotificationTargetPanel as bY,
+  getNotificationTargetPanel as bZ,
+  getNotificationTargetPanels as b_,
+  DEFAULT_NEXT_CHANNEL_PAGE_SIZE as ba,
+  EmptyStateIndicator as bb,
+  useNotificationTarget as bc,
+  getChannel as bd,
+  IconSearch as be,
+  IconXCircle as bf,
+  useChannelListContext as bg,
+  DEFAULT_JUMP_TO_PAGE_SIZE as bh,
+  ChannelListContextProvider as bi,
+  IconLeave as bj,
+  IconArchive as bk,
+  IconExclamationCircleFill as bl,
+  useThreadsViewContext as bm,
+  IconMessageBubbles as bn,
+  IconRefresh as bo,
+  hasSystemNotificationTag as bp,
+  IconEyeFill as bq,
+  defaultDateTimeParser as br,
+  isLanguageSupported as bs,
+  ChatProvider as bt,
+  TranslationProvider as bu,
+  useActiveAudioPlayer as bv,
+  WithAudioPlayback as bw,
+  defaultRegisterAudioPlayerError as bx,
+  elementIsPlaying as by,
+  AudioPlayer as bz,
   useTranslationContext as c,
-  ThreadContext as c0,
-  ThreadProvider as c1,
-  ChannelActionContext as c2,
-  ChannelActionProvider as c3,
-  ChannelListContext as c4,
-  ChannelStateContext as c5,
-  ChannelStateProvider as c6,
-  ChatContext as c7,
-  ComponentProvider as c8,
-  MessageComposerContext as c9,
-  TranslationContext as ca,
-  TypingContext as cb,
-  TypingProvider as cc,
-  isDayOrMoment as cd,
-  isNumberOrString as ce,
+  addNotificationTargetTag as c0,
+  useLegacyThreadContext as c1,
+  ThreadContext as c2,
+  ThreadProvider as c3,
+  ChannelActionContext as c4,
+  ChannelActionProvider as c5,
+  ChannelListContext as c6,
+  ChannelStateContext as c7,
+  ChannelStateProvider as c8,
+  ChatContext as c9,
+  ComponentProvider as ca,
+  MessageComposerContext as cb,
+  TranslationContext as cc,
+  TypingContext as cd,
+  TypingProvider as ce,
+  isDayOrMoment as cf,
+  isNumberOrString as cg,
   useChannelStateContext as d,
   useChatContext as e,
   isNotificationForPanel as f,
-  IconPlayFill as g,
-  getDefaultExportFromCjs as h,
+  IconPauseFill as g,
+  IconPlayFill as h,
   isMessageBounced as i,
-  defaultTranslatorFunction as j,
-  calendar as k,
-  IconLoading as l,
-  useComponentContext as m,
-  isNetworkSendFailure as n,
-  isUserMuted as o,
+  getDefaultExportFromCjs as j,
+  defaultTranslatorFunction as k,
+  calendar as l,
+  IconLoading as m,
+  useComponentContext as n,
+  isNetworkSendFailure as o,
   predefinedFormatters as p,
-  useThreadContext as q,
-  usePopoverPosition as r,
-  IconXmark as s,
-  IconUser as t,
+  isUserMuted as q,
+  useThreadContext as r,
+  usePopoverPosition as s,
+  IconXmark as t,
   useStateStore as u,
-  IconExclamationMarkFill as v,
-  IconChevronRight as w,
-  IconChevronLeft as x,
-  IconArrowLeft as y,
-  IconExclamationMark as z
+  IconUser as v,
+  IconExclamationMarkFill as w,
+  IconChevronRight as x,
+  IconChevronLeft as y,
+  IconArrowLeft as z
 };
-//# sourceMappingURL=WithAudioPlayback.21b7f35a.mjs.map
+//# sourceMappingURL=WithAudioPlayback.9b779236.mjs.map