npm - stream-chat-react - Versions diffs - 14.12.0 → 15.0.0-rc.1 - Mend

stream-chat-react 14.12.0 → 15.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1428) hide show

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

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"AudioPlayer.mjs","names":[],"sources":["../../../../src/components/AudioPlayback/AudioPlayer.ts"],"sourcesContent":["import { StateStore } from '@stream-io/state-store';\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 owner: this,\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);\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 CHANGED Viewed

@@ -1,107 +1,71 @@
 import { AudioPlayer } from "./AudioPlayer.mjs";
-import { StateStore } from "stream-chat";
+import { AudioPlaybackArbiter } from "./AudioPlaybackArbiter.mjs";
 //#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;
+	pool = /* @__PURE__ */ new Map();
+	arbiter;
+	constructor({ arbiter } = {}) {
+		this.arbiter = arbiter ?? new AudioPlaybackArbiter();
+	}
+	/** Playback state is the arbiter's, so every pool sharing one reports the same active player. */
+	get state() {
+		return this.arbiter.state;
 	}
 	get players() {
 		return Array.from(this.pool.values());
 	}
 	get activeAudioPlayer() {
-		return this.state.getLatestValue().activeAudioPlayer;
+		return this.arbiter.activeAudioPlayer;
 	}
+	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;
+	};
+	/** @see {@link AudioPlaybackArbiter.acquire} */
+	acquireElement = ({ owner, src }) => this.arbiter.acquire({
+		owner,
+		src
+	});
+	/** @see {@link AudioPlaybackArbiter.release} */
+	releaseElement = (owner) => this.arbiter.release(owner);
+	setActiveAudioPlayer = (activeAudioPlayer) => this.arbiter.setActivePlayer(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);
 	}
+	/** Performs all the necessary cleanup actions and removes the player from the pool */
+	remove = (id) => {
+		const player = this.pool.get(id);
+		if (!player) return;
+		player.requestRemoval();
+	};
+	/** Removes and cleans up all the players from the pool */
+	clear = () => {
+		this.players.forEach((player) => {
+			this.remove(player.id);
+		});
+	};
+	registerSubscriptions = () => {
+		this.players.forEach((p) => {
+			if (p.elementRef) p.registerSubscriptions();
+		});
+	};
 };
 //#endregion
 export { AudioPlayerPool };

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"AudioPlayerPool.mjs","names":[],"sources":["../../../../src/components/AudioPlayback/AudioPlayerPool.ts"],"sourcesContent":["import { AudioPlayer, type AudioPlayerOptions } from './AudioPlayer';\nimport { AudioPlaybackArbiter } from './AudioPlaybackArbiter';\nimport type { AudioPlaybackArbiterState } from './AudioPlaybackArbiter';\n\nexport type AudioPlayerPoolState = AudioPlaybackArbiterState;\n\nexport type AudioPlayerPoolOptions = {\n /*\n Decides which player may play, and owns the element they share. Pools given the same arbiter\n * cannot play over each other -- which is how `Channel` and `Thread`, each with their own pool,\n * stay exclusive. Left out, the pool arbitrates alone.\n /\n arbiter?: AudioPlaybackArbiter;\n};\n\nexport class AudioPlayerPool {\n private pool = new Map<string, AudioPlayer>();\n private readonly arbiter: AudioPlaybackArbiter;\n\n constructor({ arbiter }: AudioPlayerPoolOptions = {}) {\n this.arbiter = arbiter ?? new AudioPlaybackArbiter();\n }\n\n /* Playback state is the arbiter's, so every pool sharing one reports the same active player. /\n get state() {\n return this.arbiter.state;\n }\n\n get players() {\n return Array.from(this.pool.values());\n }\n\n get activeAudioPlayer() {\n return this.arbiter.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 /* @see {@link AudioPlaybackArbiter.acquire} /\n acquireElement = ({ owner, src }: { owner: AudioPlayer; src: string }) =>\n this.arbiter.acquire({ owner, src });\n\n /* @see {@link AudioPlaybackArbiter.release} /\n releaseElement = (owner: AudioPlayer) => this.arbiter.release(owner);\n\n setActiveAudioPlayer = (activeAudioPlayer: AudioPlayer \| null) =>\n this.arbiter.setActivePlayer(activeAudioPlayer);\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 -- every other player\n // would otherwise cross-wire listeners onto the shared element it does not currently own.\n this.players.forEach((p) => {\n if (p.elementRef) {\n p.registerSubscriptions();\n }\n });\n };\n}\n"],"mappings":";;;AAeA,IAAa,kBAAb,MAA6B;CAC3B,uBAAe,IAAI,IAAyB;CAC5C;CAEA,YAAY,EAAE,YAAoC,CAAC,GAAG;EACpD,KAAK,UAAU,WAAW,IAAI,qBAAqB;CACrD;;CAGA,IAAI,QAAQ;EACV,OAAO,KAAK,QAAQ;CACtB;CAEA,IAAI,UAAU;EACZ,OAAO,MAAM,KAAK,KAAK,KAAK,OAAO,CAAC;CACtC;CAEA,IAAI,oBAAoB;EACtB,OAAO,KAAK,QAAQ;CACtB;CAEA,YAAY,WAA6C;EACvD,MAAM,EAAE,eAAe,SAAS,GAAG,eAAe;EAClD,IAAI,SAAS,KAAK,KAAK,IAAI,OAAO,EAAE;EACpC,IAAI,QAAQ;GACV,IAAI,CAAC,OAAO,UAAU;IACpB,OAAO,cAAc,UAAU;IAC/B,OAAO;GACT;GACA,KAAK,WAAW,OAAO,EAAE;EAC3B;EACA,SAAS,IAAI,YAAY;GACvB;GACA;GACA,GAAG;GACH,MAAM;EACR,CAAC;EACD,KAAK,KAAK,IAAI,OAAO,IAAI,MAAM;EAC/B,OAAO;CACT;;CAGA,kBAAkB,EAAE,OAAO,UACzB,KAAK,QAAQ,QAAQ;EAAE;EAAO;CAAI,CAAC;;CAGrC,kBAAkB,UAAuB,KAAK,QAAQ,QAAQ,KAAK;CAEnE,wBAAwB,sBACtB,KAAK,QAAQ,gBAAgB,iBAAiB;;CAGhD,WAAW,IAAY;EACrB,IAAI,KAAK,KAAK,IAAI,EAAE,GAClB,KAAK,KAAK,OAAO,EAAE;EAErB,IAAI,KAAK,mBAAmB,OAAO,IACjC,KAAK,qBAAqB,IAAI;CAElC;;CAGA,UAAU,OAAe;EACvB,MAAM,SAAS,KAAK,KAAK,IAAI,EAAE;EAC/B,IAAI,CAAC,QAAQ;EACb,OAAO,eAAe;CACxB;;CAGA,cAAc;EACZ,KAAK,QAAQ,SAAS,WAAW;GAC/B,KAAK,OAAO,OAAO,EAAE;EACvB,CAAC;CACH;CAEA,8BAA8B;EAG5B,KAAK,QAAQ,SAAS,MAAM;GAC1B,IAAI,EAAE,YACJ,EAAE,sBAAsB;EAE5B,CAAC;CACH;AACF"}

package/dist/es/components/AudioPlayback/WithAudioPlayback.mjs CHANGED Viewed

@@ -1,19 +1,33 @@
 import { useStateStore } from "../../store/hooks/useStateStore.mjs";
 import { useTranslationContext } from "../../context/TranslationContext.mjs";
+import { useNotificationTarget } from "../Notifications/hooks/useNotificationTarget.mjs";
+import { useNotificationApi } from "../Notifications/hooks/useNotificationApi.mjs";
+import { AudioPlaybackArbiter } from "./AudioPlaybackArbiter.mjs";
 import { AudioPlayerPool } from "./AudioPlayerPool.mjs";
 import { audioPlayerNotificationsPluginFactory } from "./plugins/AudioPlayerNotificationsPlugin.mjs";
 import { useAudioPlaybackChangeAnnouncements } from "../Accessibility/hooks/useAudioPlaybackChangeAnnouncements.mjs";
