stream-chat-react 14.11.0 → 14.12.0

package/dist/es/components/AudioPlayback/AudioPlayer.mjs

@@ -0,0 +1,457 @@
+import { StateStore } from "stream-chat";
+import throttle from "lodash.throttle";
+//#region src/components/AudioPlayback/AudioPlayer.ts
+var DEFAULT_PLAYBACK_RATES = [
+	1,
+	1.5,
+	2
+];
+var isSeekable = (audioElement) => !(audioElement.duration === Infinity || isNaN(audioElement.duration));
+var defaultRegisterAudioPlayerError = ({ error } = {}) => {
+	if (!error) return;
+	console.error("[AUDIO PLAYER]", error);
+};
+var elementIsPlaying = (audioElement) => audioElement && !(audioElement.paused || audioElement.ended);
+var AudioPlayer = class {
+	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 = (durationSeconds) => {
+			this._data.durationSeconds = durationSeconds;
+			this.state.partialNext({ durationSeconds });
+		};
+		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 = (mimeType) => {
+			if (!mimeType) return false;
+			if (this.elementRef) return !!this.elementRef.canPlayType(mimeType);
+			return !!new Audio().canPlayType(mimeType);
+		};
+		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 } = {
+				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
+				});
+				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();
+				if (!await this.elementIsReady()) 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: /* @__PURE__ */ 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());
+	}
+};
+//#endregion
+export { AudioPlayer, defaultRegisterAudioPlayerError, elementIsPlaying };
+
+//# sourceMappingURL=AudioPlayer.mjs.map