-import { useNotificationTarget } from "../Notifications/hooks/useNotificationTarget.mjs";
-import { useNotificationApi } from "../Notifications/hooks/useNotificationApi.mjs";
 import React, { useContext, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/AudioPlayback/WithAudioPlayback.tsx
 var AudioPlayerContext = React.createContext({ audioPlayers: null });
-var WithAudioPlayback = ({ allowConcurrentPlayback, children }) => {
-	const [audioPlayers] = useState(() => new AudioPlayerPool({ allowConcurrentPlayback }));
+/**
+* The arbiter every pool below shares, so no two surfaces play at once. `Chat` provides one; a
+* `WithAudioPlayback` mounted outside a `Chat` falls back to a pool that arbitrates alone.
+*/
+var SharedAudioPlaybackContext = React.createContext(null);
+var SharedAudioPlaybackProvider = ({ children }) => {
+	const [arbiter] = useState(() => new AudioPlaybackArbiter());
+	return /* @__PURE__ */ jsx(SharedAudioPlaybackContext.Provider, {
+		value: arbiter,
+		children
+	});
+};
+var WithAudioPlayback = ({ children, playbackScope }) => {
+	const arbiter = useContext(SharedAudioPlaybackContext);
+	const [audioPlayers] = useState(() => new AudioPlayerPool({ arbiter: arbiter ?? void 0 }));
 	useEffect(() => () => {
 		audioPlayers.clear();
-	}, [audioPlayers]);
+	}, [audioPlayers, playbackScope]);
 	return /* @__PURE__ */ jsx(AudioPlayerContext.Provider, {
 		value: { audioPlayers },
 		children
@@ -67,6 +81,6 @@ var useActiveAudioPlayer = () => {
 	return activeAudioPlayer;
 };
 //#endregion
-export { WithAudioPlayback, useActiveAudioPlayer, useAudioPlayer };
+export { SharedAudioPlaybackProvider, WithAudioPlayback, useActiveAudioPlayer, useAudioPlayer };
 //# sourceMappingURL=WithAudioPlayback.mjs.map

package/dist/es/components/AudioPlayback/WithAudioPlayback.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WithAudioPlayback.mjs","names":[],"sources":["../../../../src/components/AudioPlayback/WithAudioPlayback.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport type { AudioPlayerOptions } from './AudioPlayer';\nimport type { AudioPlayerPoolState } from './AudioPlayerPool';\nimport { AudioPlayerPool } from './AudioPlayerPool';\nimport { audioPlayerNotificationsPluginFactory } from './plugins/AudioPlayerNotificationsPlugin';\nimport { useNotificationApi, useNotificationTarget } from '../Notifications';\nimport { useTranslationContext } from '../../context';\nimport { useStateStore } from '../../store';\nimport { useAudioPlaybackChangeAnnouncements } from '../Accessibility/hooks/useAudioPlaybackChangeAnnouncements';\n\nexport type WithAudioPlaybackProps = {\n children?: React.ReactNode;\n ~~allowConcurrentPlayback~~?: ~~boolean~~;\n};\n\nconst AudioPlayerContext = React.createContext<{ audioPlayers: AudioPlayerPool \| null }>({\n audioPlayers: null,\n});\n\nexport const ~~WithAudioPlayback~~ = ({\n ~~allowConcurrentPlayback~~,\n children,\n}: WithAudioPlaybackProps) => {\n const [audioPlayers] = useState(() => new AudioPlayerPool({ ~~allowConcurrentPlayback~~ }));\n\n useEffect(\n () => () => {\n audioPlayers.clear();\n },\n [audioPlayers],\n );\n\n return (\n <AudioPlayerContext.Provider value={{ audioPlayers }}>\n {children}\n </AudioPlayerContext.Provider>\n );\n};\n\nexport type UseAudioPlayerProps = {\n /*\n Identifier of the entity that requested the audio playback, e.g. message ID.\n * Asset to specific audio player is a many-to-many relationship\n * - one URL can be associated with multiple UI elements,\n * - one UI element can display multiple audio sources.\n * Therefore, the AudioPlayer ID is a combination of request:src.\n \n The requester string can take into consideration whether there are multiple instances of\n * the same URL requested by the same requester (message has multiple attachments with the same asset URL).\n * In reality the fact that one message has multiple attachments with the same asset URL\n * could be considered a bad practice or a bug.\n /\n requester?: string;\n} & Partial<Omit<AudioPlayerOptions, 'id' \| 'pool'>>;\n\nconst makeAudioPlayerId = ({ requester, src }: { src: string; requester?: string }) =>\n `${requester ?? 'requester-unknown'}:${src}`;\n\nexport const useAudioPlayer = ({\n durationSeconds,\n fileSize,\n mimeType,\n playbackRates,\n plugins,\n requester = '',\n src,\n title,\n waveformData,\n}: UseAudioPlayerProps) => {\n const { addNotification } = useNotificationApi();\n const panel = useNotificationTarget();\n const { t } = useTranslationContext();\n const { audioPlayers } = useContext(AudioPlayerContext);\n\n const audioPlayer =\n src && audioPlayers\n ? audioPlayers.getOrAdd({\n durationSeconds,\n fileSize,\n id: makeAudioPlayerId({ requester, src }),\n mimeType,\n playbackRates,\n plugins,\n src,\n title,\n waveformData,\n })\n : undefined;\n\n useAudioPlaybackChangeAnnouncements(audioPlayer);\n\n useEffect(() => {\n if (!audioPlayer) return;\n /\n Avoid having to pass client and translation function to AudioPlayer instances\n * and instead provide plugin that takes care of translated notifications.\n */\n const notificationsPlugin = audioPlayerNotificationsPluginFactory({\n addNotification,\n panel,\n t,\n });\n audioPlayer.setPlugins((currentPlugins) => [\n ...currentPlugins.filter((plugin) => plugin.id !== notificationsPlugin.id),\n notificationsPlugin,\n ]);\n }, [addNotification, audioPlayer, panel, t]);\n\n return audioPlayer;\n};\n\nconst activeAudioPlayerSelector = ({ activeAudioPlayer }: AudioPlayerPoolState) => ({\n activeAudioPlayer,\n});\n\nexport const useActiveAudioPlayer = () => {\n const { audioPlayers } = useContext(AudioPlayerContext);\n const { activeAudioPlayer } =\n useStateStore(audioPlayers?.state, activeAudioPlayerSelector) ?? {};\n return activeAudioPlayer;\n};\n"],"mappings":"~~;;;;;;;;;;AAeA~~,IAAM,qBAAqB,MAAM,cAAwD,EACvF,cAAc,KAChB,CAAC;~~AAED~~,IAAa,qBAAqB,EAChC,~~yBACA~~,~~eAC4B~~;CAC5B,MAAM,CAAC,gBAAgB,~~eAAe~~,IAAI,gBAAgB,EAAE,~~wBAAwB~~,CAAC,~~CAAC~~;~~CAEtF~~,sBACc;EACV,aAAa,MAAM;CACrB,GACA,CAAC,~~YAAY~~,~~CACf~~;CAEA,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO,EAAE,aAAa;EAChD;CAC0B,CAAA;AAEjC;AAkBA,IAAM,qBAAqB,EAAE,WAAW,UACtC,GAAG,aAAa,oBAAoB,GAAG;AAEzC,IAAa,kBAAkB,EAC7B,iBACA,UACA,UACA,eACA,SACA,YAAY,IACZ,KACA,OACA,mBACyB;CACzB,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,QAAQ,sBAAsB;CACpC,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,iBAAiB,WAAW,kBAAkB;CAEtD,MAAM,cACJ,OAAO,eACH,aAAa,SAAS;EACpB;EACA;EACA,IAAI,kBAAkB;GAAE;GAAW;EAAI,CAAC;EACxC;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,IACD,KAAA;CAEN,oCAAoC,WAAW;CAE/C,gBAAgB;EACd,IAAI,CAAC,aAAa;;;;;EAKlB,MAAM,sBAAsB,sCAAsC;GAChE;GACA;GACA;EACF,CAAC;EACD,YAAY,YAAY,mBAAmB,CACzC,GAAG,eAAe,QAAQ,WAAW,OAAO,OAAO,oBAAoB,EAAE,GACzE,mBACF,CAAC;CACH,GAAG;EAAC;EAAiB;EAAa;EAAO;CAAC,CAAC;CAE3C,OAAO;AACT;AAEA,IAAM,6BAA6B,EAAE,yBAA+C,EAClF,kBACF;AAEA,IAAa,6BAA6B;CACxC,MAAM,EAAE,iBAAiB,WAAW,kBAAkB;CACtD,MAAM,EAAE,sBACN,cAAc,cAAc,OAAO,yBAAyB,KAAK,CAAC;CACpE,OAAO;AACT"}
1	+ {"version":3,"file":"WithAudioPlayback.mjs","names":[],"sources":["../../../../src/components/AudioPlayback/WithAudioPlayback.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport type { AudioPlayerOptions } from './AudioPlayer';\nimport type { AudioPlayerPoolState } from './AudioPlayerPool';\nimport { AudioPlayerPool } from './AudioPlayerPool';\nimport { AudioPlaybackArbiter } from './AudioPlaybackArbiter';\nimport { audioPlayerNotificationsPluginFactory } from './plugins/AudioPlayerNotificationsPlugin';\nimport { useNotificationApi, useNotificationTarget } from '../Notifications';\nimport { useTranslationContext } from '../../context';\nimport { useStateStore } from '../../store';\nimport { useAudioPlaybackChangeAnnouncements } from '../Accessibility/hooks/useAudioPlaybackChangeAnnouncements';\n\nexport type WithAudioPlaybackProps = {\n children?: React.ReactNode;\n /*\n What the playback belongs to. When it changes, everything this provider started is stopped and\n * discarded.\n \n Unmounting already does that, but a provider is not always unmounted when its subject changes:\n * `Channel` keeps one mounted across a channel switch (since v15 the subtree is re-rendered, not\n * rebuilt), so without this a voice message from the channel you just left would keep playing.\n \n `Thread` passes its thread even though a key on `ThreadInner` happens to remount it today --\n * stating the dependency here is what keeps the cleanup correct if that wrapper is ever removed,\n * which the code already contemplates.\n /\n playbackScope?: unknown;\n};\n\nconst AudioPlayerContext = React.createContext<{ audioPlayers: AudioPlayerPool \| null }>({\n audioPlayers: null,\n});\n\n/\n The arbiter every pool below shares, so no two surfaces play at once. `Chat` provides one; a\n * `WithAudioPlayback` mounted outside a `Chat` falls back to a pool that arbitrates alone.\n /\nconst SharedAudioPlaybackContext = React.createContext<AudioPlaybackArbiter \| null>(null);\n\nexport const SharedAudioPlaybackProvider = ({\n children,\n}: {\n children?: React.ReactNode;\n}) => {\n const [arbiter] = useState(() => new AudioPlaybackArbiter());\n return (\n <SharedAudioPlaybackContext.Provider value={arbiter}>\n {children}\n </SharedAudioPlaybackContext.Provider>\n );\n};\n\nexport const WithAudioPlayback = ({\n children,\n playbackScope,\n}: WithAudioPlaybackProps) => {\n const arbiter = useContext(SharedAudioPlaybackContext);\n const [audioPlayers] = useState(\n () => new AudioPlayerPool({ arbiter: arbiter ?? undefined }),\n );\n\n // Cleanup runs on unmount and* whenever the scope changes, which is the point: the players\n // belong to the scope, not to this provider's lifetime.\n useEffect(\n () => () => {\n audioPlayers.clear();\n },\n [audioPlayers, playbackScope],\n );\n\n return (\n <AudioPlayerContext.Provider value={{ audioPlayers }}>\n {children}\n </AudioPlayerContext.Provider>\n );\n};\n\nexport type UseAudioPlayerProps = {\n /*\n Identifier of the entity that requested the audio playback, e.g. message ID.\n * Asset to specific audio player is a many-to-many relationship\n * - one URL can be associated with multiple UI elements,\n * - one UI element can display multiple audio sources.\n * Therefore, the AudioPlayer ID is a combination of request:src.\n \n The requester string can take into consideration whether there are multiple instances of\n * the same URL requested by the same requester (message has multiple attachments with the same asset URL).\n * In reality the fact that one message has multiple attachments with the same asset URL\n * could be considered a bad practice or a bug.\n /\n requester?: string;\n} & Partial<Omit<AudioPlayerOptions, 'id' \| 'pool'>>;\n\nconst makeAudioPlayerId = ({ requester, src }: { src: string; requester?: string }) =>\n `${requester ?? 'requester-unknown'}:${src}`;\n\nexport const useAudioPlayer = ({\n durationSeconds,\n fileSize,\n mimeType,\n playbackRates,\n plugins,\n requester = '',\n src,\n title,\n waveformData,\n}: UseAudioPlayerProps) => {\n const { addNotification } = useNotificationApi();\n const panel = useNotificationTarget();\n const { t } = useTranslationContext();\n const { audioPlayers } = useContext(AudioPlayerContext);\n\n const audioPlayer =\n src && audioPlayers\n ? audioPlayers.getOrAdd({\n durationSeconds,\n fileSize,\n id: makeAudioPlayerId({ requester, src }),\n mimeType,\n playbackRates,\n plugins,\n src,\n title,\n waveformData,\n })\n : undefined;\n\n useAudioPlaybackChangeAnnouncements(audioPlayer);\n\n useEffect(() => {\n if (!audioPlayer) return;\n /\n Avoid having to pass client and translation function to AudioPlayer instances\n * and instead provide plugin that takes care of translated notifications.\n */\n const notificationsPlugin = audioPlayerNotificationsPluginFactory({\n addNotification,\n panel,\n t,\n });\n audioPlayer.setPlugins((currentPlugins) => [\n ...currentPlugins.filter((plugin) => plugin.id !== notificationsPlugin.id),\n notificationsPlugin,\n ]);\n }, [addNotification, audioPlayer, panel, t]);\n\n return audioPlayer;\n};\n\nconst activeAudioPlayerSelector = ({ activeAudioPlayer }: AudioPlayerPoolState) => ({\n activeAudioPlayer,\n});\n\nexport const useActiveAudioPlayer = () => {\n const { audioPlayers } = useContext(AudioPlayerContext);\n const { activeAudioPlayer } =\n useStateStore(audioPlayers?.state, activeAudioPlayerSelector) ?? {};\n return activeAudioPlayer;\n};\n"],"mappings":";;;;;;;;;;;AA4BA,IAAM,qBAAqB,MAAM,cAAwD,EACvF,cAAc,KAChB,CAAC;;;;;AAMD,IAAM,6BAA6B,MAAM,cAA2C,IAAI;AAExF,IAAa,+BAA+B,EAC1C,eAGI;CACJ,MAAM,CAAC,WAAW,eAAe,IAAI,qBAAqB,CAAC;CAC3D,OACE,oBAAC,2BAA2B,UAA5B;EAAqC,OAAO;EACzC;CACkC,CAAA;AAEzC;AAEA,IAAa,qBAAqB,EAChC,UACA,oBAC4B;CAC5B,MAAM,UAAU,WAAW,0BAA0B;CACrD,MAAM,CAAC,gBAAgB,eACf,IAAI,gBAAgB,EAAE,SAAS,WAAW,KAAA,EAAU,CAAC,CAC7D;CAIA,sBACc;EACV,aAAa,MAAM;CACrB,GACA,CAAC,cAAc,aAAa,CAC9B;CAEA,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO,EAAE,aAAa;EAChD;CAC0B,CAAA;AAEjC;AAkBA,IAAM,qBAAqB,EAAE,WAAW,UACtC,GAAG,aAAa,oBAAoB,GAAG;AAEzC,IAAa,kBAAkB,EAC7B,iBACA,UACA,UACA,eACA,SACA,YAAY,IACZ,KACA,OACA,mBACyB;CACzB,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,QAAQ,sBAAsB;CACpC,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,iBAAiB,WAAW,kBAAkB;CAEtD,MAAM,cACJ,OAAO,eACH,aAAa,SAAS;EACpB;EACA;EACA,IAAI,kBAAkB;GAAE;GAAW;EAAI,CAAC;EACxC;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,IACD,KAAA;CAEN,oCAAoC,WAAW;CAE/C,gBAAgB;EACd,IAAI,CAAC,aAAa;;;;;EAKlB,MAAM,sBAAsB,sCAAsC;GAChE;GACA;GACA;EACF,CAAC;EACD,YAAY,YAAY,mBAAmB,CACzC,GAAG,eAAe,QAAQ,WAAW,OAAO,OAAO,oBAAoB,EAAE,GACzE,mBACF,CAAC;CACH,GAAG;EAAC;EAAiB;EAAa;EAAO;CAAC,CAAC;CAE3C,OAAO;AACT;AAEA,IAAM,6BAA6B,EAAE,yBAA+C,EAClF,kBACF;AAEA,IAAa,6BAA6B;CACxC,MAAM,EAAE,iBAAiB,WAAW,kBAAkB;CACtD,MAAM,EAAE,sBACN,cAAc,cAAc,OAAO,yBAAyB,KAAK,CAAC;CACpE,OAAO;AACT"}

package/dist/es/components/AudioPlayback/components/ProgressBar.mjs CHANGED Viewed

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 //#region src/components/AudioPlayback/components/ProgressBar.tsx
 var ProgressBar = ({ className, durationSeconds, progress, secondsElapsed, seek }) => {
-	const { t } = useTranslationContext("ProgressBar");
+	const { t } = useTranslationContext();
 	const { handleDrag, handleDragStart, handleDragStop, indicatorLeft, setProgressIndicator, setRoot } = useInteractiveProgressBar({
 		progress,
 		seek
@@ -20,7 +20,7 @@ var ProgressBar = ({ className, durationSeconds, progress, secondsElapsed, seek
 		t
 	});
 	return /* @__PURE__ */ jsx("div", {
-		"aria-label": t("aria/Seek audio position"),
+		"aria-label": t("audioPlayback.progressBar.seekAudioPosition.ariaLabel", "Seek audio position"),
 		"aria-orientation": "horizontal",
 		"aria-valuemax": 100,
 		"aria-valuemin": 0,

package/dist/es/components/AudioPlayback/components/ProgressBar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.mjs","names":[],"sources":["../../../../../src/components/AudioPlayback/components/ProgressBar.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\nimport { handleProgressBarKeyboardSeek } from './keyboardSeek';\nimport { getAudioTrackSliderAriaValueText } from './progressBarA11y';\nimport { useInteractiveProgressBar } from './useInteractiveProgressBar';\nimport type { SeekFn as AudioPlayerSeekFn } from '../AudioPlayer';\nimport { useTranslationContext } from '../../../context';\n\ntype SeekParams = Parameters<AudioPlayerSeekFn>[0];\n\nexport type ProgressBarProps = {\n /** Progress expressed in fractional number value btw 0 and 100. /\n progress: number;\n /* Total track duration in seconds. /\n durationSeconds?: number;\n /* Current elapsed position in seconds. */\n secondsElapsed?: number;\n seek: (params: SeekParams) => void;\n} & Pick<React.ComponentProps<'div'>, 'className'>;\n\nexport const ProgressBar = ({\n className,\n durationSeconds,\n progress,\n secondsElapsed,\n seek,\n}: ProgressBarProps) => {\n const { t } = useTranslationContext(~~'ProgressBar'~~);\n const {\n handleDrag,\n handleDragStart,\n handleDragStop,\n indicatorLeft,\n setProgressIndicator,\n setRoot,\n } = useInteractiveProgressBar({ progress, seek });\n const normalizedProgress = Math.max(0, Math.min(100, progress));\n const ariaValueText = getAudioTrackSliderAriaValueText({\n durationSeconds,\n progress: normalizedProgress,\n secondsElapsed,\n t,\n });\n\n return (\n <div\n aria-label={t('~~aria/~~Seek audio position')}\n aria-orientation='horizontal'\n aria-valuemax={100}\n aria-valuemin={0}\n aria-valuenow={Math.round(normalizedProgress)}\n aria-valuetext={ariaValueText}\n className={clsx(\n 'str-chat__message-attachment-audio-widget--progress-track',\n className,\n )}\n data-progress={normalizedProgress}\n data-testid='audio-progress'\n onClick={seek}\n onKeyDown={(event) =>\n handleProgressBarKeyboardSeek({ event, progress: normalizedProgress, seek })\n }\n onPointerDown={handleDragStart}\n onPointerMove={handleDrag}\n onPointerUp={handleDragStop}\n ref={setRoot}\n role='slider'\n style={\n {\n '--str-chat__message-attachment-audio-widget-progress':\n normalizedProgress + '%',\n } as React.CSSProperties\n }\n tabIndex={0}\n >\n <div\n aria-hidden='true'\n className='str-chat__message-attachment-audio-widget--progress-indicator'\n ref={setProgressIndicator}\n style={{ insetInlineStart: `${indicatorLeft}px` }}\n />\n </div>\n );\n};\n"],"mappings":";;;;;;;;AAoBA,IAAa,eAAe,EAC1B,WACA,iBACA,UACA,gBACA,WACsB;CACtB,MAAM,EAAE,MAAM,sBAAsB~~,aAAa~~;~~CACjD~~,MAAM,EACJ,YACA,iBACA,gBACA,eACA,sBACA,YACE,0BAA0B;EAAE;EAAU;CAAK,CAAC;CAChD,MAAM,qBAAqB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,QAAQ,CAAC;CAC9D,MAAM,gBAAgB,iCAAiC;EACrD;EACA,UAAU;EACV;EACA;CACF,CAAC;CAED,OACE,oBAAC,OAAD;EACE,cAAY,~~EAAE~~,~~0BAA0B~~;~~EACxC~~,oBAAiB;EACjB,iBAAe;EACf,iBAAe;EACf,iBAAe,KAAK,MAAM,kBAAkB;EAC5C,kBAAgB;EAChB,WAAW,KACT,6DACA,SACF;EACA,iBAAe;EACf,eAAY;EACZ,SAAS;EACT,YAAY,UACV,8BAA8B;GAAE;GAAO,UAAU;GAAoB;EAAK,CAAC;EAE7E,eAAe;EACf,eAAe;EACf,aAAa;EACb,KAAK;EACL,MAAK;EACL,OACE,EACE,wDACE,qBAAqB,IACzB;EAEF,UAAU;YAEV,oBAAC,OAAD;GACE,eAAY;GACZ,WAAU;GACV,KAAK;GACL,OAAO,EAAE,kBAAkB,GAAG,cAAc,IAAI;EACjD,CAAA;CACE,CAAA;AAET"}
1	+ {"version":3,"file":"ProgressBar.mjs","names":[],"sources":["../../../../../src/components/AudioPlayback/components/ProgressBar.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\nimport { handleProgressBarKeyboardSeek } from './keyboardSeek';\nimport { getAudioTrackSliderAriaValueText } from './progressBarA11y';\nimport { useInteractiveProgressBar } from './useInteractiveProgressBar';\nimport type { SeekFn as AudioPlayerSeekFn } from '../AudioPlayer';\nimport { useTranslationContext } from '../../../context';\n\ntype SeekParams = Parameters<AudioPlayerSeekFn>[0];\n\nexport type ProgressBarProps = {\n /** Progress expressed in fractional number value btw 0 and 100. /\n progress: number;\n /* Total track duration in seconds. /\n durationSeconds?: number;\n /* Current elapsed position in seconds. */\n secondsElapsed?: number;\n seek: (params: SeekParams) => void;\n} & Pick<React.ComponentProps<'div'>, 'className'>;\n\nexport const ProgressBar = ({\n className,\n durationSeconds,\n progress,\n secondsElapsed,\n seek,\n}: ProgressBarProps) => {\n const { t } = useTranslationContext();\n const {\n handleDrag,\n handleDragStart,\n handleDragStop,\n indicatorLeft,\n setProgressIndicator,\n setRoot,\n } = useInteractiveProgressBar({ progress, seek });\n const normalizedProgress = Math.max(0, Math.min(100, progress));\n const ariaValueText = getAudioTrackSliderAriaValueText({\n durationSeconds,\n progress: normalizedProgress,\n secondsElapsed,\n t,\n });\n\n return (\n <div\n aria-label={t(\n 'audioPlayback.progressBar.seekAudioPosition.ariaLabel',\n 'Seek audio position',\n )}\n aria-orientation='horizontal'\n aria-valuemax={100}\n aria-valuemin={0}\n aria-valuenow={Math.round(normalizedProgress)}\n aria-valuetext={ariaValueText}\n className={clsx(\n 'str-chat__message-attachment-audio-widget--progress-track',\n className,\n )}\n data-progress={normalizedProgress}\n data-testid='audio-progress'\n onClick={seek}\n onKeyDown={(event) =>\n handleProgressBarKeyboardSeek({ event, progress: normalizedProgress, seek })\n }\n onPointerDown={handleDragStart}\n onPointerMove={handleDrag}\n onPointerUp={handleDragStop}\n ref={setRoot}\n role='slider'\n style={\n {\n '--str-chat__message-attachment-audio-widget-progress':\n normalizedProgress + '%',\n } as React.CSSProperties\n }\n tabIndex={0}\n >\n <div\n aria-hidden='true'\n className='str-chat__message-attachment-audio-widget--progress-indicator'\n ref={setProgressIndicator}\n style={{ insetInlineStart: `${indicatorLeft}px` }}\n />\n </div>\n );\n};\n"],"mappings":";;;;;;;;AAoBA,IAAa,eAAe,EAC1B,WACA,iBACA,UACA,gBACA,WACsB;CACtB,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EACJ,YACA,iBACA,gBACA,eACA,sBACA,YACE,0BAA0B;EAAE;EAAU;CAAK,CAAC;CAChD,MAAM,qBAAqB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,QAAQ,CAAC;CAC9D,MAAM,gBAAgB,iCAAiC;EACrD;EACA,UAAU;EACV;EACA;CACF,CAAC;CAED,OACE,oBAAC,OAAD;EACE,cAAY,EACV,yDACA,qBACF;EACA,oBAAiB;EACjB,iBAAe;EACf,iBAAe;EACf,iBAAe,KAAK,MAAM,kBAAkB;EAC5C,kBAAgB;EAChB,WAAW,KACT,6DACA,SACF;EACA,iBAAe;EACf,eAAY;EACZ,SAAS;EACT,YAAY,UACV,8BAA8B;GAAE;GAAO,UAAU;GAAoB;EAAK,CAAC;EAE7E,eAAe;EACf,eAAe;EACf,aAAa;EACb,KAAK;EACL,MAAK;EACL,OACE,EACE,wDACE,qBAAqB,IACzB;EAEF,UAAU;YAEV,oBAAC,OAAD;GACE,eAAY;GACZ,WAAU;GACV,KAAK;GACL,OAAO,EAAE,kBAAkB,GAAG,cAAc,IAAI;EACjD,CAAA;CACE,CAAA;AAET"}

package/dist/es/components/AudioPlayback/components/WaveProgressBar.mjs CHANGED Viewed

@@ -9,7 +9,7 @@ import clsx from "clsx";
 import throttle from "lodash.throttle";
 //#region src/components/AudioPlayback/components/WaveProgressBar.tsx
 var WaveProgressBar = ({ amplitudeBarGapWidthPx, durationSeconds, progress = 0, relativeAmplitudeBarWidth = 2, relativeAmplitudeGap = 1, secondsElapsed, seek, waveformData }) => {
-	const { t } = useTranslationContext("WaveProgressBar");
+	const { t } = useTranslationContext();
 	const [trackAxisX, setTrackAxisX] = useState();
 	const lastAvailableTrackWidth = useRef(0);
 	const minAmplitudeBarWidthRef = useRef(null);
@@ -63,7 +63,7 @@ var WaveProgressBar = ({ amplitudeBarGapWidthPx, durationSeconds, progress = 0,
 		t
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		"aria-label": t("aria/Seek audio position"),
+		"aria-label": t("audioPlayback.progressBar.seekAudioPosition.ariaLabel", "Seek audio position"),
 		"aria-orientation": "horizontal",
 		"aria-valuemax": 100,
 		"aria-valuemin": 0,

package/dist/es/components/AudioPlayback/components/WaveProgressBar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WaveProgressBar.mjs","names":[],"sources":["../../../../../src/components/AudioPlayback/components/WaveProgressBar.tsx"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport React, { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { resampleWaveformData } from '../../Attachment/audioSampling';\nimport type { SeekFn as AudioPlayerSeekFn } from '../AudioPlayer';\nimport { handleProgressBarKeyboardSeek } from './keyboardSeek';\nimport { getAudioTrackSliderAriaValueText } from './progressBarA11y';\nimport { useInteractiveProgressBar } from './useInteractiveProgressBar';\nimport { useTranslationContext } from '../../../context';\n\ntype SeekParams = Parameters<AudioPlayerSeekFn>[0];\n\ntype WaveProgressBarProps = {\n /** Function that allows to change the track progress /\n seek: (params: SeekParams) => void;\n /* The array of fractional number values between 0 and 1 representing the height of amplitudes /\n waveformData: number[];\n /* Progress expressed in fractional number value btw 0 and 100. /\n progress?: number;\n /* Total track duration in seconds. /\n durationSeconds?: number;\n /* Current elapsed position in seconds. /\n secondsElapsed?: number;\n /* Absolute gap width between bars in px (overrides computed gap var). /\n amplitudeBarGapWidthPx?: number;\n relativeAmplitudeBarWidth?: number;\n relativeAmplitudeGap?: number;\n};\n\nexport const WaveProgressBar = ({\n amplitudeBarGapWidthPx,\n durationSeconds,\n progress = 0,\n relativeAmplitudeBarWidth = 2,\n relativeAmplitudeGap = 1,\n secondsElapsed,\n seek,\n waveformData,\n}: WaveProgressBarProps) => {\n const { t } = useTranslationContext(~~'WaveProgressBar'~~);\n const [trackAxisX, setTrackAxisX] = useState<{\n barCount: number;\n barWidth: number;\n gap: number;\n }>();\n const lastAvailableTrackWidth = useRef<number>(0);\n const minAmplitudeBarWidthRef = useRef<number \| null>(null);\n const lastMinAmplitudeBarWidthUsed = useRef<number \| null>(null);\n const {\n availableTrackWidth,\n handleDrag,\n handleDragStart,\n handleDragStop,\n indicatorLeft,\n root,\n setProgressIndicator,\n setRoot,\n } = useInteractiveProgressBar({ progress, seek });\n const normalizedProgress = Math.max(0, Math.min(100, progress));\n\n const getTrackAxisX = useMemo(\n () =>\n throttle((availableWidth: number) => {\n const minAmplitudeBarWidth = minAmplitudeBarWidthRef.current;\n const hasMinWidthChanged =\n minAmplitudeBarWidth !== lastMinAmplitudeBarWidthUsed.current;\n if (availableWidth === lastAvailableTrackWidth.current && !hasMinWidthChanged) {\n return;\n }\n lastAvailableTrackWidth.current = availableWidth;\n lastMinAmplitudeBarWidthUsed.current = minAmplitudeBarWidth;\n const possibleAmpCount = Math.floor(\n availableWidth / (relativeAmplitudeGap + relativeAmplitudeBarWidth),\n );\n const amplitudeBarWidthToGapRatio =\n relativeAmplitudeBarWidth / (relativeAmplitudeBarWidth + relativeAmplitudeGap);\n const maxCountByMinWidth =\n typeof minAmplitudeBarWidth === 'number' && minAmplitudeBarWidth > 0\n ? Math.floor(\n (availableWidth amplitudeBarWidthToGapRatio) / minAmplitudeBarWidth,\n )\n : possibleAmpCount;\n const barCount = Math.max(0, Math.min(possibleAmpCount, maxCountByMinWidth));\n const barWidth =\n barCount && (availableWidth / barCount) * amplitudeBarWidthToGapRatio;\n\n setTrackAxisX({\n barCount,\n barWidth,\n gap: barWidth * (relativeAmplitudeGap / relativeAmplitudeBarWidth),\n });\n }, 1),\n [relativeAmplitudeBarWidth, relativeAmplitudeGap],\n );\n\n const resampledWaveformData = useMemo(\n () => (trackAxisX ? resampleWaveformData(waveformData, trackAxisX.barCount) : []),\n [trackAxisX, waveformData],\n );\n\n useLayoutEffect(() => {\n if (availableTrackWidth > 0) {\n getTrackAxisX(availableTrackWidth);\n }\n }, [availableTrackWidth, getTrackAxisX]);\n\n useLayoutEffect(() => {\n if (!root \|\| typeof window === 'undefined') return;\n const amplitudeBar = root.querySelector<HTMLElement>(\n '.str-chat__wave-progress-bar__amplitude-bar',\n );\n if (!amplitudeBar) return;\n const computedStyle = window.getComputedStyle(amplitudeBar);\n const parsedMinWidth = parseFloat(computedStyle.minWidth);\n if (!Number.isNaN(parsedMinWidth) && parsedMinWidth > 0) {\n minAmplitudeBarWidthRef.current = parsedMinWidth;\n }\n if (availableTrackWidth > 0) {\n getTrackAxisX(availableTrackWidth);\n }\n }, [availableTrackWidth, getTrackAxisX, root, trackAxisX?.barCount]);\n\n if (!waveformData.length \|\| trackAxisX?.barCount === 0) return null;\n\n const amplitudeGapWidth = amplitudeBarGapWidthPx ?? trackAxisX?.gap;\n const ariaValueText = getAudioTrackSliderAriaValueText({\n durationSeconds,\n progress: normalizedProgress,\n secondsElapsed,\n t,\n });\n\n return (\n <div\n aria-label={t('~~aria/~~Seek audio position')}\n aria-orientation='horizontal'\n aria-valuemax={100}\n aria-valuemin={0}\n aria-valuenow={Math.round(normalizedProgress)}\n aria-valuetext={ariaValueText}\n className={clsx('str-chat__wave-progress-bar__track', {\n 'str-chat__wave-progress-bar__track--playback-initiated': normalizedProgress > 0,\n })}\n data-testid='wave-progress-bar-track'\n onClick={seek}\n onKeyDown={(event) =>\n handleProgressBarKeyboardSeek({ event, progress: normalizedProgress, seek })\n }\n onPointerDown={handleDragStart}\n onPointerMove={handleDrag}\n onPointerUp={handleDragStop}\n ref={setRoot}\n role='slider'\n style={\n {\n '--str-chat__voice-recording-amplitude-bar-gap-width':\n typeof amplitudeGapWidth === 'number' ? `${amplitudeGapWidth}px` : undefined,\n } as React.CSSProperties\n }\n tabIndex={0}\n >\n {resampledWaveformData.map((amplitude, i) => (\n <div\n aria-hidden='true'\n className={clsx('str-chat__wave-progress-bar__amplitude-bar', {\n ['str-chat__wave-progress-bar__amplitude-bar--active']:\n normalizedProgress > (i / resampledWaveformData.length) * 100,\n })}\n data-testid='amplitude-bar'\n key={`amplitude-${i}`}\n style={\n {\n '--str-chat__voice-recording-amplitude-bar-width':\n trackAxisX?.barWidth + 'px',\n '--str-chat__wave-progress-bar__amplitude-bar-height': amplitude\n ? amplitude * 100 + '%'\n : '0%',\n } as React.CSSProperties\n }\n />\n ))}\n <div\n aria-hidden='true'\n className='str-chat__wave-progress-bar__progress-indicator'\n data-testid='wave-progress-bar-progress-indicator'\n ref={setProgressIndicator}\n style={{\n insetInlineStart: `${indicatorLeft}px`,\n }}\n />\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;AA6BA,IAAa,mBAAmB,EAC9B,wBACA,iBACA,WAAW,GACX,4BAA4B,GAC5B,uBAAuB,GACvB,gBACA,MACA,mBAC0B;CAC1B,MAAM,EAAE,MAAM,sBAAsB~~,iBAAiB~~;~~CACrD~~,MAAM,CAAC,YAAY,iBAAiB,SAIjC;CACH,MAAM,0BAA0B,OAAe,CAAC;CAChD,MAAM,0BAA0B,OAAsB,IAAI;CAC1D,MAAM,+BAA+B,OAAsB,IAAI;CAC/D,MAAM,EACJ,qBACA,YACA,iBACA,gBACA,eACA,MACA,sBACA,YACE,0BAA0B;EAAE;EAAU;CAAK,CAAC;CAChD,MAAM,qBAAqB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,QAAQ,CAAC;CAE9D,MAAM,gBAAgB,cAElB,UAAU,mBAA2B;EACnC,MAAM,uBAAuB,wBAAwB;EACrD,MAAM,qBACJ,yBAAyB,6BAA6B;EACxD,IAAI,mBAAmB,wBAAwB,WAAW,CAAC,oBACzD;EAEF,wBAAwB,UAAU;EAClC,6BAA6B,UAAU;EACvC,MAAM,mBAAmB,KAAK,MAC5B,kBAAkB,uBAAuB,0BAC3C;EACA,MAAM,8BACJ,6BAA6B,4BAA4B;EAC3D,MAAM,qBACJ,OAAO,yBAAyB,YAAY,uBAAuB,IAC/D,KAAK,MACF,iBAAiB,8BAA+B,oBACnD,IACA;EACN,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,kBAAkB,kBAAkB,CAAC;EAC3E,MAAM,WACJ,YAAa,iBAAiB,WAAY;EAE5C,cAAc;GACZ;GACA;GACA,KAAK,YAAY,uBAAuB;EAC1C,CAAC;CACH,GAAG,CAAC,GACN,CAAC,2BAA2B,oBAAoB,CAClD;CAEA,MAAM,wBAAwB,cACrB,aAAa,qBAAqB,cAAc,WAAW,QAAQ,IAAI,CAAC,GAC/E,CAAC,YAAY,YAAY,CAC3B;CAEA,sBAAsB;EACpB,IAAI,sBAAsB,GACxB,cAAc,mBAAmB;CAErC,GAAG,CAAC,qBAAqB,aAAa,CAAC;CAEvC,sBAAsB;EACpB,IAAI,CAAC,QAAQ,OAAO,WAAW,aAAa;EAC5C,MAAM,eAAe,KAAK,cACxB,6CACF;EACA,IAAI,CAAC,cAAc;EACnB,MAAM,gBAAgB,OAAO,iBAAiB,YAAY;EAC1D,MAAM,iBAAiB,WAAW,cAAc,QAAQ;EACxD,IAAI,CAAC,OAAO,MAAM,cAAc,KAAK,iBAAiB,GACpD,wBAAwB,UAAU;EAEpC,IAAI,sBAAsB,GACxB,cAAc,mBAAmB;CAErC,GAAG;EAAC;EAAqB;EAAe;EAAM,YAAY;CAAQ,CAAC;CAEnE,IAAI,CAAC,aAAa,UAAU,YAAY,aAAa,GAAG,OAAO;CAE/D,MAAM,oBAAoB,0BAA0B,YAAY;CAChE,MAAM,gBAAgB,iCAAiC;EACrD;EACA,UAAU;EACV;EACA;CACF,CAAC;CAED,OACE,qBAAC,OAAD;EACE,cAAY,~~EAAE~~,~~0BAA0B~~;~~EACxC~~,oBAAiB;EACjB,iBAAe;EACf,iBAAe;EACf,iBAAe,KAAK,MAAM,kBAAkB;EAC5C,kBAAgB;EAChB,WAAW,KAAK,sCAAsC,EACpD,0DAA0D,qBAAqB,EACjF,CAAC;EACD,eAAY;EACZ,SAAS;EACT,YAAY,UACV,8BAA8B;GAAE;GAAO,UAAU;GAAoB;EAAK,CAAC;EAE7E,eAAe;EACf,eAAe;EACf,aAAa;EACb,KAAK;EACL,MAAK;EACL,OACE,EACE,uDACE,OAAO,sBAAsB,WAAW,GAAG,kBAAkB,MAAM,KAAA,EACvE;EAEF,UAAU;~~YA1BZ~~,~~CA4BG~~,sBAAsB,KAAK,WAAW,MACrC,oBAAC,OAAD;GACE,eAAY;GACZ,WAAW,KAAK,8CAA8C,GAC3D,uDACC,qBAAsB,IAAI,sBAAsB,SAAU,IAC9D,CAAC;GACD,eAAY;GAEZ,OACE;IACE,mDACE,YAAY,WAAW;IACzB,uDAAuD,YACnD,YAAY,MAAM,MAClB;GACN;EAEH,GAVM,aAAa,GAUnB,CACF,GACD,oBAAC,OAAD;GACE,eAAY;GACZ,WAAU;GACV,eAAY;GACZ,KAAK;GACL,OAAO,EACL,kBAAkB,GAAG,cAAc,IACrC;EACD,CAAA,CACE;;AAET"}
1	+ {"version":3,"file":"WaveProgressBar.mjs","names":[],"sources":["../../../../../src/components/AudioPlayback/components/WaveProgressBar.tsx"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport React, { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { resampleWaveformData } from '../../Attachment/audioSampling';\nimport type { SeekFn as AudioPlayerSeekFn } from '../AudioPlayer';\nimport { handleProgressBarKeyboardSeek } from './keyboardSeek';\nimport { getAudioTrackSliderAriaValueText } from './progressBarA11y';\nimport { useInteractiveProgressBar } from './useInteractiveProgressBar';\nimport { useTranslationContext } from '../../../context';\n\ntype SeekParams = Parameters<AudioPlayerSeekFn>[0];\n\ntype WaveProgressBarProps = {\n /** Function that allows to change the track progress /\n seek: (params: SeekParams) => void;\n /* The array of fractional number values between 0 and 1 representing the height of amplitudes /\n waveformData: number[];\n /* Progress expressed in fractional number value btw 0 and 100. /\n progress?: number;\n /* Total track duration in seconds. /\n durationSeconds?: number;\n /* Current elapsed position in seconds. /\n secondsElapsed?: number;\n /* Absolute gap width between bars in px (overrides computed gap var). /\n amplitudeBarGapWidthPx?: number;\n relativeAmplitudeBarWidth?: number;\n relativeAmplitudeGap?: number;\n};\n\nexport const WaveProgressBar = ({\n amplitudeBarGapWidthPx,\n durationSeconds,\n progress = 0,\n relativeAmplitudeBarWidth = 2,\n relativeAmplitudeGap = 1,\n secondsElapsed,\n seek,\n waveformData,\n}: WaveProgressBarProps) => {\n const { t } = useTranslationContext();\n const [trackAxisX, setTrackAxisX] = useState<{\n barCount: number;\n barWidth: number;\n gap: number;\n }>();\n const lastAvailableTrackWidth = useRef<number>(0);\n const minAmplitudeBarWidthRef = useRef<number \| null>(null);\n const lastMinAmplitudeBarWidthUsed = useRef<number \| null>(null);\n const {\n availableTrackWidth,\n handleDrag,\n handleDragStart,\n handleDragStop,\n indicatorLeft,\n root,\n setProgressIndicator,\n setRoot,\n } = useInteractiveProgressBar({ progress, seek });\n const normalizedProgress = Math.max(0, Math.min(100, progress));\n\n const getTrackAxisX = useMemo(\n () =>\n throttle((availableWidth: number) => {\n const minAmplitudeBarWidth = minAmplitudeBarWidthRef.current;\n const hasMinWidthChanged =\n minAmplitudeBarWidth !== lastMinAmplitudeBarWidthUsed.current;\n if (availableWidth === lastAvailableTrackWidth.current && !hasMinWidthChanged) {\n return;\n }\n lastAvailableTrackWidth.current = availableWidth;\n lastMinAmplitudeBarWidthUsed.current = minAmplitudeBarWidth;\n const possibleAmpCount = Math.floor(\n availableWidth / (relativeAmplitudeGap + relativeAmplitudeBarWidth),\n );\n const amplitudeBarWidthToGapRatio =\n relativeAmplitudeBarWidth / (relativeAmplitudeBarWidth + relativeAmplitudeGap);\n const maxCountByMinWidth =\n typeof minAmplitudeBarWidth === 'number' && minAmplitudeBarWidth > 0\n ? Math.floor(\n (availableWidth amplitudeBarWidthToGapRatio) / minAmplitudeBarWidth,\n )\n : possibleAmpCount;\n const barCount = Math.max(0, Math.min(possibleAmpCount, maxCountByMinWidth));\n const barWidth =\n barCount && (availableWidth / barCount) * amplitudeBarWidthToGapRatio;\n\n setTrackAxisX({\n barCount,\n barWidth,\n gap: barWidth * (relativeAmplitudeGap / relativeAmplitudeBarWidth),\n });\n }, 1),\n [relativeAmplitudeBarWidth, relativeAmplitudeGap],\n );\n\n const resampledWaveformData = useMemo(\n () => (trackAxisX ? resampleWaveformData(waveformData, trackAxisX.barCount) : []),\n [trackAxisX, waveformData],\n );\n\n useLayoutEffect(() => {\n if (availableTrackWidth > 0) {\n getTrackAxisX(availableTrackWidth);\n }\n }, [availableTrackWidth, getTrackAxisX]);\n\n useLayoutEffect(() => {\n if (!root \|\| typeof window === 'undefined') return;\n const amplitudeBar = root.querySelector<HTMLElement>(\n '.str-chat__wave-progress-bar__amplitude-bar',\n );\n if (!amplitudeBar) return;\n const computedStyle = window.getComputedStyle(amplitudeBar);\n const parsedMinWidth = parseFloat(computedStyle.minWidth);\n if (!Number.isNaN(parsedMinWidth) && parsedMinWidth > 0) {\n minAmplitudeBarWidthRef.current = parsedMinWidth;\n }\n if (availableTrackWidth > 0) {\n getTrackAxisX(availableTrackWidth);\n }\n }, [availableTrackWidth, getTrackAxisX, root, trackAxisX?.barCount]);\n\n if (!waveformData.length \|\| trackAxisX?.barCount === 0) return null;\n\n const amplitudeGapWidth = amplitudeBarGapWidthPx ?? trackAxisX?.gap;\n const ariaValueText = getAudioTrackSliderAriaValueText({\n durationSeconds,\n progress: normalizedProgress,\n secondsElapsed,\n t,\n });\n\n return (\n <div\n aria-label={t(\n 'audioPlayback.progressBar.seekAudioPosition.ariaLabel',\n 'Seek audio position',\n )}\n aria-orientation='horizontal'\n aria-valuemax={100}\n aria-valuemin={0}\n aria-valuenow={Math.round(normalizedProgress)}\n aria-valuetext={ariaValueText}\n className={clsx('str-chat__wave-progress-bar__track', {\n 'str-chat__wave-progress-bar__track--playback-initiated': normalizedProgress > 0,\n })}\n data-testid='wave-progress-bar-track'\n onClick={seek}\n onKeyDown={(event) =>\n handleProgressBarKeyboardSeek({ event, progress: normalizedProgress, seek })\n }\n onPointerDown={handleDragStart}\n onPointerMove={handleDrag}\n onPointerUp={handleDragStop}\n ref={setRoot}\n role='slider'\n style={\n {\n '--str-chat__voice-recording-amplitude-bar-gap-width':\n typeof amplitudeGapWidth === 'number' ? `${amplitudeGapWidth}px` : undefined,\n } as React.CSSProperties\n }\n tabIndex={0}\n >\n {resampledWaveformData.map((amplitude, i) => (\n <div\n aria-hidden='true'\n className={clsx('str-chat__wave-progress-bar__amplitude-bar', {\n ['str-chat__wave-progress-bar__amplitude-bar--active']:\n normalizedProgress > (i / resampledWaveformData.length) * 100,\n })}\n data-testid='amplitude-bar'\n key={`amplitude-${i}`}\n style={\n {\n '--str-chat__voice-recording-amplitude-bar-width':\n trackAxisX?.barWidth + 'px',\n '--str-chat__wave-progress-bar__amplitude-bar-height': amplitude\n ? amplitude * 100 + '%'\n : '0%',\n } as React.CSSProperties\n }\n />\n ))}\n <div\n aria-hidden='true'\n className='str-chat__wave-progress-bar__progress-indicator'\n data-testid='wave-progress-bar-progress-indicator'\n ref={setProgressIndicator}\n style={{\n insetInlineStart: `${indicatorLeft}px`,\n }}\n />\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/es/components/AudioPlayback/components/progressBarA11y.mjs CHANGED Viewed

@@ -6,12 +6,12 @@ var getAudioTrackSliderAriaValueText = ({ durationSeconds, progress, secondsElap
 		const normalizedDuration = Math.max(0, durationSeconds);
 		const formattedElapsed = formatTime(typeof secondsElapsed === "number" && Number.isFinite(secondsElapsed) ? Math.max(0, Math.min(secondsElapsed, normalizedDuration)) : normalizedDuration * normalizedProgress / 100, "floor");
 		const formattedDuration = formatTime(normalizedDuration, "floor");
-		if (formattedElapsed && formattedDuration) return t("aria/Audio position {{ elapsed }} of {{ duration }}", {
+		if (formattedElapsed && formattedDuration) return t("audioPlayback.progressBarA11y.audioPosition.ariaLabel", "Audio position {{ elapsed }} of {{ duration }}", {
 			duration: formattedDuration,
 			elapsed: formattedElapsed
 		});
 	}
-	return t("aria/Audio position {{ progress }} percent", { progress: Math.round(normalizedProgress) });
+	return t("audioPlayback.progressBarA11y.audioPositionPercent.ariaLabel", "Audio position {{ progress }} percent", { progress: Math.round(normalizedProgress) });
 };
 //#endregion
 export { getAudioTrackSliderAriaValueText };

package/dist/es/components/AudioPlayback/components/progressBarA11y.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progressBarA11y.mjs","names":[],"sources":["../../../../../src/components/AudioPlayback/components/progressBarA11y.ts"],"sourcesContent":["import ~~type~~ { ~~TFunction~~ } from '~~i18next~~';\nimport { ~~formatTime~~ } from '~~./formatTime~~';\n\ntype GetAudioTrackSliderAriaValueTextParams = {\n durationSeconds?: number;\n progress: number;\n secondsElapsed?: number;\n t: ~~TFunction~~;\n};\n\nexport const getAudioTrackSliderAriaValueText = ({\n durationSeconds,\n progress,\n secondsElapsed,\n t,\n}: GetAudioTrackSliderAriaValueTextParams) => {\n const normalizedProgress = Math.max(0, Math.min(100, progress));\n\n if (typeof durationSeconds === 'number' && Number.isFinite(durationSeconds)) {\n const normalizedDuration = Math.max(0, durationSeconds);\n const elapsed =\n typeof secondsElapsed === 'number' && Number.isFinite(secondsElapsed)\n ? Math.max(0, Math.min(secondsElapsed, normalizedDuration))\n : (normalizedDuration * normalizedProgress) / 100;\n const formattedElapsed = formatTime(elapsed, 'floor');\n const formattedDuration = formatTime(normalizedDuration, 'floor');\n\n if (formattedElapsed && formattedDuration) {\n return t('~~aria/~~Audio position {{ elapsed }} of {{ duration }}', {\n duration: formattedDuration,\n elapsed: formattedElapsed,\n });\n }\n }\n\n return t('~~aria/~~Audio position {{ progress }} percent', {\n progress: Math.round(normalizedProgress),\n });\n};\n"],"mappings":";;AAUA,IAAa,oCAAoC,EAC/C,iBACA,UACA,gBACA,QAC4C;CAC5C,MAAM,qBAAqB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,QAAQ,CAAC;CAE9D,IAAI,OAAO,oBAAoB,YAAY,OAAO,SAAS,eAAe,GAAG;EAC3E,MAAM,qBAAqB,KAAK,IAAI,GAAG,eAAe;EAKtD,MAAM,mBAAmB,WAHvB,OAAO,mBAAmB,YAAY,OAAO,SAAS,cAAc,IAChE,KAAK,IAAI,GAAG,KAAK,IAAI,gBAAgB,kBAAkB,CAAC,IACvD,qBAAqB,qBAAsB,KACL,OAAO;EACpD,MAAM,oBAAoB,WAAW,oBAAoB,OAAO;EAEhE,IAAI,oBAAoB,mBACtB,OAAO,~~EAAE~~,~~uDAAuD~~;~~GAC9D~~,UAAU;GACV,SAAS;EACX,~~CAAC~~;~~CAEL~~;CAEA,OAAO,~~EAAE~~,~~8CAA8C~~,~~EACrD~~,UAAU,KAAK,MAAM,kBAAkB,EACzC,~~CAAC~~;~~AACH~~"}
1	+ {"version":3,"file":"progressBarA11y.mjs","names":[],"sources":["../../../../../src/components/AudioPlayback/components/progressBarA11y.ts"],"sourcesContent":["import { formatTime } from './formatTime';\nimport type { StreamTFunction } from '../../../i18n/types';\n\ntype GetAudioTrackSliderAriaValueTextParams = {\n durationSeconds?: number;\n progress: number;\n secondsElapsed?: number;\n t: StreamTFunction;\n};\n\nexport const getAudioTrackSliderAriaValueText = ({\n durationSeconds,\n progress,\n secondsElapsed,\n t,\n}: GetAudioTrackSliderAriaValueTextParams) => {\n const normalizedProgress = Math.max(0, Math.min(100, progress));\n\n if (typeof durationSeconds === 'number' && Number.isFinite(durationSeconds)) {\n const normalizedDuration = Math.max(0, durationSeconds);\n const elapsed =\n typeof secondsElapsed === 'number' && Number.isFinite(secondsElapsed)\n ? Math.max(0, Math.min(secondsElapsed, normalizedDuration))\n : (normalizedDuration * normalizedProgress) / 100;\n const formattedElapsed = formatTime(elapsed, 'floor');\n const formattedDuration = formatTime(normalizedDuration, 'floor');\n\n if (formattedElapsed && formattedDuration) {\n return t(\n 'audioPlayback.progressBarA11y.audioPosition.ariaLabel',\n 'Audio position {{ elapsed }} of {{ duration }}',\n {\n duration: formattedDuration,\n elapsed: formattedElapsed,\n },\n );\n }\n }\n\n return t(\n 'audioPlayback.progressBarA11y.audioPositionPercent.ariaLabel',\n 'Audio position {{ progress }} percent',\n {\n progress: Math.round(normalizedProgress),\n },\n );\n};\n"],"mappings":";;AAUA,IAAa,oCAAoC,EAC/C,iBACA,UACA,gBACA,QAC4C;CAC5C,MAAM,qBAAqB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,QAAQ,CAAC;CAE9D,IAAI,OAAO,oBAAoB,YAAY,OAAO,SAAS,eAAe,GAAG;EAC3E,MAAM,qBAAqB,KAAK,IAAI,GAAG,eAAe;EAKtD,MAAM,mBAAmB,WAHvB,OAAO,mBAAmB,YAAY,OAAO,SAAS,cAAc,IAChE,KAAK,IAAI,GAAG,KAAK,IAAI,gBAAgB,kBAAkB,CAAC,IACvD,qBAAqB,qBAAsB,KACL,OAAO;EACpD,MAAM,oBAAoB,WAAW,oBAAoB,OAAO;EAEhE,IAAI,oBAAoB,mBACtB,OAAO,EACL,yDACA,kDACA;GACE,UAAU;GACV,SAAS;EACX,CACF;CAEJ;CAEA,OAAO,EACL,gEACA,yCACA,EACE,UAAU,KAAK,MAAM,kBAAkB,EACzC,CACF;AACF"}

package/dist/es/components/AudioPlayback/plugins/AudioPlayerNotificationsPlugin.mjs CHANGED Viewed

@@ -2,9 +2,9 @@
 var SEEK_NOT_SUPPORTED_NOTIFICATION_DEBOUNCE_INTERVAL_MS = 1e3;
 var 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"))
+		"failed-to-start": new Error(t("audioPlayback.audioPlayerNotifications.failedPlayRecording.label", "Failed to play the recording")),
+		"not-playable": new Error(t("audioPlayback.audioPlayerNotifications.recordingFormatNotSupported.label", "Recording format is not supported and cannot be reproduced")),
+		"seek-not-supported": new Error(t("audioPlayback.audioPlayerNotifications.cannotSeekRecording.label", "Cannot seek in the recording"))
 	};
 	let lastSeekNotSupportedNotificationAt;
 	return {
@@ -15,7 +15,7 @@ var audioPlayerNotificationsPluginFactory = ({ addNotification, panel = "channel
 				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"));
+			const error = (errCode && errors[errCode]) ?? e ?? new Error(t("notification.audioPlaybackError", "Error reproducing the recording"));
 			addNotification({
 				emitter: "AudioPlayer",
 				error,

package/dist/es/components/AudioPlayback/plugins/AudioPlayerNotificationsPlugin.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AudioPlayerNotificationsPlugin.mjs","names":[],"sources":["../../../../../src/components/AudioPlayback/plugins/AudioPlayerNotificationsPlugin.ts"],"sourcesContent":["import type { AudioPlayerPlugin } from './AudioPlayerPlugin';\nimport { type AudioPlayerErrorCode } from '../AudioPlayer';\nimport type { ~~TFunction~~ } from '~~i18next~~';\nimport type { ~~AddNotification~~ } from '../../Notifications/~~hooks/useNotificationApi~~';\nimport type { ~~NotificationTargetPanel~~ } from '~~../../Notifications~~/~~notificationTarget~~';\n\nconst SEEK_NOT_SUPPORTED_NOTIFICATION_DEBOUNCE_INTERVAL_MS = 1000;\n\nexport const audioPlayerNotificationsPluginFactory = ({\n addNotification,\n panel = 'channel',\n t,\n}: {\n addNotification: AddNotification;\n panel?: NotificationTargetPanel;\n t: ~~TFunction~~;\n}): AudioPlayerPlugin => {\n const errors: Record<AudioPlayerErrorCode, Error> = {\n 'failed-to-start': new Error(t('Failed to play the recording')),\n 'not-playable': new Error(\n t('Recording format is not supported and cannot be reproduced'),\n ),\n 'seek-not-supported': new Error(t('Cannot seek in the recording')),\n };\n let lastSeekNotSupportedNotificationAt: number \| undefined;\n\n return {\n id: 'AudioPlayerNotificationsPlugin',\n onError: ({ errCode, error: e }) => {\n if (errCode === 'seek-not-supported') {\n const now = Date.now();\n\n if (\n typeof lastSeekNotSupportedNotificationAt === 'number' &&\n now - lastSeekNotSupportedNotificationAt <\n SEEK_NOT_SUPPORTED_NOTIFICATION_DEBOUNCE_INTERVAL_MS\n ) {\n return;\n }\n\n lastSeekNotSupportedNotificationAt = now;\n }\n\n const error =\n (errCode && errors[errCode]) ??\n e ??\n new Error(t('Error reproducing the recording'));\n\n addNotification({\n emitter: 'AudioPlayer',\n error,\n message: error.message,\n severity: 'error',\n targetPanels: [panel],\n type: 'browser:audio:playback:error',\n });\n },\n };\n};\n"],"mappings":";AAMA,IAAM,uDAAuD;AAE7D,IAAa,yCAAyC,EACpD,iBACA,QAAQ,WACR,QAKuB;CACvB,MAAM,SAA8C;EAClD,mBAAmB,IAAI,~~MAAM~~,~~EAAE~~,~~8BAA8B~~,~~CAAC~~;~~EAC9D~~,gBAAgB,IAAI,MAClB,~~EAAE~~,~~4DAA4D~~,~~CAChE~~;EACA,sBAAsB,IAAI,~~MAAM~~,~~EAAE~~,~~8BAA8B~~,~~CAAC~~;~~CACnE~~;CACA,IAAI;CAEJ,OAAO;EACL,IAAI;EACJ,UAAU,EAAE,SAAS,OAAO,QAAQ;GAClC,IAAI,YAAY,sBAAsB;IACpC,MAAM,MAAM,KAAK,IAAI;IAErB,IACE,OAAO,uCAAuC,YAC9C,MAAM,qCACJ,sDAEF;IAGF,qCAAqC;GACvC;GAEA,MAAM,SACH,WAAW,OAAO,aACnB,KACA,IAAI,~~MAAM~~,EAAE,iCAAiC,~~CAAC~~;~~GAEhD~~,gBAAgB;IACd,SAAS;IACT;IACA,SAAS,MAAM;IACf,UAAU;IACV,cAAc,CAAC,KAAK;IACpB,MAAM;GACR,CAAC;EACH;CACF;AACF"}
1	+ {"version":3,"file":"AudioPlayerNotificationsPlugin.mjs","names":[],"sources":["../../../../../src/components/AudioPlayback/plugins/AudioPlayerNotificationsPlugin.ts"],"sourcesContent":["import type { AudioPlayerPlugin } from './AudioPlayerPlugin';\nimport { type AudioPlayerErrorCode } from '../AudioPlayer';\nimport type { AddNotification } from '../../Notifications/hooks/useNotificationApi';\nimport type { NotificationTargetPanel } from '../../Notifications/notificationTarget';\nimport type { StreamTFunction } from '../../../i18n/types';\n\nconst SEEK_NOT_SUPPORTED_NOTIFICATION_DEBOUNCE_INTERVAL_MS = 1000;\n\nexport const audioPlayerNotificationsPluginFactory = ({\n addNotification,\n panel = 'channel',\n t,\n}: {\n addNotification: AddNotification;\n panel?: NotificationTargetPanel;\n t: StreamTFunction;\n}): AudioPlayerPlugin => {\n const errors: Record<AudioPlayerErrorCode, Error> = {\n 'failed-to-start': new Error(\n t(\n 'audioPlayback.audioPlayerNotifications.failedPlayRecording.label',\n 'Failed to play the recording',\n ),\n ),\n 'not-playable': new Error(\n t(\n 'audioPlayback.audioPlayerNotifications.recordingFormatNotSupported.label',\n 'Recording format is not supported and cannot be reproduced',\n ),\n ),\n 'seek-not-supported': new Error(\n t(\n 'audioPlayback.audioPlayerNotifications.cannotSeekRecording.label',\n 'Cannot seek in the recording',\n ),\n ),\n };\n let lastSeekNotSupportedNotificationAt: number \| undefined;\n\n return {\n id: 'AudioPlayerNotificationsPlugin',\n onError: ({ errCode, error: e }) => {\n if (errCode === 'seek-not-supported') {\n const now = Date.now();\n\n if (\n typeof lastSeekNotSupportedNotificationAt === 'number' &&\n now - lastSeekNotSupportedNotificationAt <\n SEEK_NOT_SUPPORTED_NOTIFICATION_DEBOUNCE_INTERVAL_MS\n ) {\n return;\n }\n\n lastSeekNotSupportedNotificationAt = now;\n }\n\n const error =\n (errCode && errors[errCode]) ??\n e ??\n new Error(\n t('notification.audioPlaybackError', 'Error reproducing the recording'),\n );\n\n addNotification({\n emitter: 'AudioPlayer',\n error,\n message: error.message,\n severity: 'error',\n targetPanels: [panel],\n type: 'browser:audio:playback:error',\n });\n },\n };\n};\n"],"mappings":";AAMA,IAAM,uDAAuD;AAE7D,IAAa,yCAAyC,EACpD,iBACA,QAAQ,WACR,QAKuB;CACvB,MAAM,SAA8C;EAClD,mBAAmB,IAAI,MACrB,EACE,oEACA,8BACF,CACF;EACA,gBAAgB,IAAI,MAClB,EACE,4EACA,4DACF,CACF;EACA,sBAAsB,IAAI,MACxB,EACE,oEACA,8BACF,CACF;CACF;CACA,IAAI;CAEJ,OAAO;EACL,IAAI;EACJ,UAAU,EAAE,SAAS,OAAO,QAAQ;GAClC,IAAI,YAAY,sBAAsB;IACpC,MAAM,MAAM,KAAK,IAAI;IAErB,IACE,OAAO,uCAAuC,YAC9C,MAAM,qCACJ,sDAEF;IAGF,qCAAqC;GACvC;GAEA,MAAM,SACH,WAAW,OAAO,aACnB,KACA,IAAI,MACF,EAAE,mCAAmC,iCAAiC,CACxE;GAEF,gBAAgB;IACd,SAAS;IACT;IACA,SAAS,MAAM;IACf,UAAU;IACV,cAAc,CAAC,KAAK;IACpB,MAAM;GACR,CAAC;EACH;CACF;AACF"}