package/dist/es/components/AudioPlayback/AudioPlayer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer.mjs","names":[],"sources":["../../../../src/components/AudioPlayback/AudioPlayer.ts"],"sourcesContent":["import { StateStore } from 'stream-chat';\nimport throttle from 'lodash.throttle';\nimport type { AudioPlayerPlugin } from './plugins';\nimport type { AudioPlayerPool } from './AudioPlayerPool';\n\nexport type AudioPlayerErrorCode =\n  | 'failed-to-start'\n  | 'not-playable'\n  | 'seek-not-supported'\n  | (string & {});\n\nexport type RegisterAudioPlayerErrorParams = {\n  error?: Error;\n  errCode?: AudioPlayerErrorCode;\n};\n\nexport type AudioPlayerDescriptor = {\n  id: string;\n  src: string;\n  /** Audio duration in seconds. */\n  durationSeconds?: number;\n  fileSize?: number | string;\n  mimeType?: string;\n  title?: string;\n  waveformData?: number[];\n};\n\nexport type AudioPlayerPlayAudioParams = {\n  currentPlaybackRate?: number;\n  playbackRates?: number[];\n};\n\nexport type AudioPlayerState = {\n  /** Signals whether the browser can play the record. */\n  canPlayRecord: boolean;\n  /** Current playback speed. Initiated with the first item of the playbackRates array. */\n  currentPlaybackRate: number;\n  /** Audio duration in seconds, from descriptor or loaded metadata. */\n  durationSeconds?: number;\n  /** The audio element ref */\n  elementRef: HTMLAudioElement | null;\n  /** Signals whether the playback is in progress. */\n  isPlaying: boolean;\n  /** Keeps the latest playback error reference. */\n  playbackError: Error | null;\n  /** An array of fractional numeric values of playback speed to override the defaults (1.0, 1.5, 2.0) */\n  playbackRates: number[];\n  /** Playback progress expressed in percent. */\n  progressPercent: number;\n  /** Playback progress expressed in seconds. */\n  secondsElapsed: number;\n};\n\nexport type AudioPlayerOptions = AudioPlayerDescriptor & {\n  /** An array of fractional numeric values of playback speed to override the defaults (1.0, 1.5, 2.0) */\n  playbackRates?: number[];\n  plugins?: AudioPlayerPlugin[];\n  pool: AudioPlayerPool;\n};\n\nconst DEFAULT_PLAYBACK_RATES = [1.0, 1.5, 2.0];\n\nconst isSeekable = (audioElement: HTMLAudioElement) =>\n  !(audioElement.duration === Infinity || isNaN(audioElement.duration));\n\nexport const defaultRegisterAudioPlayerError = ({\n  error,\n}: RegisterAudioPlayerErrorParams = {}) => {\n  if (!error) return;\n  console.error('[AUDIO PLAYER]', error);\n};\n\nexport const elementIsPlaying = (audioElement: HTMLAudioElement | null) =>\n  audioElement && !(audioElement.paused || audioElement.ended);\n\nexport type SeekFn = (params: {\n  clientX: number;\n  currentTarget: HTMLDivElement;\n}) => Promise<void>;\n\nexport class AudioPlayer {\n  state: StateStore<AudioPlayerState>;\n  /** The audio MIME type that is checked before the audio is played. If the type is not supported the controller registers error in playbackError. */\n  private _data: AudioPlayerDescriptor;\n  private _plugins = new Map<string, AudioPlayerPlugin>();\n  private playTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n  private unsubscribeEventListeners: (() => void) | null = null;\n  private _pool: AudioPlayerPool;\n  private _disposed = false;\n  private _pendingLoadedMeta?: { element: HTMLAudioElement; onLoaded: () => void };\n  private _elementIsReadyPromise?: Promise<boolean>;\n  private _metadataProbe: HTMLAudioElement | null = null;\n  private _metadataProbePromise?: Promise<void>;\n  private _restoringPosition = false;\n  private _removalTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n\n  constructor({\n    durationSeconds,\n    fileSize,\n    id,\n    mimeType,\n    playbackRates: customPlaybackRates,\n    plugins,\n    pool,\n    src,\n    title,\n    waveformData,\n  }: AudioPlayerOptions) {\n    this._data = {\n      durationSeconds,\n      fileSize,\n      id,\n      mimeType,\n      src,\n      title,\n      waveformData,\n    };\n    this._pool = pool;\n    this.setPlugins(() => plugins ?? []);\n\n    const playbackRates = customPlaybackRates?.length\n      ? customPlaybackRates\n      : DEFAULT_PLAYBACK_RATES;\n\n    // do not create element here; only evaluate canPlayRecord cheaply\n    const canPlayRecord = mimeType ? !!new Audio().canPlayType(mimeType) : true;\n\n    this.state = new StateStore<AudioPlayerState>({\n      canPlayRecord,\n      currentPlaybackRate: playbackRates[0],\n      durationSeconds,\n      elementRef: null,\n      isPlaying: false,\n      playbackError: null,\n      playbackRates,\n      progressPercent: 0,\n      secondsElapsed: 0,\n    });\n\n    this.plugins.forEach((p) => p.onInit?.({ player: this }));\n    this.preloadMetadata();\n  }\n\n  private get plugins(): AudioPlayerPlugin[] {\n    return Array.from(this._plugins.values());\n  }\n\n  get canPlayRecord() {\n    return this.state.getLatestValue().canPlayRecord;\n  }\n\n  get elementRef() {\n    return this.state.getLatestValue().elementRef;\n  }\n\n  get isPlaying(): boolean {\n    return this.state.getLatestValue().isPlaying;\n  }\n\n  get currentPlaybackRate() {\n    return this.state.getLatestValue().currentPlaybackRate;\n  }\n\n  get playbackRates() {\n    return this.state.getLatestValue().playbackRates;\n  }\n\n  get durationSeconds() {\n    return this.state.getLatestValue().durationSeconds;\n  }\n\n  get fileSize() {\n    return this._data.fileSize;\n  }\n\n  get id() {\n    return this._data.id;\n  }\n\n  get src() {\n    return this._data.src;\n  }\n\n  get mimeType() {\n    return this._data.mimeType;\n  }\n\n  get title() {\n    return this._data.title;\n  }\n\n  get waveformData() {\n    return this._data.waveformData;\n  }\n\n  get secondsElapsed() {\n    return this.state.getLatestValue().secondsElapsed;\n  }\n\n  get progressPercent() {\n    return this.state.getLatestValue().progressPercent;\n  }\n\n  get disposed() {\n    return this._disposed;\n  }\n\n  private setDurationSeconds = (durationSeconds?: number) => {\n    this._data.durationSeconds = durationSeconds;\n    this.state.partialNext({ durationSeconds });\n  };\n\n  private ensureElementRef(): HTMLAudioElement {\n    if (this._disposed) {\n      throw new Error('AudioPlayer is disposed');\n    }\n    if (!this.elementRef) {\n      const el = this._pool.acquireElement({\n        ownerId: this.id,\n        src: this.src,\n      });\n      this.setRef(el);\n    }\n    return this.elementRef as HTMLAudioElement;\n  }\n  private setPlaybackStartSafetyTimeout = () => {\n    clearTimeout(this.playTimeout);\n    this.playTimeout = setTimeout(() => {\n      if (!this.elementRef) return;\n      try {\n        this.elementRef.pause();\n        this.state.partialNext({ isPlaying: false });\n      } catch (e) {\n        this.registerError({ errCode: 'failed-to-start' });\n      }\n    }, 2000);\n  };\n\n  private updateDurationFromElement = (element: HTMLAudioElement) => {\n    const duration = element.duration;\n    if (\n      typeof duration !== 'number' ||\n      isNaN(duration) ||\n      !isFinite(duration) ||\n      duration <= 0\n    ) {\n      return;\n    }\n    this.setDurationSeconds(duration);\n  };\n\n  private clearMetadataProbe = () => {\n    const probe = this._metadataProbe;\n    this._metadataProbe = null;\n    this._metadataProbePromise = undefined;\n\n    if (!probe) return;\n\n    try {\n      probe.pause();\n    } catch {\n      // ignore\n    }\n\n    probe.removeAttribute('src');\n    try {\n      probe.load();\n    } catch {\n      // ignore\n    }\n  };\n\n  private preloadMetadata = () => {\n    if (\n      this._disposed ||\n      this.durationSeconds != null ||\n      !this.src ||\n      this._metadataProbePromise ||\n      typeof document === 'undefined'\n    ) {\n      return;\n    }\n\n    const probe = document.createElement('audio');\n    probe.preload = 'metadata';\n    this._metadataProbe = probe;\n    this._metadataProbePromise = new Promise((resolve) => {\n      const cleanup = () => {\n        probe.removeEventListener('loadedmetadata', handleLoadedMetadata);\n        probe.removeEventListener('error', handleError);\n        if (this._metadataProbe === probe) {\n          this.clearMetadataProbe();\n        } else {\n          this._metadataProbePromise = undefined;\n        }\n        resolve();\n      };\n\n      const handleLoadedMetadata = () => {\n        this.updateDurationFromElement(probe);\n        cleanup();\n      };\n\n      const handleError = () => {\n        cleanup();\n      };\n\n      probe.addEventListener('loadedmetadata', handleLoadedMetadata, { once: true });\n      probe.addEventListener('error', handleError, { once: true });\n      probe.src = this.src;\n      try {\n        probe.load();\n      } catch {\n        cleanup();\n      }\n    });\n  };\n\n  private clearPlaybackStartSafetyTimeout = () => {\n    if (!this.elementRef) return;\n    clearTimeout(this.playTimeout);\n    this.playTimeout = undefined;\n  };\n\n  private clearPendingLoadedMeta = () => {\n    const pending = this._pendingLoadedMeta;\n    if (pending?.element && pending.onLoaded) {\n      pending.element.removeEventListener('loadedmetadata', pending.onLoaded);\n    }\n    this._pendingLoadedMeta = undefined;\n  };\n\n  private restoreSavedPosition = (elementRef: HTMLAudioElement) => {\n    const saved = this.secondsElapsed;\n    if (!saved || saved <= 0) return;\n    const apply = () => {\n      const duration = elementRef.duration;\n      const clamped =\n        typeof duration === 'number' && !isNaN(duration) && isFinite(duration)\n          ? Math.min(saved, duration)\n          : saved;\n      try {\n        if (elementRef.currentTime === clamped) return;\n        elementRef.currentTime = clamped;\n        // Preempt UI with restored position to avoid flicker\n        this.setSecondsElapsed(clamped);\n      } catch {\n        // ignore\n      }\n    };\n    // No information is available about the media resource.\n    if (elementRef.readyState < 1) {\n      this.clearPendingLoadedMeta();\n      this._restoringPosition = true;\n      const onLoaded = () => {\n        // Ensure this callback still belongs to the same pending registration and same element\n        if (this._pendingLoadedMeta?.onLoaded !== onLoaded) return;\n        this._pendingLoadedMeta = undefined;\n        if (this.elementRef !== elementRef) {\n          this._restoringPosition = false;\n          return;\n        }\n        apply();\n        this._restoringPosition = false;\n      };\n      elementRef.addEventListener('loadedmetadata', onLoaded, { once: true });\n      this._pendingLoadedMeta = { element: elementRef, onLoaded };\n    } else {\n      this._restoringPosition = true;\n      apply();\n      this._restoringPosition = false;\n    }\n  };\n\n  setDescriptor(descriptor: AudioPlayerDescriptor) {\n    const previousSrc = this.src;\n    this._data = { ...this._data, ...descriptor };\n    if (descriptor.src !== previousSrc && this.elementRef) {\n      this.elementRef.src = descriptor.src;\n    }\n    if (descriptor.src && descriptor.src !== previousSrc) {\n      this.clearMetadataProbe();\n      if (descriptor.durationSeconds == null) {\n        this.setDurationSeconds(undefined);\n        this.preloadMetadata();\n      } else {\n        this.setDurationSeconds(descriptor.durationSeconds);\n      }\n      return;\n    }\n    if (descriptor.durationSeconds != null) {\n      this.setDurationSeconds(descriptor.durationSeconds);\n    }\n  }\n\n  private releaseElement({ resetState }: { resetState: boolean }) {\n    this.clearPendingLoadedMeta();\n    this.clearMetadataProbe();\n    this._restoringPosition = false;\n    if (resetState) {\n      this.stop();\n    } else {\n      // Ensure isPlaying reflects reality, but keep progress/seconds\n      this.state.partialNext({ isPlaying: false });\n      if (this.elementRef) {\n        try {\n          this.elementRef.pause();\n        } catch {\n          // ignore\n        }\n      }\n    }\n    if (this.elementRef) {\n      this._pool.releaseElement(this.id);\n      this.setRef(null);\n    }\n  }\n\n  private elementIsReady = (): Promise<boolean> => {\n    if (this._elementIsReadyPromise) return this._elementIsReadyPromise;\n\n    this._elementIsReadyPromise = new Promise((resolve) => {\n      if (!this.elementRef) return resolve(false);\n      const element = this.elementRef;\n      const handleLoaded = () => {\n        element.removeEventListener('loadedmetadata', handleLoaded);\n        resolve(element.readyState > 0);\n      };\n      element.addEventListener('loadedmetadata', handleLoaded);\n    });\n\n    return this._elementIsReadyPromise;\n  };\n\n  private setRef = (elementRef: HTMLAudioElement | null) => {\n    if (elementIsPlaying(this.elementRef)) {\n      // preserve state during swap\n      this.releaseElement({ resetState: false });\n    }\n    this.clearPendingLoadedMeta();\n    this.clearMetadataProbe();\n    this._restoringPosition = false;\n    this._elementIsReadyPromise = undefined;\n    this.state.partialNext({ elementRef });\n    // When a new element is attached, make sure listeners are wired to it\n    if (elementRef) {\n      this.registerSubscriptions();\n    }\n  };\n\n  setSecondsElapsed = (secondsElapsed: number) => {\n    const duration = this.elementRef?.duration ?? this.durationSeconds;\n    this.state.partialNext({\n      progressPercent: duration && secondsElapsed ? (secondsElapsed / duration) * 100 : 0,\n      secondsElapsed,\n    });\n  };\n\n  setPlugins(setter: (currentPlugins: AudioPlayerPlugin[]) => AudioPlayerPlugin[]) {\n    this._plugins = setter(this.plugins).reduce((acc, plugin) => {\n      if (plugin.id) {\n        acc.set(plugin.id, plugin);\n      }\n      return acc;\n    }, new Map<string, AudioPlayerPlugin>());\n  }\n\n  canPlayMimeType = (mimeType: string) => {\n    if (!mimeType) return false;\n    if (this.elementRef) return !!this.elementRef.canPlayType(mimeType);\n    return !!new Audio().canPlayType(mimeType);\n  };\n\n  play = async (params?: AudioPlayerPlayAudioParams) => {\n    if (this._disposed) return;\n    const elementRef = this.ensureElementRef();\n    if (elementIsPlaying(this.elementRef)) {\n      if (this.isPlaying) return;\n      this.state.partialNext({ isPlaying: true });\n      return;\n    }\n\n    const { currentPlaybackRate, playbackRates } = {\n      currentPlaybackRate: this.currentPlaybackRate,\n      playbackRates: this.playbackRates,\n      ...params,\n    };\n\n    if (!this.canPlayRecord) {\n      this.registerError({ errCode: 'not-playable' });\n      return;\n    }\n\n    // Restore last known position for this player before attempting to play\n    this.restoreSavedPosition(elementRef);\n\n    elementRef.playbackRate = currentPlaybackRate ?? this.currentPlaybackRate;\n\n    this.setPlaybackStartSafetyTimeout();\n\n    try {\n      await elementRef.play();\n      this.state.partialNext({\n        currentPlaybackRate,\n        isPlaying: true,\n        playbackRates,\n      });\n      this._pool.setActiveAudioPlayer(this);\n    } catch (e) {\n      this.registerError({ error: e as Error });\n      this.state.partialNext({ isPlaying: false });\n    } finally {\n      this.clearPlaybackStartSafetyTimeout();\n    }\n  };\n\n  pause = () => {\n    if (!elementIsPlaying(this.elementRef)) return;\n    this.clearPlaybackStartSafetyTimeout();\n\n    // existence of the element already checked by elementIsPlaying\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    this.elementRef!.pause();\n    this.state.partialNext({ isPlaying: false });\n  };\n\n  stop = () => {\n    this.pause();\n    this.state.partialNext({ isPlaying: false });\n    this.setSecondsElapsed(0);\n    if (this.elementRef) this.elementRef.currentTime = 0;\n  };\n\n  togglePlay = async () => (this.isPlaying ? this.pause() : await this.play());\n\n  increasePlaybackRate = () => {\n    let currentPlaybackRateIndex = this.state\n      .getLatestValue()\n      .playbackRates.findIndex((rate) => rate === this.currentPlaybackRate);\n    if (currentPlaybackRateIndex === -1) {\n      currentPlaybackRateIndex = 0;\n    }\n    const nextIndex =\n      currentPlaybackRateIndex === this.playbackRates.length - 1\n        ? 0\n        : currentPlaybackRateIndex + 1;\n    const currentPlaybackRate = this.playbackRates[nextIndex];\n    this.state.partialNext({ currentPlaybackRate });\n    if (this.elementRef) {\n      this.elementRef.playbackRate = currentPlaybackRate;\n    }\n  };\n\n  seek = throttle<SeekFn>(async ({ clientX, currentTarget }) => {\n    let element = this.elementRef;\n    if (!this.elementRef) {\n      element = this.ensureElementRef();\n      const isReady = await this.elementIsReady();\n      if (!isReady) return;\n    }\n    if (!currentTarget || !element) return;\n    if (!isSeekable(element)) {\n      this.registerError({ errCode: 'seek-not-supported' });\n      return;\n    }\n\n    const { width, x } = currentTarget.getBoundingClientRect();\n\n    const ratio = (clientX - x) / width;\n    if (ratio > 1 || ratio < 0) return;\n    const currentTime = ratio * element.duration;\n    this.setSecondsElapsed(currentTime);\n    element.currentTime = currentTime;\n  }, 16);\n\n  registerError = (params: RegisterAudioPlayerErrorParams) => {\n    defaultRegisterAudioPlayerError(params);\n    this.plugins.forEach(({ onError }) => onError?.({ player: this, ...params }));\n  };\n\n  /**\n   * Removes the audio element reference, event listeners and audio player from the player pool.\n   * Helpful when only a single AudioPlayer instance is to be removed from the AudioPlayerPool.\n   */\n  requestRemoval = () => {\n    this._disposed = true;\n    this.cancelScheduledRemoval();\n    this.clearPendingLoadedMeta();\n    this.clearMetadataProbe();\n    this._restoringPosition = false;\n    this.releaseElement({ resetState: true });\n    this.unsubscribeEventListeners?.();\n    this.unsubscribeEventListeners = null;\n    this.plugins.forEach(({ onRemove }) => onRemove?.({ player: this }));\n    this._pool.deregister(this.id);\n  };\n\n  cancelScheduledRemoval = () => {\n    clearTimeout(this._removalTimeout);\n    this._removalTimeout = undefined;\n  };\n\n  scheduleRemoval = (ms: number = 0) => {\n    this.cancelScheduledRemoval();\n    this._removalTimeout = setTimeout(() => {\n      if (this.disposed) return;\n      this.requestRemoval();\n    }, ms);\n  };\n\n  /**\n   * Releases only the underlying element back to the pool without disposing the player instance.\n   * Used by the pool to hand off the shared element in single-playback mode.\n   */\n  releaseElementForHandoff = () => {\n    if (!this.elementRef) return;\n    this.releaseElement({ resetState: false });\n    this.unsubscribeEventListeners?.();\n    this.unsubscribeEventListeners = null;\n  };\n\n  registerSubscriptions = () => {\n    this.unsubscribeEventListeners?.();\n\n    const audioElement = this.elementRef;\n    if (!audioElement) return;\n\n    const handleEnded = () => {\n      if (audioElement) {\n        this.updateDurationFromElement(audioElement);\n      }\n      this.stop();\n    };\n\n    const handleError = (e: HTMLMediaElementEventMap['error']) => {\n      // if fired probably is one of these (e.srcElement.error.code)\n      // 1 = MEDIA_ERR_ABORTED         (fetch aborted by user/JS)\n      // 2 = MEDIA_ERR_NETWORK         (network failed while fetching)\n      // 3 = MEDIA_ERR_DECODE          (data fetched but couldn’t decode)\n      // 4 = MEDIA_ERR_SRC_NOT_SUPPORTED (no resource supported / bad type)\n      // reported during the mount so only logging to the console\n      const audio = e.currentTarget as HTMLAudioElement | null;\n      const state: Partial<AudioPlayerState> = { isPlaying: false };\n\n      if (!audio?.error?.code) {\n        this.state.partialNext(state);\n        return;\n      }\n\n      if (audio.error.code === 4) {\n        state.canPlayRecord = false;\n        this.state.partialNext(state);\n      }\n\n      const errorMsg = [\n        undefined,\n        'MEDIA_ERR_ABORTED: fetch aborted by user',\n        'MEDIA_ERR_NETWORK: network failed while fetching',\n        'MEDIA_ERR_DECODE: audio fetched but couldn’t decode',\n        'MEDIA_ERR_SRC_NOT_SUPPORTED: source not supported',\n      ][audio?.error?.code];\n      if (!errorMsg) return;\n\n      defaultRegisterAudioPlayerError({ error: new Error(errorMsg + ` (${audio.src})`) });\n    };\n\n    const handleTimeupdate = () => {\n      const t = audioElement?.currentTime ?? 0;\n      // Ignore spurious zero during restore/handoff to avoid UI flicker\n      if (this._restoringPosition && t === 0) return;\n      // Also avoid regressing UI to zero if we already have non-zero progress and we're not playing\n      if (!this.isPlaying && t === 0 && this.secondsElapsed > 0) return;\n      this.setSecondsElapsed(t);\n    };\n\n    const handleLoadedMetadata = () => {\n      if (audioElement) {\n        this.updateDurationFromElement(audioElement);\n      }\n    };\n\n    audioElement.addEventListener('ended', handleEnded);\n    audioElement.addEventListener('error', handleError);\n    audioElement.addEventListener('loadedmetadata', handleLoadedMetadata);\n    audioElement.addEventListener('timeupdate', handleTimeupdate);\n\n    this.unsubscribeEventListeners = () => {\n      audioElement.pause();\n      audioElement.removeEventListener('ended', handleEnded);\n      audioElement.removeEventListener('error', handleError);\n      audioElement.removeEventListener('loadedmetadata', handleLoadedMetadata);\n      audioElement.removeEventListener('timeupdate', handleTimeupdate);\n    };\n  };\n}\n"],"mappings":"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"}

package/dist/es/components/AudioPlayback/AudioPlayerPool.mjs

@@ -0,0 +1,109 @@
+import { AudioPlayer } from "./AudioPlayer.mjs";
+import { StateStore } from "stream-chat";
+//#region src/components/AudioPlayback/AudioPlayerPool.ts
+var AudioPlayerPool = class {
+	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 el = this.sharedAudio;
+				if (el) {
+					try {
+						el.pause();
+					} catch {}
+					el.removeAttribute("src");
+					el.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);
+	}
+};
+//#endregion
+export { AudioPlayerPool };
+
+//# sourceMappingURL=AudioPlayerPool.mjs.map

package/dist/es/components/AudioPlayback/AudioPlayerPool.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayerPool.mjs","names":[],"sources":["../../../../src/components/AudioPlayback/AudioPlayerPool.ts"],"sourcesContent":["import { AudioPlayer, type AudioPlayerOptions } from './AudioPlayer';\nimport { StateStore } from 'stream-chat';\n\nexport type AudioPlayerPoolState = {\n  activeAudioPlayer: AudioPlayer | null;\n};\n\nexport class AudioPlayerPool {\n  state: StateStore<AudioPlayerPoolState> = new StateStore<AudioPlayerPoolState>({\n    activeAudioPlayer: null,\n  });\n  private pool = new Map<string, AudioPlayer>();\n  private audios = new Map<string, HTMLAudioElement>();\n  private sharedAudio: HTMLAudioElement | null = null;\n  private sharedOwnerId: string | null = null;\n  private readonly allowConcurrentPlayback: boolean;\n\n  constructor(config?: { allowConcurrentPlayback?: boolean }) {\n    this.allowConcurrentPlayback = !!config?.allowConcurrentPlayback;\n  }\n\n  get players() {\n    return Array.from(this.pool.values());\n  }\n\n  get activeAudioPlayer() {\n    return this.state.getLatestValue().activeAudioPlayer;\n  }\n\n  getOrAdd = (params: Omit<AudioPlayerOptions, 'pool'>) => {\n    const { playbackRates, plugins, ...descriptor } = params;\n    let player = this.pool.get(params.id);\n    if (player) {\n      if (!player.disposed) {\n        player.setDescriptor(descriptor);\n        return player;\n      }\n      this.deregister(params.id);\n    }\n    player = new AudioPlayer({\n      playbackRates,\n      plugins,\n      ...descriptor,\n      pool: this,\n    });\n    this.pool.set(params.id, player);\n    return player;\n  };\n\n  /**\n   * In case of allowConcurrentPlayback enabled, a new Audio is created and assigned to the given audioPlayer owner.\n   * In case of disabled concurrency, the shared audio ownership is transferred to the new owner loading the owner's\n   * source.\n   *\n   * @param ownerId\n   * @param src\n   */\n  acquireElement = ({ ownerId, src }: { ownerId: string; src: string }) => {\n    if (!this.allowConcurrentPlayback) {\n      // Single shared element mode\n      if (!this.sharedAudio) {\n        this.sharedAudio = new Audio();\n      }\n      // Handoff from previous owner if different\n      if (this.sharedOwnerId && this.sharedOwnerId !== ownerId) {\n        const previous = this.pool.get(this.sharedOwnerId);\n        // Ask previous to pause and drop ref, but keep player in pool\n        previous?.pause();\n        previous?.releaseElementForHandoff();\n      }\n      this.sharedOwnerId = ownerId;\n      if (this.sharedAudio.src !== src) {\n        // setting src starts loading; avoid explicit load() to prevent currentTime reset flicker\n        this.sharedAudio.src = src;\n      }\n      return this.sharedAudio;\n    }\n\n    // Concurrent-per-owner mode\n    let audio = this.audios.get(ownerId);\n    if (!audio) {\n      audio = new Audio();\n      this.audios.set(ownerId, audio);\n    }\n    if (audio.src !== src) {\n      // setting src starts loading; avoid explicit load() here as well\n      audio.src = src;\n    }\n    return audio;\n  };\n\n  /**\n   * Removes the given audio players ownership of the shared audio element (in case of concurrent playback is disabled)\n   * and pauses the reproduction of the audio.\n   * In case of concurrent playback mode (allowConcurrentPlayback enabled), the audio is paused,\n   * its source cleared and removed from the audios pool readied for garbage collection.\n   *\n   * @param ownerId\n   */\n  releaseElement = (ownerId: string) => {\n    if (!this.allowConcurrentPlayback) {\n      if (this.sharedOwnerId !== ownerId) return;\n      const el = this.sharedAudio;\n      if (el) {\n        try {\n          el.pause();\n        } catch {\n          // ignore\n        }\n        el.removeAttribute('src');\n        el.load();\n      }\n      // Keep shared element instance for reuse\n      this.sharedOwnerId = null;\n      return;\n    }\n\n    const el = this.audios.get(ownerId);\n    if (!el) return;\n    try {\n      el.pause();\n    } catch {\n      // ignore\n    }\n    el.removeAttribute('src');\n    el.load();\n    this.audios.delete(ownerId);\n  };\n\n  /** Sets active audio player when allowConcurrentPlayback is disabled */\n  setActiveAudioPlayer = (activeAudioPlayer: AudioPlayer | null) => {\n    if (this.allowConcurrentPlayback) return;\n    this.state.partialNext({ activeAudioPlayer });\n  };\n\n  /** Removes the AudioPlayer instance from the pool of players */\n  deregister(id: string) {\n    if (this.pool.has(id)) {\n      this.pool.delete(id);\n    }\n    if (this.activeAudioPlayer?.id === id) {\n      this.setActiveAudioPlayer(null);\n    }\n  }\n\n  /** Performs all the necessary cleanup actions and removes the player from the pool */\n  remove = (id: string) => {\n    const player = this.pool.get(id);\n    if (!player) return;\n    player.requestRemoval();\n  };\n\n  /** Removes and cleans up all the players from the pool */\n  clear = () => {\n    this.players.forEach((player) => {\n      this.remove(player.id);\n    });\n  };\n\n  registerSubscriptions = () => {\n    // Only register subscriptions for players that have an attached element.\n    // Avoid creating elements or cross-wiring listeners on the shared element in single-playback mode.\n    this.players.forEach((p) => {\n      if (p.elementRef) {\n        p.registerSubscriptions();\n      }\n    });\n  };\n}\n"],"mappings":";;;AAOA,IAAa,kBAAb,MAA6B;CAU3B,YAAY,QAAgD;eATlB,IAAI,WAAiC,EAC7E,mBAAmB,KACrB,CAAC;8BACc,IAAI,IAAyB;gCAC3B,IAAI,IAA8B;qBACJ;uBACR;mBAe3B,WAA6C;GACvD,MAAM,EAAE,eAAe,SAAS,GAAG,eAAe;GAClD,IAAI,SAAS,KAAK,KAAK,IAAI,OAAO,EAAE;GACpC,IAAI,QAAQ;IACV,IAAI,CAAC,OAAO,UAAU;KACpB,OAAO,cAAc,UAAU;KAC/B,OAAO;IACT;IACA,KAAK,WAAW,OAAO,EAAE;GAC3B;GACA,SAAS,IAAI,YAAY;IACvB;IACA;IACA,GAAG;IACH,MAAM;GACR,CAAC;GACD,KAAK,KAAK,IAAI,OAAO,IAAI,MAAM;GAC/B,OAAO;EACT;yBAUkB,EAAE,SAAS,UAA4C;GACvE,IAAI,CAAC,KAAK,yBAAyB;IAEjC,IAAI,CAAC,KAAK,aACR,KAAK,cAAc,IAAI,MAAM;IAG/B,IAAI,KAAK,iBAAiB,KAAK,kBAAkB,SAAS;KACxD,MAAM,WAAW,KAAK,KAAK,IAAI,KAAK,aAAa;KAEjD,UAAU,MAAM;KAChB,UAAU,yBAAyB;IACrC;IACA,KAAK,gBAAgB;IACrB,IAAI,KAAK,YAAY,QAAQ,KAE3B,KAAK,YAAY,MAAM;IAEzB,OAAO,KAAK;GACd;GAGA,IAAI,QAAQ,KAAK,OAAO,IAAI,OAAO;GACnC,IAAI,CAAC,OAAO;IACV,QAAQ,IAAI,MAAM;IAClB,KAAK,OAAO,IAAI,SAAS,KAAK;GAChC;GACA,IAAI,MAAM,QAAQ,KAEhB,MAAM,MAAM;GAEd,OAAO;EACT;yBAUkB,YAAoB;GACpC,IAAI,CAAC,KAAK,yBAAyB;IACjC,IAAI,KAAK,kBAAkB,SAAS;IACpC,MAAM,KAAK,KAAK;IAChB,IAAI,IAAI;KACN,IAAI;MACF,GAAG,MAAM;KACX,QAAQ,CAER;KACA,GAAG,gBAAgB,KAAK;KACxB,GAAG,KAAK;IACV;IAEA,KAAK,gBAAgB;IACrB;GACF;GAEA,MAAM,KAAK,KAAK,OAAO,IAAI,OAAO;GAClC,IAAI,CAAC,IAAI;GACT,IAAI;IACF,GAAG,MAAM;GACX,QAAQ,CAER;GACA,GAAG,gBAAgB,KAAK;GACxB,GAAG,KAAK;GACR,KAAK,OAAO,OAAO,OAAO;EAC5B;+BAGwB,sBAA0C;GAChE,IAAI,KAAK,yBAAyB;GAClC,KAAK,MAAM,YAAY,EAAE,kBAAkB,CAAC;EAC9C;iBAaU,OAAe;GACvB,MAAM,SAAS,KAAK,KAAK,IAAI,EAAE;GAC/B,IAAI,CAAC,QAAQ;GACb,OAAO,eAAe;EACxB;qBAGc;GACZ,KAAK,QAAQ,SAAS,WAAW;IAC/B,KAAK,OAAO,OAAO,EAAE;GACvB,CAAC;EACH;qCAE8B;GAG5B,KAAK,QAAQ,SAAS,MAAM;IAC1B,IAAI,EAAE,YACJ,EAAE,sBAAsB;GAE5B,CAAC;EACH;EArJE,KAAK,0BAA0B,CAAC,CAAC,QAAQ;CAC3C;CAEA,IAAI,UAAU;EACZ,OAAO,MAAM,KAAK,KAAK,KAAK,OAAO,CAAC;CACtC;CAEA,IAAI,oBAAoB;EACtB,OAAO,KAAK,MAAM,eAAe,CAAC,CAAC;CACrC;;CA6GA,WAAW,IAAY;EACrB,IAAI,KAAK,KAAK,IAAI,EAAE,GAClB,KAAK,KAAK,OAAO,EAAE;EAErB,IAAI,KAAK,mBAAmB,OAAO,IACjC,KAAK,qBAAqB,IAAI;CAElC;AAyBF"}