markdown-flow-ui 0.1.125 → 0.1.127
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.
- package/dist/components/MarkdownFlowEditor/plugins/SyntaxHighlighter.cjs.js +3 -1
- package/dist/components/MarkdownFlowEditor/plugins/SyntaxHighlighter.cjs.js.map +1 -1
- package/dist/components/MarkdownFlowEditor/plugins/SyntaxHighlighter.d.ts +20 -0
- package/dist/components/MarkdownFlowEditor/plugins/SyntaxHighlighter.es.js +168 -108
- package/dist/components/MarkdownFlowEditor/plugins/SyntaxHighlighter.es.js.map +1 -1
- package/dist/components/MarkdownFlowEditor/plugins/SyntaxHighlighter.test.d.ts +1 -0
- package/dist/components/Slide/Player.cjs.js +1 -1
- package/dist/components/Slide/Player.cjs.js.map +1 -1
- package/dist/components/Slide/Player.d.ts +2 -0
- package/dist/components/Slide/Player.es.js +112 -107
- package/dist/components/Slide/Player.es.js.map +1 -1
- package/dist/components/Slide/Slide.cjs.js +1 -1
- package/dist/components/Slide/Slide.cjs.js.map +1 -1
- package/dist/components/Slide/Slide.es.js +167 -165
- package/dist/components/Slide/Slide.es.js.map +1 -1
- package/dist/components/Slide/useWakePlayerFromIframe.cjs.js +1 -1
- package/dist/components/Slide/useWakePlayerFromIframe.cjs.js.map +1 -1
- package/dist/components/Slide/useWakePlayerFromIframe.d.ts +3 -1
- package/dist/components/Slide/useWakePlayerFromIframe.es.js +42 -39
- package/dist/components/Slide/useWakePlayerFromIframe.es.js.map +1 -1
- package/dist/components/Slide/utils/playerNavigationContext.cjs.js +2 -0
- package/dist/components/Slide/utils/playerNavigationContext.cjs.js.map +1 -0
- package/dist/components/Slide/utils/playerNavigationContext.d.ts +7 -0
- package/dist/components/Slide/utils/playerNavigationContext.es.js +9 -0
- package/dist/components/Slide/utils/playerNavigationContext.es.js.map +1 -0
- package/dist/components/Slide/utils/playerNavigationContext.test.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Player.es.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\n memo,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n Captions,\n CaptionsOff,\n EllipsisVertical,\n FilePenLine,\n Maximize,\n RotateCcw,\n RotateCw,\n ScanLine,\n Volume2,\n} from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport MobilePlayerSettingsSheet from \"./MobilePlayerSettingsSheet\";\nimport { DEFAULT_SLIDE_PLAYER_TEXTS } from \"./constants\";\nimport type { SlideAudioItem } from \"./useSlide\";\nimport type {\n SlidePlayerCustomActionContext,\n SlidePlayerCustomActions,\n} from \"./types\";\nimport {\n DEFAULT_MOBILE_VIEW_MODE,\n type MobileViewMode,\n} from \"./utils/mobileScreenMode\";\nimport { hasReachedAudioEnd } from \"./utils/audioCompletion\";\nimport { PlayerKeyboardShortcutContext } from \"./utils/playerKeyboardShortcutContext\";\nimport {\n activatePlayerKeyboardShortcutOwner,\n getPlayerKeyboardShortcutAction,\n isActivePlayerKeyboardShortcutOwner,\n registerPlayerKeyboardShortcutOwner,\n shouldIgnorePlayerKeyboardShortcutEvent,\n type PlayerKeyboardShortcutAction,\n} from \"./utils/playerKeyboardShortcuts\";\nimport {\n resolveAudioPlaybackSourceType,\n type AudioPlaybackSourceType,\n} from \"./utils/playbackSource\";\nimport { shouldKeepPlayingAfterNavigation } from \"./utils/playbackPreference\";\nimport { toPlayerCustomActionList } from \"./utils/playerCustomActions\";\nimport \"./player.css\";\n\nconst audioPreloadElementCache = new Map<string, HTMLAudioElement>();\n\n/**\n * Labels and accessibility text used by the slide player controls.\n *\n * Missing fields fall back to `DEFAULT_SLIDE_PLAYER_TEXTS`; pass a `texts`\n * object when a consumer needs localized control labels or tooltip text.\n *\n * @example\n * ```tsx\n * <Player texts={{ playLabel: \"播放\", nextLabel: \"下一步\" }} />\n * ```\n */\nexport interface SlidePlayerTexts {\n closeSettingsLabel?: string;\n enterFullscreenLabel?: string;\n exitFullscreenLabel?: string;\n moreOptionsAriaLabel?: string;\n nextLabel?: string;\n notesLabel?: string;\n pauseAutoplayLabel?: string;\n pauseLabel?: string;\n playAutoplayLabel?: string;\n playLabel?: string;\n previousLabel?: string;\n screenModeLabel?: string;\n settingsTitle?: string;\n subtitleLabel?: string;\n subtitleToggleAriaLabel?: string;\n volumeAriaLabel?: string;\n screenLabel?: string;\n nonFullscreenLabel?: string;\n fullscreenLabel?: string;\n fullscreenHintText?: string;\n}\n\nexport type SlidePlayerLoadingReason = \"loadingAudio\" | \"waitingForMoreAudio\";\n\nexport interface SlidePlayerNavigationContext {\n shouldContinuePlayback: boolean;\n}\n\nconst preloadAudioUrl = (url?: string) => {\n if (typeof window === \"undefined\" || !url) {\n return;\n }\n\n if (audioPreloadElementCache.has(url)) {\n return;\n }\n\n // Use a detached audio element so warm-up follows the same media loading\n // path as the visible player instead of relying on link preload hints.\n const audio = window.document.createElement(\"audio\");\n audio.preload = \"auto\";\n audio.setAttribute(\"playsinline\", \"true\");\n audio.src = url;\n audio.load();\n\n audioPreloadElementCache.set(url, audio);\n};\n\nexport type PlayerProps = Omit<React.ComponentProps<\"div\">, \"onEnded\"> & {\n audioList?: SlideAudioItem[];\n currentAudioIndex?: number;\n defaultPlaying?: boolean;\n isPlaybackPaused?: boolean;\n isAutoAdvanceEnabled?: boolean;\n useAutoAdvanceToggle?: boolean;\n onLoadingChange?: (state: {\n loading: boolean;\n reason: SlidePlayerLoadingReason | null;\n }) => void;\n onPlaybackPreferenceChange?: (playing: boolean) => void;\n onPlaybackStarted?: () => void;\n onPlaybackTimeChange?: (timeMs: number) => void;\n onSubtitleToggle?: () => void;\n onPrev?: (context: SlidePlayerNavigationContext) => void;\n onNext?: (context: SlidePlayerNavigationContext) => void;\n onFullscreen?: () => void;\n isFullscreen?: boolean;\n mobileViewMode?: MobileViewMode;\n settingsPortalContainer?: HTMLElement | null;\n onMobileViewModeChange?: (viewMode: MobileViewMode) => void;\n onEnded?: (audioIndex: number) => void;\n onAutoAdvanceToggle?: (enabled: boolean) => void;\n onInteractionToggle?: () => void;\n hasInteraction?: boolean;\n isInteractionOpen?: boolean;\n isSubtitleEnabled?: boolean;\n prevDisabled?: boolean;\n nextDisabled?: boolean;\n showControls?: boolean;\n /**\n * Enables document-level keyboard shortcuts for existing player actions.\n *\n * Defaults to `true`. Set to `false` when the page should not advertise or\n * handle player shortcuts for this standalone player instance.\n *\n * @example\n * ```tsx\n * <Player enableKeyboardShortcuts={false} />\n * ```\n */\n enableKeyboardShortcuts?: boolean;\n customActions?: SlidePlayerCustomActions;\n customActionContext?: SlidePlayerCustomActionContext;\n texts?: SlidePlayerTexts;\n};\n\nconst PauseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M12 10H16V24H12V10ZM18 10H22V24H18V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst PlayIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst PLAYER_SHORTCUT_LABELS = {\n fullscreen: \"F\",\n next: \"→\",\n notes: \"N\",\n playback: \"Space\",\n previous: \"←\",\n subtitle: \"C\",\n} as const;\n\nconst getShortcutTitle = (label: string | undefined, shortcut: string) =>\n label ? `${label} (${shortcut})` : shortcut;\n\nconst Player = ({\n audioList = [],\n className,\n currentAudioIndex = -1,\n defaultPlaying = true,\n isPlaybackPaused = false,\n isAutoAdvanceEnabled = true,\n useAutoAdvanceToggle = false,\n onLoadingChange,\n onPlaybackPreferenceChange,\n onPlaybackStarted,\n onPlaybackTimeChange,\n onSubtitleToggle,\n onPrev,\n onNext,\n onFullscreen,\n isFullscreen = false,\n mobileViewMode = DEFAULT_MOBILE_VIEW_MODE,\n settingsPortalContainer,\n onMobileViewModeChange,\n onEnded,\n onAutoAdvanceToggle,\n onInteractionToggle,\n hasInteraction = false,\n isInteractionOpen = false,\n isSubtitleEnabled = true,\n prevDisabled = false,\n nextDisabled = false,\n showControls = true,\n enableKeyboardShortcuts = true,\n customActions,\n customActionContext,\n texts,\n onFocusCapture,\n onPointerDown,\n ...props\n}: PlayerProps) => {\n const localKeyboardShortcutOwnerId = useId();\n const keyboardShortcutContext = useContext(PlayerKeyboardShortcutContext);\n const audioRef = useRef<HTMLAudioElement | null>(null);\n const previousInteractionOpenRef = useRef(isInteractionOpen);\n const audioSrcRef = useRef<string | null>(null);\n const currentAudioKeyRef = useRef<string | null>(null);\n const currentSegmentIndexRef = useRef(0);\n const waitingSegmentIndexRef = useRef<number | null>(null);\n const currentAudioRef = useRef<SlideAudioItem | undefined>(undefined);\n const currentAudioSegmentsRef = useRef<\n NonNullable<SlideAudioItem[\"audioSegments\"]>\n >([]);\n const playbackPreferenceRef = useRef(\n useAutoAdvanceToggle ? isAutoAdvanceEnabled : defaultPlaying\n );\n const wasPlayingBeforeExternalPauseRef = useRef(false);\n const isLoadingRef = useRef(false);\n const isPausedByUserRef = useRef(false);\n const activeSourceTypeRef = useRef<\"url\" | \"segment\" | null>(null);\n const preferredSourceTypeRef = useRef<AudioPlaybackSourceType | null>(null);\n const isWaitingForSegmentRef = useRef(false);\n const pendingAutoPlayRef = useRef(false);\n const pendingSeekTimeRef = useRef<number | null>(null);\n const isSwitchingSegmentRef = useRef(false);\n const playbackAnimationFrameRef = useRef<number | null>(null);\n const playbackTimeMsRef = useRef(0);\n const playbackAccessModeRef = useRef<\n \"unknown\" | \"auto\" | \"manual\" | \"blocked\"\n >(\"unknown\");\n const [isPlaying, setIsPlaying] = useState(defaultPlaying);\n const [isMobileMoreOpen, setIsMobileMoreOpen] = useState(false);\n const keyboardShortcutOwnerId =\n keyboardShortcutContext?.ownerId ?? localKeyboardShortcutOwnerId;\n const shouldEnableKeyboardShortcuts =\n enableKeyboardShortcuts && (keyboardShortcutContext?.enabled ?? true);\n const currentAudio =\n currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined;\n const currentAudioUrl = currentAudio?.audioUrl;\n const currentAudioSegments = useMemo(\n () =>\n [...(currentAudio?.audioSegments ?? [])].sort(\n (prevSegment, nextSegment) =>\n prevSegment.segment_index - nextSegment.segment_index\n ),\n [currentAudio?.audioSegments]\n );\n const customActionList = useMemo(\n () => toPlayerCustomActionList(customActions, customActionContext),\n [customActionContext, customActions]\n );\n const mobileVisibleActionCount = customActionList.length + 5;\n const controlsStyle = useMemo(\n () =>\n ({\n \"--slide-player-mobile-control-count\": String(mobileVisibleActionCount),\n }) as React.CSSProperties,\n [mobileVisibleActionCount]\n );\n const playerTexts = useMemo(\n () => ({\n ...DEFAULT_SLIDE_PLAYER_TEXTS,\n ...texts,\n }),\n [texts]\n );\n const currentAudioKey = useMemo(() => {\n if (!currentAudio) {\n return \"none\";\n }\n\n return (\n currentAudio.audioKey ??\n `${String(currentAudio.sequenceNumber ?? \"none\")}:${String(currentAudio.audioUrl ?? \"\")}`\n );\n }, [currentAudio]);\n const isTogglePlaying = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n : isPlaying;\n const toggleAriaLabel = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n ? playerTexts.pauseAutoplayLabel\n : playerTexts.playAutoplayLabel\n : isPlaying\n ? playerTexts.pauseLabel\n : playerTexts.playLabel;\n const fullscreenAriaLabel = isFullscreen\n ? playerTexts.exitFullscreenLabel\n : playerTexts.enterFullscreenLabel;\n const getShortcutMetadata = useCallback(\n (label: string | undefined, shortcutText: string, ariaKey: string) => ({\n ariaKeyShortcuts: shouldEnableKeyboardShortcuts ? ariaKey : undefined,\n title: shouldEnableKeyboardShortcuts\n ? getShortcutTitle(label, shortcutText)\n : label,\n }),\n [shouldEnableKeyboardShortcuts]\n );\n const subtitleShortcutMetadata = getShortcutMetadata(\n playerTexts.subtitleToggleAriaLabel,\n PLAYER_SHORTCUT_LABELS.subtitle,\n \"c\"\n );\n const previousShortcutMetadata = getShortcutMetadata(\n playerTexts.previousLabel,\n PLAYER_SHORTCUT_LABELS.previous,\n \"ArrowLeft\"\n );\n const playbackShortcutMetadata = getShortcutMetadata(\n toggleAriaLabel,\n PLAYER_SHORTCUT_LABELS.playback,\n \"Space\"\n );\n const nextShortcutMetadata = getShortcutMetadata(\n playerTexts.nextLabel,\n PLAYER_SHORTCUT_LABELS.next,\n \"ArrowRight\"\n );\n const fullscreenShortcutMetadata = getShortcutMetadata(\n fullscreenAriaLabel,\n PLAYER_SHORTCUT_LABELS.fullscreen,\n \"f\"\n );\n const notesShortcutMetadata = getShortcutMetadata(\n playerTexts.notesLabel,\n PLAYER_SHORTCUT_LABELS.notes,\n \"n\"\n );\n const activateKeyboardShortcutOwner = useCallback(() => {\n if (!shouldEnableKeyboardShortcuts) {\n return;\n }\n\n activatePlayerKeyboardShortcutOwner(keyboardShortcutOwnerId);\n }, [keyboardShortcutOwnerId, shouldEnableKeyboardShortcuts]);\n\n const handleRootPointerDown = useCallback(\n (event: React.PointerEvent<HTMLDivElement>) => {\n activateKeyboardShortcutOwner();\n onPointerDown?.(event);\n },\n [activateKeyboardShortcutOwner, onPointerDown]\n );\n\n const handleRootFocusCapture = useCallback(\n (event: React.FocusEvent<HTMLDivElement>) => {\n activateKeyboardShortcutOwner();\n onFocusCapture?.(event);\n },\n [activateKeyboardShortcutOwner, onFocusCapture]\n );\n\n useEffect(() => {\n currentAudioRef.current = currentAudio;\n }, [currentAudio]);\n\n useEffect(() => {\n playbackPreferenceRef.current = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n : defaultPlaying;\n }, [defaultPlaying, isAutoAdvanceEnabled, useAutoAdvanceToggle]);\n\n useEffect(() => {\n if (showControls) {\n return;\n }\n\n setIsMobileMoreOpen(false);\n }, [showControls]);\n\n useEffect(() => {\n if (!previousInteractionOpenRef.current && isInteractionOpen) {\n setIsMobileMoreOpen(false);\n }\n\n previousInteractionOpenRef.current = isInteractionOpen;\n }, [isInteractionOpen]);\n\n useEffect(() => {\n currentAudioSegmentsRef.current = currentAudioSegments;\n }, [currentAudioSegments]);\n\n useEffect(() => {\n const currentUrl = currentAudio?.audioUrl;\n const nextUrl =\n currentAudioIndex >= 0\n ? audioList[currentAudioIndex + 1]?.audioUrl\n : undefined;\n\n preloadAudioUrl(currentUrl);\n preloadAudioUrl(nextUrl);\n }, [audioList, currentAudio?.audioUrl, currentAudioIndex]);\n\n const updateLoading = useCallback(\n (loading: boolean, reason: SlidePlayerLoadingReason | null = null) => {\n if (isLoadingRef.current === loading && (!loading || reason === null)) {\n return;\n }\n\n isLoadingRef.current = loading;\n onLoadingChange?.({\n loading,\n reason: loading ? reason : null,\n });\n },\n [onLoadingChange]\n );\n\n const updatePlaybackPreference = useCallback(\n (playing: boolean) => {\n playbackPreferenceRef.current = playing;\n onPlaybackPreferenceChange?.(playing);\n },\n [onPlaybackPreferenceChange]\n );\n\n const getNavigationContext = useCallback((): SlidePlayerNavigationContext => {\n if (useAutoAdvanceToggle) {\n return {\n shouldContinuePlayback: playbackPreferenceRef.current,\n };\n }\n\n return {\n shouldContinuePlayback: shouldKeepPlayingAfterNavigation({\n defaultPlaying: playbackPreferenceRef.current,\n isPausedByUser: isPausedByUserRef.current,\n }),\n };\n }, [useAutoAdvanceToggle]);\n\n const isAutoplayBlockedError = useCallback((error: unknown) => {\n if (!(error instanceof DOMException)) {\n return false;\n }\n\n return error.name === \"NotAllowedError\" || error.name === \"SecurityError\";\n }, []);\n\n const canStartPlaybackAutomatically = useCallback(() => {\n return (\n defaultPlaying &&\n !isPlaybackPaused &&\n !isPausedByUserRef.current &&\n playbackAccessModeRef.current !== \"blocked\"\n );\n }, [defaultPlaying, isPlaybackPaused]);\n\n const getSegmentSrc = useCallback((audioData: string) => {\n if (!audioData) {\n return \"\";\n }\n\n if (audioData.startsWith(\"data:\")) {\n return audioData;\n }\n\n return `data:audio/mpeg;base64,${audioData}`;\n }, []);\n\n const getWaitingSegmentSeekTime = useCallback(() => {\n const waitingSegmentIndex = waitingSegmentIndexRef.current;\n\n if (waitingSegmentIndex == null || waitingSegmentIndex <= 0) {\n return 0;\n }\n\n return (\n currentAudioSegmentsRef.current\n .slice(0, waitingSegmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n ) / 1000\n );\n }, []);\n\n const getSegmentStartTimeMs = useCallback((segmentIndex: number) => {\n if (segmentIndex <= 0) {\n return 0;\n }\n\n return currentAudioSegmentsRef.current\n .slice(0, segmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n );\n }, []);\n\n const getCurrentPlaybackTimeMs = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return waitingSegmentIndexRef.current != null\n ? getSegmentStartTimeMs(waitingSegmentIndexRef.current)\n : 0;\n }\n\n if (activeSourceTypeRef.current === \"segment\") {\n return (\n getSegmentStartTimeMs(currentSegmentIndexRef.current) +\n Math.max(audioElement.currentTime, 0) * 1000\n );\n }\n\n if (pendingSeekTimeRef.current !== null && audioElement.readyState === 0) {\n return pendingSeekTimeRef.current * 1000;\n }\n\n return Math.max(audioElement.currentTime, 0) * 1000;\n }, [getSegmentStartTimeMs]);\n\n const publishPlaybackTime = useCallback(\n (timeMs: number) => {\n const nextPlaybackTimeMs = Math.max(timeMs, 0);\n\n if (playbackTimeMsRef.current === nextPlaybackTimeMs) {\n return;\n }\n\n playbackTimeMsRef.current = nextPlaybackTimeMs;\n onPlaybackTimeChange?.(nextPlaybackTimeMs);\n },\n [onPlaybackTimeChange]\n );\n\n const syncPlaybackTime = useCallback(() => {\n publishPlaybackTime(getCurrentPlaybackTimeMs());\n }, [getCurrentPlaybackTimeMs, publishPlaybackTime]);\n\n const stopPlaybackTimeLoop = useCallback(() => {\n if (\n typeof window === \"undefined\" ||\n playbackAnimationFrameRef.current === null\n ) {\n return;\n }\n\n window.cancelAnimationFrame(playbackAnimationFrameRef.current);\n playbackAnimationFrameRef.current = null;\n }, []);\n\n const startPlaybackTimeLoop = useCallback(() => {\n if (\n typeof window === \"undefined\" ||\n playbackAnimationFrameRef.current !== null\n ) {\n return;\n }\n\n const updateFrame = () => {\n syncPlaybackTime();\n\n const audioElement = audioRef.current;\n\n if (!audioElement || audioElement.paused || audioElement.ended) {\n playbackAnimationFrameRef.current = null;\n return;\n }\n\n playbackAnimationFrameRef.current =\n window.requestAnimationFrame(updateFrame);\n };\n\n playbackAnimationFrameRef.current =\n window.requestAnimationFrame(updateFrame);\n }, [syncPlaybackTime]);\n\n const resetAudio = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n stopPlaybackTimeLoop();\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = false;\n wasPlayingBeforeExternalPauseRef.current = false;\n activeSourceTypeRef.current = null;\n pendingSeekTimeRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n preferredSourceTypeRef.current = null;\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = null;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n publishPlaybackTime(0);\n setIsPlaying(false);\n updateLoading(false);\n }, [publishPlaybackTime, stopPlaybackTimeLoop, updateLoading]);\n\n const tryPlayCurrentAudio = useCallback(\n (_reason: string) => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return false;\n }\n\n const playPromise = audioElement.play();\n\n if (playPromise && typeof playPromise.then === \"function\") {\n void playPromise\n .then(() => {\n if (playbackAccessModeRef.current === \"unknown\") {\n playbackAccessModeRef.current = \"auto\";\n }\n\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n })\n .catch((error: unknown) => {\n if (\n playbackAccessModeRef.current === \"unknown\" &&\n isAutoplayBlockedError(error)\n ) {\n // Lock autoplay after the first browser rejection.\n playbackAccessModeRef.current = \"blocked\";\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n }\n\n isSwitchingSegmentRef.current = false;\n setIsPlaying(false);\n });\n }\n\n return true;\n },\n [isAutoplayBlockedError, updateLoading]\n );\n\n const startSegmentPlayback = useCallback(\n (segmentIndex: number, _reason: string) => {\n const audioElement = audioRef.current;\n const segment = currentAudioSegmentsRef.current[segmentIndex];\n\n if (!audioElement || !segment) {\n return false;\n }\n\n const nextAudioSrc = getSegmentSrc(segment.audio_data);\n\n currentSegmentIndexRef.current = segmentIndex;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = true;\n preferredSourceTypeRef.current = \"segment\";\n publishPlaybackTime(getSegmentStartTimeMs(segmentIndex));\n const shouldAutoResume = canStartPlaybackAutomatically();\n\n pendingAutoPlayRef.current = shouldAutoResume;\n updateLoading(false);\n\n const hasNewSrc = audioSrcRef.current !== nextAudioSrc;\n\n activeSourceTypeRef.current = \"segment\";\n\n if (hasNewSrc) {\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = nextAudioSrc;\n audioElement.src = nextAudioSrc;\n audioElement.load();\n }\n\n pendingSeekTimeRef.current = 0;\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = 0;\n pendingSeekTimeRef.current = null;\n }\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return true;\n }\n\n return tryPlayCurrentAudio(`start-segment:${_reason}`);\n },\n [\n canStartPlaybackAutomatically,\n getSegmentSrc,\n getSegmentStartTimeMs,\n publishPlaybackTime,\n tryPlayCurrentAudio,\n updateLoading,\n ]\n );\n\n const finishAudioItem = useCallback(\n (_reason?: string) => {\n stopPlaybackTimeLoop();\n pendingAutoPlayRef.current = false;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n syncPlaybackTime();\n setIsPlaying(false);\n updateLoading(false);\n\n if (currentAudioIndex >= 0) {\n onEnded?.(currentAudioIndex);\n }\n },\n [\n currentAudioIndex,\n onEnded,\n stopPlaybackTimeLoop,\n syncPlaybackTime,\n updateLoading,\n ]\n );\n\n const finishUrlAudioIfSeekedToEnd = useCallback(\n (_reason: string) => {\n const audioElement = audioRef.current;\n\n if (!audioElement || activeSourceTypeRef.current !== \"url\") {\n return false;\n }\n\n if (\n !hasReachedAudioEnd({\n currentTimeSeconds: Math.max(audioElement.currentTime, 0),\n durationSeconds: audioElement.duration,\n })\n ) {\n return false;\n }\n\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n finishAudioItem(_reason);\n return true;\n },\n [finishAudioItem]\n );\n\n const handleSegmentEnded = useCallback(() => {\n const nextSegmentIndex = currentSegmentIndexRef.current + 1;\n const segments = currentAudioSegmentsRef.current;\n const nextSegment = segments[nextSegmentIndex];\n const activeAudio = currentAudioRef.current;\n const hasFinal = segments.some((segment) => segment.is_final);\n\n if (nextSegment) {\n startSegmentPlayback(nextSegmentIndex, \"ended\");\n return;\n }\n\n if (activeAudio?.isAudioStreaming || !hasFinal) {\n currentSegmentIndexRef.current = nextSegmentIndex;\n waitingSegmentIndexRef.current = nextSegmentIndex;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = defaultPlaying;\n publishPlaybackTime(getSegmentStartTimeMs(nextSegmentIndex));\n setIsPlaying(false);\n updateLoading(true, \"waitingForMoreAudio\");\n\n return;\n }\n\n finishAudioItem(\"segments-completed\");\n }, [\n defaultPlaying,\n finishAudioItem,\n getSegmentStartTimeMs,\n publishPlaybackTime,\n startSegmentPlayback,\n updateLoading,\n ]);\n\n useEffect(() => {\n if (currentAudioKeyRef.current === currentAudioKey) {\n return;\n }\n\n currentAudioKeyRef.current = currentAudioKey;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isPausedByUserRef.current = false;\n wasPlayingBeforeExternalPauseRef.current = false;\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n activeSourceTypeRef.current = null;\n preferredSourceTypeRef.current = null;\n audioSrcRef.current = null;\n stopPlaybackTimeLoop();\n publishPlaybackTime(0);\n updateLoading(false);\n\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n setIsPlaying(false);\n }, [\n currentAudioIndex,\n currentAudioKey,\n currentAudioSegments.length,\n currentAudioUrl,\n publishPlaybackTime,\n stopPlaybackTimeLoop,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (isPlaybackPaused) {\n wasPlayingBeforeExternalPauseRef.current = Boolean(\n currentAudioRef.current &&\n !isPausedByUserRef.current &&\n (!audioElement.paused ||\n pendingAutoPlayRef.current ||\n waitingSegmentIndexRef.current !== null)\n );\n\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (\n !wasPlayingBeforeExternalPauseRef.current ||\n !currentAudioRef.current ||\n isPausedByUserRef.current\n ) {\n return;\n }\n\n wasPlayingBeforeExternalPauseRef.current = false;\n\n if (waitingSegmentIndexRef.current !== null) {\n if (\n waitingSegmentIndexRef.current < currentAudioSegmentsRef.current.length\n ) {\n startSegmentPlayback(waitingSegmentIndexRef.current, \"external-resume\");\n return;\n }\n\n pendingAutoPlayRef.current = true;\n updateLoading(true, \"waitingForMoreAudio\");\n return;\n }\n\n if (!audioSrcRef.current && currentAudioSegmentsRef.current.length > 0) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegmentsRef.current.length - 1\n ),\n \"external-resume-init\"\n );\n return;\n }\n\n if (!audioElement.paused) {\n return;\n }\n\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"external-resume\");\n }, [\n isPlaybackPaused,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (!currentAudio) {\n resetAudio();\n return;\n }\n\n if (isPlaybackPaused) {\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n const resolvedSourceType = resolveAudioPlaybackSourceType({\n activeSourceType: activeSourceTypeRef.current,\n hasAudioUrl: Boolean(currentAudioUrl),\n segmentCount: currentAudioSegments.length,\n preferredSourceType: preferredSourceTypeRef.current,\n waitingSegmentIndex: waitingSegmentIndexRef.current,\n });\n\n if (\n resolvedSourceType &&\n preferredSourceTypeRef.current !== resolvedSourceType\n ) {\n preferredSourceTypeRef.current = resolvedSourceType;\n }\n\n if (resolvedSourceType === \"url\" && currentAudioUrl) {\n const hasNewSrc = audioSrcRef.current !== currentAudioUrl;\n const shouldAutoResume = canStartPlaybackAutomatically();\n\n if (hasNewSrc) {\n const nextSeekTime =\n waitingSegmentIndexRef.current !== null\n ? getWaitingSegmentSeekTime()\n : 0;\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = currentAudioUrl;\n activeSourceTypeRef.current = \"url\";\n audioElement.src = currentAudioUrl;\n audioElement.load();\n pendingSeekTimeRef.current = nextSeekTime;\n publishPlaybackTime(nextSeekTime * 1000);\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = nextSeekTime;\n pendingSeekTimeRef.current = null;\n }\n }\n\n pendingAutoPlayRef.current = shouldAutoResume;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n updateLoading(false);\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n tryPlayCurrentAudio(hasNewSrc ? \"sync-url-init\" : \"sync-url\");\n return;\n }\n\n if (\n resolvedSourceType === \"segment\" &&\n waitingSegmentIndexRef.current !== null\n ) {\n if (waitingSegmentIndexRef.current < currentAudioSegments.length) {\n if (isPausedByUserRef.current) {\n setIsPlaying(false);\n updateLoading(false);\n return;\n }\n\n startSegmentPlayback(waitingSegmentIndexRef.current, \"wait-resume\");\n return;\n }\n\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n if (resolvedSourceType === \"segment\" && !currentAudioSegments.length) {\n if (currentAudio.isAudioStreaming) {\n waitingSegmentIndexRef.current = currentSegmentIndexRef.current;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n resetAudio();\n return;\n }\n\n if (resolvedSourceType === \"segment\" && !audioSrcRef.current) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"effect-init\"\n );\n return;\n }\n\n if (resolvedSourceType !== \"segment\") {\n resetAudio();\n return;\n }\n\n if (!defaultPlaying || isPausedByUserRef.current) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"sync-paused-retry\");\n }\n }, [\n currentAudio,\n currentAudioIndex,\n currentAudioSegments,\n currentAudioUrl,\n defaultPlaying,\n isPlaybackPaused,\n canStartPlaybackAutomatically,\n publishPlaybackTime,\n resetAudio,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n getWaitingSegmentSeekTime,\n updateLoading,\n ]);\n\n useEffect(() => resetAudio, [resetAudio]);\n\n useEffect(() => stopPlaybackTimeLoop, [stopPlaybackTimeLoop]);\n\n const handleAudioPlay = useCallback(() => {\n syncPlaybackTime();\n startPlaybackTimeLoop();\n setIsPlaying(true);\n updateLoading(false);\n onPlaybackStarted?.();\n }, [\n onPlaybackStarted,\n startPlaybackTimeLoop,\n syncPlaybackTime,\n updateLoading,\n ]);\n\n const handleAudioPause = useCallback(() => {\n if (isWaitingForSegmentRef.current || isSwitchingSegmentRef.current) {\n return;\n }\n\n stopPlaybackTimeLoop();\n syncPlaybackTime();\n setIsPlaying(false);\n }, [currentAudioIndex, stopPlaybackTimeLoop, syncPlaybackTime]);\n\n const handleAudioCanPlay = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n syncPlaybackTime();\n\n if (finishUrlAudioIfSeekedToEnd(\"canplay-seek-finished\")) {\n return;\n }\n\n if (!pendingAutoPlayRef.current || !defaultPlaying) {\n return;\n }\n\n tryPlayCurrentAudio(\"canplay\");\n }, [\n currentAudioIndex,\n defaultPlaying,\n finishUrlAudioIfSeekedToEnd,\n syncPlaybackTime,\n tryPlayCurrentAudio,\n ]);\n\n const handleLoadedMetadata = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n syncPlaybackTime();\n\n finishUrlAudioIfSeekedToEnd(\"metadata-seek-finished\");\n }, [currentAudioIndex, finishUrlAudioIfSeekedToEnd, syncPlaybackTime]);\n\n const handleAudioTimeUpdate = useCallback(() => {\n syncPlaybackTime();\n }, [syncPlaybackTime]);\n\n const handleAudioLoadStart = useCallback(() => {\n if (isWaitingForSegmentRef.current) {\n return;\n }\n\n updateLoading(true, \"loadingAudio\");\n }, [updateLoading]);\n\n const handleAudioWaiting = useCallback(() => {\n if (isWaitingForSegmentRef.current) {\n updateLoading(true, \"waitingForMoreAudio\");\n return;\n }\n\n updateLoading(true, \"loadingAudio\");\n }, [updateLoading]);\n\n const handleAudioSeeking = useCallback(() => {\n syncPlaybackTime();\n }, [syncPlaybackTime]);\n\n const handleAudioEnded = useCallback(() => {\n const shouldFinishAsUrl =\n activeSourceTypeRef.current === \"url\" ||\n currentAudioSegmentsRef.current.length === 0;\n\n stopPlaybackTimeLoop();\n isSwitchingSegmentRef.current = false;\n\n if (shouldFinishAsUrl) {\n finishAudioItem(\"url-ended\");\n return;\n }\n\n handleSegmentEnded();\n }, [finishAudioItem, handleSegmentEnded, stopPlaybackTimeLoop]);\n\n const handleAudioError = useCallback(() => {\n stopPlaybackTimeLoop();\n syncPlaybackTime();\n setIsPlaying(false);\n updateLoading(false);\n }, [stopPlaybackTimeLoop, syncPlaybackTime, updateLoading]);\n const handleMobileViewModeChange = useCallback(\n (nextViewMode: MobileViewMode) => {\n onMobileViewModeChange?.(nextViewMode);\n setIsMobileMoreOpen(false);\n },\n [onMobileViewModeChange]\n );\n\n const togglePlayback = useCallback(() => {\n if (useAutoAdvanceToggle) {\n const nextAutoAdvanceEnabled = !isAutoAdvanceEnabled;\n\n updatePlaybackPreference(nextAutoAdvanceEnabled);\n onAutoAdvanceToggle?.(nextAutoAdvanceEnabled);\n return true;\n }\n\n const audioElement = audioRef.current;\n\n if (isPlaybackPaused || !audioElement || !currentAudio) {\n return false;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (isPlaying) {\n updatePlaybackPreference(false);\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n setIsPlaying(false);\n updateLoading(false);\n audioElement.pause();\n return true;\n }\n\n updatePlaybackPreference(true);\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n updateLoading(true, \"waitingForMoreAudio\");\n return true;\n }\n\n if (!audioElement.src && currentAudioSegments.length > 0) {\n updatePlaybackPreference(true);\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"toggle\"\n );\n return true;\n }\n\n if (audioElement.paused) {\n updatePlaybackPreference(true);\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"toggle-resume\");\n return true;\n }\n\n updatePlaybackPreference(false);\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n audioElement.pause();\n return true;\n }, [\n currentAudio,\n currentAudioSegments.length,\n isAutoAdvanceEnabled,\n isPlaybackPaused,\n isPlaying,\n onAutoAdvanceToggle,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n updateLoading,\n updatePlaybackPreference,\n useAutoAdvanceToggle,\n ]);\n\n useEffect(() => {\n if (!shouldEnableKeyboardShortcuts) {\n return;\n }\n\n return registerPlayerKeyboardShortcutOwner(keyboardShortcutOwnerId);\n }, [keyboardShortcutOwnerId, shouldEnableKeyboardShortcuts]);\n\n const keyboardShortcutHandlers = useMemo<\n Record<PlayerKeyboardShortcutAction, () => boolean>\n >(\n () => ({\n fullscreen: () => {\n if (!onFullscreen) {\n return false;\n }\n\n onFullscreen();\n return true;\n },\n interaction: () => {\n if (!onInteractionToggle) {\n return false;\n }\n\n if (hasInteraction) {\n onInteractionToggle();\n }\n\n return true;\n },\n next: () => {\n if (!onNext) {\n return false;\n }\n\n if (!nextDisabled) {\n onNext(getNavigationContext());\n }\n\n return true;\n },\n previous: () => {\n if (!onPrev) {\n return false;\n }\n\n if (!prevDisabled) {\n onPrev(getNavigationContext());\n }\n\n return true;\n },\n subtitle: () => {\n if (!onSubtitleToggle) {\n return false;\n }\n\n onSubtitleToggle();\n return true;\n },\n togglePlayback: () => {\n togglePlayback();\n return true;\n },\n }),\n [\n getNavigationContext,\n hasInteraction,\n nextDisabled,\n onFullscreen,\n onInteractionToggle,\n onNext,\n onPrev,\n onSubtitleToggle,\n prevDisabled,\n togglePlayback,\n ]\n );\n const keyboardShortcutHandlersRef = useRef(keyboardShortcutHandlers);\n\n useEffect(() => {\n keyboardShortcutHandlersRef.current = keyboardShortcutHandlers;\n }, [keyboardShortcutHandlers]);\n\n useEffect(() => {\n if (!shouldEnableKeyboardShortcuts || typeof document === \"undefined\") {\n return;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (!isActivePlayerKeyboardShortcutOwner(keyboardShortcutOwnerId)) {\n return;\n }\n\n const action = getPlayerKeyboardShortcutAction(event);\n\n if (!action || shouldIgnorePlayerKeyboardShortcutEvent(event, action)) {\n return;\n }\n\n let handled = false;\n const handler = keyboardShortcutHandlersRef.current[action];\n\n handled = handler();\n\n if (!handled) {\n return;\n }\n\n event.preventDefault();\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [keyboardShortcutOwnerId, shouldEnableKeyboardShortcuts]);\n\n useEffect(() => {\n onPlaybackTimeChange?.(playbackTimeMsRef.current);\n }, [onPlaybackTimeChange]);\n\n return (\n <div\n {...props}\n data-slide-player-shortcut-owner={keyboardShortcutOwnerId}\n className={cn(\"slide-player\", className)}\n onFocusCapture={handleRootFocusCapture}\n onPointerDown={handleRootPointerDown}\n >\n <audio\n ref={audioRef}\n preload=\"auto\"\n playsInline\n onLoadStart={handleAudioLoadStart}\n onLoadedMetadata={handleLoadedMetadata}\n onCanPlay={handleAudioCanPlay}\n onPlay={handleAudioPlay}\n onPause={handleAudioPause}\n onWaiting={handleAudioWaiting}\n onSeeking={handleAudioSeeking}\n onSeeked={handleAudioSeeking}\n onTimeUpdate={handleAudioTimeUpdate}\n onEnded={handleAudioEnded}\n onError={handleAudioError}\n />\n\n {showControls ? (\n <>\n <MobilePlayerSettingsSheet\n container={settingsPortalContainer}\n labels={{\n closeSettings: playerTexts.closeSettingsLabel,\n fullscreen: playerTexts.fullscreenLabel,\n nonFullscreen: playerTexts.nonFullscreenLabel,\n screen: playerTexts.screenLabel,\n screenMode: playerTexts.screenModeLabel,\n subtitle: playerTexts.subtitleLabel,\n subtitleToggle: playerTexts.subtitleToggleAriaLabel,\n title: playerTexts.settingsTitle,\n }}\n isSubtitleEnabled={isSubtitleEnabled}\n onClose={() => setIsMobileMoreOpen(false)}\n onOpenChange={setIsMobileMoreOpen}\n onSubtitleToggle={onSubtitleToggle ?? (() => {})}\n onViewModeChange={handleMobileViewModeChange}\n open={isMobileMoreOpen}\n viewMode={mobileViewMode}\n />\n\n <div className=\"slide-player__controls\" style={controlsStyle}>\n <div className=\"slide-player__group\">\n <button\n aria-expanded={isMobileMoreOpen}\n aria-haspopup=\"dialog\"\n aria-label={playerTexts.moreOptionsAriaLabel}\n className=\"slide-player__action slide-player__action--mobile-more\"\n onClick={() => {\n setIsMobileMoreOpen((prevOpen) => !prevOpen);\n }}\n type=\"button\"\n >\n <EllipsisVertical\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n <button\n aria-label={playerTexts.volumeAriaLabel}\n className=\"hidden\"\n type=\"button\"\n >\n <Volume2 className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={playerTexts.subtitleToggleAriaLabel}\n aria-keyshortcuts={subtitleShortcutMetadata.ariaKeyShortcuts}\n aria-pressed={isSubtitleEnabled}\n className=\"slide-player__action slide-player__action--subtitle\"\n onClick={onSubtitleToggle}\n title={subtitleShortcutMetadata.title}\n type=\"button\"\n >\n {isSubtitleEnabled ? (\n <Captions className=\"slide-player__icon\" strokeWidth={2.25} />\n ) : (\n <CaptionsOff\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n )}\n </button>\n <button\n aria-keyshortcuts={previousShortcutMetadata.ariaKeyShortcuts}\n aria-label={playerTexts.previousLabel}\n className=\"slide-player__action slide-player__action--prev\"\n disabled={prevDisabled}\n onClick={() => {\n onPrev?.(getNavigationContext());\n }}\n title={previousShortcutMetadata.title}\n type=\"button\"\n >\n <RotateCcw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={toggleAriaLabel}\n aria-keyshortcuts={playbackShortcutMetadata.ariaKeyShortcuts}\n className=\"slide-player__toggle slide-player__toggle--playback\"\n onClick={() => {\n togglePlayback();\n }}\n title={playbackShortcutMetadata.title}\n type=\"button\"\n >\n {isTogglePlaying ? <PauseIcon /> : <PlayIcon />}\n </button>\n <button\n aria-keyshortcuts={nextShortcutMetadata.ariaKeyShortcuts}\n aria-label={playerTexts.nextLabel}\n className=\"slide-player__action slide-player__action--next\"\n disabled={nextDisabled}\n onClick={() => {\n onNext?.(getNavigationContext());\n }}\n title={nextShortcutMetadata.title}\n type=\"button\"\n >\n <RotateCw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n {onFullscreen ? (\n <button\n aria-label={fullscreenAriaLabel}\n aria-keyshortcuts={\n fullscreenShortcutMetadata.ariaKeyShortcuts\n }\n className=\"slide-player__action slide-player__action--fullscreen\"\n onClick={onFullscreen}\n title={fullscreenShortcutMetadata.title}\n type=\"button\"\n >\n {isFullscreen ? (\n <ScanLine\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n ) : (\n <Maximize\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n )}\n </button>\n ) : null}\n </div>\n\n <div className=\"slide-player__separator\" />\n\n <div className=\"slide-player__group\">\n {customActionList.map((customAction, customActionIndex) => (\n <React.Fragment key={`custom-action-${customActionIndex}`}>\n {customAction}\n </React.Fragment>\n ))}\n <button\n aria-label={playerTexts.notesLabel}\n aria-keyshortcuts={notesShortcutMetadata.ariaKeyShortcuts}\n className={cn(\n \"slide-player__action slide-player__action--notes\",\n isInteractionOpen && \"slide-player__action--active\"\n )}\n disabled={!hasInteraction}\n onClick={onInteractionToggle}\n title={notesShortcutMetadata.title}\n type=\"button\"\n >\n <FilePenLine\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n </div>\n </div>\n </>\n ) : null}\n </div>\n );\n};\n\nconst MemoizedPlayer = memo(Player);\n\nMemoizedPlayer.displayName = \"Player\";\n\nexport default MemoizedPlayer;\n"],"names":["audioPreloadElementCache","preloadAudioUrl","url","audio","PauseIcon","jsxs","jsx","PlayIcon","PLAYER_SHORTCUT_LABELS","getShortcutTitle","label","shortcut","Player","audioList","className","currentAudioIndex","defaultPlaying","isPlaybackPaused","isAutoAdvanceEnabled","useAutoAdvanceToggle","onLoadingChange","onPlaybackPreferenceChange","onPlaybackStarted","onPlaybackTimeChange","onSubtitleToggle","onPrev","onNext","onFullscreen","isFullscreen","mobileViewMode","DEFAULT_MOBILE_VIEW_MODE","settingsPortalContainer","onMobileViewModeChange","onEnded","onAutoAdvanceToggle","onInteractionToggle","hasInteraction","isInteractionOpen","isSubtitleEnabled","prevDisabled","nextDisabled","showControls","enableKeyboardShortcuts","customActions","customActionContext","texts","onFocusCapture","onPointerDown","props","localKeyboardShortcutOwnerId","useId","keyboardShortcutContext","useContext","PlayerKeyboardShortcutContext","audioRef","useRef","previousInteractionOpenRef","audioSrcRef","currentAudioKeyRef","currentSegmentIndexRef","waitingSegmentIndexRef","currentAudioRef","currentAudioSegmentsRef","playbackPreferenceRef","wasPlayingBeforeExternalPauseRef","isLoadingRef","isPausedByUserRef","activeSourceTypeRef","preferredSourceTypeRef","isWaitingForSegmentRef","pendingAutoPlayRef","pendingSeekTimeRef","isSwitchingSegmentRef","playbackAnimationFrameRef","playbackTimeMsRef","playbackAccessModeRef","isPlaying","setIsPlaying","useState","isMobileMoreOpen","setIsMobileMoreOpen","keyboardShortcutOwnerId","shouldEnableKeyboardShortcuts","currentAudio","currentAudioUrl","currentAudioSegments","useMemo","prevSegment","nextSegment","customActionList","toPlayerCustomActionList","mobileVisibleActionCount","controlsStyle","playerTexts","DEFAULT_SLIDE_PLAYER_TEXTS","currentAudioKey","isTogglePlaying","toggleAriaLabel","fullscreenAriaLabel","getShortcutMetadata","useCallback","shortcutText","ariaKey","subtitleShortcutMetadata","previousShortcutMetadata","playbackShortcutMetadata","nextShortcutMetadata","fullscreenShortcutMetadata","notesShortcutMetadata","activateKeyboardShortcutOwner","activatePlayerKeyboardShortcutOwner","handleRootPointerDown","event","handleRootFocusCapture","useEffect","currentUrl","nextUrl","updateLoading","loading","reason","updatePlaybackPreference","playing","getNavigationContext","shouldKeepPlayingAfterNavigation","isAutoplayBlockedError","error","canStartPlaybackAutomatically","getSegmentSrc","audioData","getWaitingSegmentSeekTime","waitingSegmentIndex","totalDurationMs","segment","getSegmentStartTimeMs","segmentIndex","getCurrentPlaybackTimeMs","audioElement","publishPlaybackTime","timeMs","nextPlaybackTimeMs","syncPlaybackTime","stopPlaybackTimeLoop","startPlaybackTimeLoop","updateFrame","resetAudio","tryPlayCurrentAudio","_reason","playPromise","startSegmentPlayback","nextAudioSrc","shouldAutoResume","hasNewSrc","finishAudioItem","finishUrlAudioIfSeekedToEnd","hasReachedAudioEnd","handleSegmentEnded","nextSegmentIndex","segments","activeAudio","hasFinal","resolvedSourceType","resolveAudioPlaybackSourceType","nextSeekTime","handleAudioPlay","handleAudioPause","handleAudioCanPlay","handleLoadedMetadata","handleAudioTimeUpdate","handleAudioLoadStart","handleAudioWaiting","handleAudioSeeking","handleAudioEnded","shouldFinishAsUrl","handleAudioError","handleMobileViewModeChange","nextViewMode","togglePlayback","nextAutoAdvanceEnabled","registerPlayerKeyboardShortcutOwner","keyboardShortcutHandlers","keyboardShortcutHandlersRef","handleKeyDown","isActivePlayerKeyboardShortcutOwner","action","getPlayerKeyboardShortcutAction","shouldIgnorePlayerKeyboardShortcutEvent","handled","handler","cn","Fragment","MobilePlayerSettingsSheet","prevOpen","EllipsisVertical","Volume2","Captions","CaptionsOff","RotateCcw","RotateCw","ScanLine","Maximize","customAction","customActionIndex","React","FilePenLine","MemoizedPlayer","memo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Player.es.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\n memo,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n Captions,\n CaptionsOff,\n EllipsisVertical,\n FilePenLine,\n Maximize,\n RotateCcw,\n RotateCw,\n ScanLine,\n Volume2,\n} from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport MobilePlayerSettingsSheet from \"./MobilePlayerSettingsSheet\";\nimport { DEFAULT_SLIDE_PLAYER_TEXTS } from \"./constants\";\nimport type { SlideAudioItem } from \"./useSlide\";\nimport type {\n SlidePlayerCustomActionContext,\n SlidePlayerCustomActions,\n} from \"./types\";\nimport {\n DEFAULT_MOBILE_VIEW_MODE,\n type MobileViewMode,\n} from \"./utils/mobileScreenMode\";\nimport { hasReachedAudioEnd } from \"./utils/audioCompletion\";\nimport { PlayerKeyboardShortcutContext } from \"./utils/playerKeyboardShortcutContext\";\nimport {\n activatePlayerKeyboardShortcutOwner,\n getPlayerKeyboardShortcutAction,\n isActivePlayerKeyboardShortcutOwner,\n registerPlayerKeyboardShortcutOwner,\n shouldIgnorePlayerKeyboardShortcutEvent,\n type PlayerKeyboardShortcutAction,\n} from \"./utils/playerKeyboardShortcuts\";\nimport {\n resolveAudioPlaybackSourceType,\n type AudioPlaybackSourceType,\n} from \"./utils/playbackSource\";\nimport { shouldKeepPlayingAfterNavigation } from \"./utils/playbackPreference\";\nimport { toPlayerCustomActionList } from \"./utils/playerCustomActions\";\nimport { suppressPlayerControlsWakeAfterNavigation } from \"./utils/playerNavigationContext\";\nimport \"./player.css\";\n\nconst audioPreloadElementCache = new Map<string, HTMLAudioElement>();\n\n/**\n * Labels and accessibility text used by the slide player controls.\n *\n * Missing fields fall back to `DEFAULT_SLIDE_PLAYER_TEXTS`; pass a `texts`\n * object when a consumer needs localized control labels or tooltip text.\n *\n * @example\n * ```tsx\n * <Player texts={{ playLabel: \"播放\", nextLabel: \"下一步\" }} />\n * ```\n */\nexport interface SlidePlayerTexts {\n closeSettingsLabel?: string;\n enterFullscreenLabel?: string;\n exitFullscreenLabel?: string;\n moreOptionsAriaLabel?: string;\n nextLabel?: string;\n notesLabel?: string;\n pauseAutoplayLabel?: string;\n pauseLabel?: string;\n playAutoplayLabel?: string;\n playLabel?: string;\n previousLabel?: string;\n screenModeLabel?: string;\n settingsTitle?: string;\n subtitleLabel?: string;\n subtitleToggleAriaLabel?: string;\n volumeAriaLabel?: string;\n screenLabel?: string;\n nonFullscreenLabel?: string;\n fullscreenLabel?: string;\n fullscreenHintText?: string;\n}\n\nexport type SlidePlayerLoadingReason = \"loadingAudio\" | \"waitingForMoreAudio\";\n\nexport interface SlidePlayerNavigationContext {\n shouldContinuePlayback: boolean;\n /** Set false when navigation should not reveal hidden player controls. */\n shouldWakeControls?: boolean;\n}\n\nconst preloadAudioUrl = (url?: string) => {\n if (typeof window === \"undefined\" || !url) {\n return;\n }\n\n if (audioPreloadElementCache.has(url)) {\n return;\n }\n\n // Use a detached audio element so warm-up follows the same media loading\n // path as the visible player instead of relying on link preload hints.\n const audio = window.document.createElement(\"audio\");\n audio.preload = \"auto\";\n audio.setAttribute(\"playsinline\", \"true\");\n audio.src = url;\n audio.load();\n\n audioPreloadElementCache.set(url, audio);\n};\n\nexport type PlayerProps = Omit<React.ComponentProps<\"div\">, \"onEnded\"> & {\n audioList?: SlideAudioItem[];\n currentAudioIndex?: number;\n defaultPlaying?: boolean;\n isPlaybackPaused?: boolean;\n isAutoAdvanceEnabled?: boolean;\n useAutoAdvanceToggle?: boolean;\n onLoadingChange?: (state: {\n loading: boolean;\n reason: SlidePlayerLoadingReason | null;\n }) => void;\n onPlaybackPreferenceChange?: (playing: boolean) => void;\n onPlaybackStarted?: () => void;\n onPlaybackTimeChange?: (timeMs: number) => void;\n onSubtitleToggle?: () => void;\n onPrev?: (context: SlidePlayerNavigationContext) => void;\n onNext?: (context: SlidePlayerNavigationContext) => void;\n onFullscreen?: () => void;\n isFullscreen?: boolean;\n mobileViewMode?: MobileViewMode;\n settingsPortalContainer?: HTMLElement | null;\n onMobileViewModeChange?: (viewMode: MobileViewMode) => void;\n onEnded?: (audioIndex: number) => void;\n onAutoAdvanceToggle?: (enabled: boolean) => void;\n onInteractionToggle?: () => void;\n hasInteraction?: boolean;\n isInteractionOpen?: boolean;\n isSubtitleEnabled?: boolean;\n prevDisabled?: boolean;\n nextDisabled?: boolean;\n showControls?: boolean;\n /**\n * Enables document-level keyboard shortcuts for existing player actions.\n *\n * Defaults to `true`. Set to `false` when the page should not advertise or\n * handle player shortcuts for this standalone player instance.\n *\n * @example\n * ```tsx\n * <Player enableKeyboardShortcuts={false} />\n * ```\n */\n enableKeyboardShortcuts?: boolean;\n customActions?: SlidePlayerCustomActions;\n customActionContext?: SlidePlayerCustomActionContext;\n texts?: SlidePlayerTexts;\n};\n\nconst PauseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M12 10H16V24H12V10ZM18 10H22V24H18V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst PlayIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst PLAYER_SHORTCUT_LABELS = {\n fullscreen: \"F\",\n next: \"→\",\n notes: \"N\",\n playback: \"Space\",\n previous: \"←\",\n subtitle: \"C\",\n} as const;\n\nconst getShortcutTitle = (label: string | undefined, shortcut: string) =>\n label ? `${label} (${shortcut})` : shortcut;\n\nconst Player = ({\n audioList = [],\n className,\n currentAudioIndex = -1,\n defaultPlaying = true,\n isPlaybackPaused = false,\n isAutoAdvanceEnabled = true,\n useAutoAdvanceToggle = false,\n onLoadingChange,\n onPlaybackPreferenceChange,\n onPlaybackStarted,\n onPlaybackTimeChange,\n onSubtitleToggle,\n onPrev,\n onNext,\n onFullscreen,\n isFullscreen = false,\n mobileViewMode = DEFAULT_MOBILE_VIEW_MODE,\n settingsPortalContainer,\n onMobileViewModeChange,\n onEnded,\n onAutoAdvanceToggle,\n onInteractionToggle,\n hasInteraction = false,\n isInteractionOpen = false,\n isSubtitleEnabled = true,\n prevDisabled = false,\n nextDisabled = false,\n showControls = true,\n enableKeyboardShortcuts = true,\n customActions,\n customActionContext,\n texts,\n onFocusCapture,\n onPointerDown,\n ...props\n}: PlayerProps) => {\n const localKeyboardShortcutOwnerId = useId();\n const keyboardShortcutContext = useContext(PlayerKeyboardShortcutContext);\n const audioRef = useRef<HTMLAudioElement | null>(null);\n const previousInteractionOpenRef = useRef(isInteractionOpen);\n const audioSrcRef = useRef<string | null>(null);\n const currentAudioKeyRef = useRef<string | null>(null);\n const currentSegmentIndexRef = useRef(0);\n const waitingSegmentIndexRef = useRef<number | null>(null);\n const currentAudioRef = useRef<SlideAudioItem | undefined>(undefined);\n const currentAudioSegmentsRef = useRef<\n NonNullable<SlideAudioItem[\"audioSegments\"]>\n >([]);\n const playbackPreferenceRef = useRef(\n useAutoAdvanceToggle ? isAutoAdvanceEnabled : defaultPlaying\n );\n const wasPlayingBeforeExternalPauseRef = useRef(false);\n const isLoadingRef = useRef(false);\n const isPausedByUserRef = useRef(false);\n const activeSourceTypeRef = useRef<\"url\" | \"segment\" | null>(null);\n const preferredSourceTypeRef = useRef<AudioPlaybackSourceType | null>(null);\n const isWaitingForSegmentRef = useRef(false);\n const pendingAutoPlayRef = useRef(false);\n const pendingSeekTimeRef = useRef<number | null>(null);\n const isSwitchingSegmentRef = useRef(false);\n const playbackAnimationFrameRef = useRef<number | null>(null);\n const playbackTimeMsRef = useRef(0);\n const playbackAccessModeRef = useRef<\n \"unknown\" | \"auto\" | \"manual\" | \"blocked\"\n >(\"unknown\");\n const [isPlaying, setIsPlaying] = useState(defaultPlaying);\n const [isMobileMoreOpen, setIsMobileMoreOpen] = useState(false);\n const keyboardShortcutOwnerId =\n keyboardShortcutContext?.ownerId ?? localKeyboardShortcutOwnerId;\n const shouldEnableKeyboardShortcuts =\n enableKeyboardShortcuts && (keyboardShortcutContext?.enabled ?? true);\n const currentAudio =\n currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined;\n const currentAudioUrl = currentAudio?.audioUrl;\n const currentAudioSegments = useMemo(\n () =>\n [...(currentAudio?.audioSegments ?? [])].sort(\n (prevSegment, nextSegment) =>\n prevSegment.segment_index - nextSegment.segment_index\n ),\n [currentAudio?.audioSegments]\n );\n const customActionList = useMemo(\n () => toPlayerCustomActionList(customActions, customActionContext),\n [customActionContext, customActions]\n );\n const mobileVisibleActionCount = customActionList.length + 5;\n const controlsStyle = useMemo(\n () =>\n ({\n \"--slide-player-mobile-control-count\": String(mobileVisibleActionCount),\n }) as React.CSSProperties,\n [mobileVisibleActionCount]\n );\n const playerTexts = useMemo(\n () => ({\n ...DEFAULT_SLIDE_PLAYER_TEXTS,\n ...texts,\n }),\n [texts]\n );\n const currentAudioKey = useMemo(() => {\n if (!currentAudio) {\n return \"none\";\n }\n\n return (\n currentAudio.audioKey ??\n `${String(currentAudio.sequenceNumber ?? \"none\")}:${String(currentAudio.audioUrl ?? \"\")}`\n );\n }, [currentAudio]);\n const isTogglePlaying = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n : isPlaying;\n const toggleAriaLabel = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n ? playerTexts.pauseAutoplayLabel\n : playerTexts.playAutoplayLabel\n : isPlaying\n ? playerTexts.pauseLabel\n : playerTexts.playLabel;\n const fullscreenAriaLabel = isFullscreen\n ? playerTexts.exitFullscreenLabel\n : playerTexts.enterFullscreenLabel;\n const getShortcutMetadata = useCallback(\n (label: string | undefined, shortcutText: string, ariaKey: string) => ({\n ariaKeyShortcuts: shouldEnableKeyboardShortcuts ? ariaKey : undefined,\n title: shouldEnableKeyboardShortcuts\n ? getShortcutTitle(label, shortcutText)\n : label,\n }),\n [shouldEnableKeyboardShortcuts]\n );\n const subtitleShortcutMetadata = getShortcutMetadata(\n playerTexts.subtitleToggleAriaLabel,\n PLAYER_SHORTCUT_LABELS.subtitle,\n \"c\"\n );\n const previousShortcutMetadata = getShortcutMetadata(\n playerTexts.previousLabel,\n PLAYER_SHORTCUT_LABELS.previous,\n \"ArrowLeft\"\n );\n const playbackShortcutMetadata = getShortcutMetadata(\n toggleAriaLabel,\n PLAYER_SHORTCUT_LABELS.playback,\n \"Space\"\n );\n const nextShortcutMetadata = getShortcutMetadata(\n playerTexts.nextLabel,\n PLAYER_SHORTCUT_LABELS.next,\n \"ArrowRight\"\n );\n const fullscreenShortcutMetadata = getShortcutMetadata(\n fullscreenAriaLabel,\n PLAYER_SHORTCUT_LABELS.fullscreen,\n \"f\"\n );\n const notesShortcutMetadata = getShortcutMetadata(\n playerTexts.notesLabel,\n PLAYER_SHORTCUT_LABELS.notes,\n \"n\"\n );\n const activateKeyboardShortcutOwner = useCallback(() => {\n if (!shouldEnableKeyboardShortcuts) {\n return;\n }\n\n activatePlayerKeyboardShortcutOwner(keyboardShortcutOwnerId);\n }, [keyboardShortcutOwnerId, shouldEnableKeyboardShortcuts]);\n\n const handleRootPointerDown = useCallback(\n (event: React.PointerEvent<HTMLDivElement>) => {\n activateKeyboardShortcutOwner();\n onPointerDown?.(event);\n },\n [activateKeyboardShortcutOwner, onPointerDown]\n );\n\n const handleRootFocusCapture = useCallback(\n (event: React.FocusEvent<HTMLDivElement>) => {\n activateKeyboardShortcutOwner();\n onFocusCapture?.(event);\n },\n [activateKeyboardShortcutOwner, onFocusCapture]\n );\n\n useEffect(() => {\n currentAudioRef.current = currentAudio;\n }, [currentAudio]);\n\n useEffect(() => {\n playbackPreferenceRef.current = useAutoAdvanceToggle\n ? isAutoAdvanceEnabled\n : defaultPlaying;\n }, [defaultPlaying, isAutoAdvanceEnabled, useAutoAdvanceToggle]);\n\n useEffect(() => {\n if (showControls) {\n return;\n }\n\n setIsMobileMoreOpen(false);\n }, [showControls]);\n\n useEffect(() => {\n if (!previousInteractionOpenRef.current && isInteractionOpen) {\n setIsMobileMoreOpen(false);\n }\n\n previousInteractionOpenRef.current = isInteractionOpen;\n }, [isInteractionOpen]);\n\n useEffect(() => {\n currentAudioSegmentsRef.current = currentAudioSegments;\n }, [currentAudioSegments]);\n\n useEffect(() => {\n const currentUrl = currentAudio?.audioUrl;\n const nextUrl =\n currentAudioIndex >= 0\n ? audioList[currentAudioIndex + 1]?.audioUrl\n : undefined;\n\n preloadAudioUrl(currentUrl);\n preloadAudioUrl(nextUrl);\n }, [audioList, currentAudio?.audioUrl, currentAudioIndex]);\n\n const updateLoading = useCallback(\n (loading: boolean, reason: SlidePlayerLoadingReason | null = null) => {\n if (isLoadingRef.current === loading && (!loading || reason === null)) {\n return;\n }\n\n isLoadingRef.current = loading;\n onLoadingChange?.({\n loading,\n reason: loading ? reason : null,\n });\n },\n [onLoadingChange]\n );\n\n const updatePlaybackPreference = useCallback(\n (playing: boolean) => {\n playbackPreferenceRef.current = playing;\n onPlaybackPreferenceChange?.(playing);\n },\n [onPlaybackPreferenceChange]\n );\n\n const getNavigationContext = useCallback((): SlidePlayerNavigationContext => {\n if (useAutoAdvanceToggle) {\n return {\n shouldContinuePlayback: playbackPreferenceRef.current,\n };\n }\n\n return {\n shouldContinuePlayback: shouldKeepPlayingAfterNavigation({\n defaultPlaying: playbackPreferenceRef.current,\n isPausedByUser: isPausedByUserRef.current,\n }),\n };\n }, [useAutoAdvanceToggle]);\n\n const isAutoplayBlockedError = useCallback((error: unknown) => {\n if (!(error instanceof DOMException)) {\n return false;\n }\n\n return error.name === \"NotAllowedError\" || error.name === \"SecurityError\";\n }, []);\n\n const canStartPlaybackAutomatically = useCallback(() => {\n return (\n defaultPlaying &&\n !isPlaybackPaused &&\n !isPausedByUserRef.current &&\n playbackAccessModeRef.current !== \"blocked\"\n );\n }, [defaultPlaying, isPlaybackPaused]);\n\n const getSegmentSrc = useCallback((audioData: string) => {\n if (!audioData) {\n return \"\";\n }\n\n if (audioData.startsWith(\"data:\")) {\n return audioData;\n }\n\n return `data:audio/mpeg;base64,${audioData}`;\n }, []);\n\n const getWaitingSegmentSeekTime = useCallback(() => {\n const waitingSegmentIndex = waitingSegmentIndexRef.current;\n\n if (waitingSegmentIndex == null || waitingSegmentIndex <= 0) {\n return 0;\n }\n\n return (\n currentAudioSegmentsRef.current\n .slice(0, waitingSegmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n ) / 1000\n );\n }, []);\n\n const getSegmentStartTimeMs = useCallback((segmentIndex: number) => {\n if (segmentIndex <= 0) {\n return 0;\n }\n\n return currentAudioSegmentsRef.current\n .slice(0, segmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n );\n }, []);\n\n const getCurrentPlaybackTimeMs = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return waitingSegmentIndexRef.current != null\n ? getSegmentStartTimeMs(waitingSegmentIndexRef.current)\n : 0;\n }\n\n if (activeSourceTypeRef.current === \"segment\") {\n return (\n getSegmentStartTimeMs(currentSegmentIndexRef.current) +\n Math.max(audioElement.currentTime, 0) * 1000\n );\n }\n\n if (pendingSeekTimeRef.current !== null && audioElement.readyState === 0) {\n return pendingSeekTimeRef.current * 1000;\n }\n\n return Math.max(audioElement.currentTime, 0) * 1000;\n }, [getSegmentStartTimeMs]);\n\n const publishPlaybackTime = useCallback(\n (timeMs: number) => {\n const nextPlaybackTimeMs = Math.max(timeMs, 0);\n\n if (playbackTimeMsRef.current === nextPlaybackTimeMs) {\n return;\n }\n\n playbackTimeMsRef.current = nextPlaybackTimeMs;\n onPlaybackTimeChange?.(nextPlaybackTimeMs);\n },\n [onPlaybackTimeChange]\n );\n\n const syncPlaybackTime = useCallback(() => {\n publishPlaybackTime(getCurrentPlaybackTimeMs());\n }, [getCurrentPlaybackTimeMs, publishPlaybackTime]);\n\n const stopPlaybackTimeLoop = useCallback(() => {\n if (\n typeof window === \"undefined\" ||\n playbackAnimationFrameRef.current === null\n ) {\n return;\n }\n\n window.cancelAnimationFrame(playbackAnimationFrameRef.current);\n playbackAnimationFrameRef.current = null;\n }, []);\n\n const startPlaybackTimeLoop = useCallback(() => {\n if (\n typeof window === \"undefined\" ||\n playbackAnimationFrameRef.current !== null\n ) {\n return;\n }\n\n const updateFrame = () => {\n syncPlaybackTime();\n\n const audioElement = audioRef.current;\n\n if (!audioElement || audioElement.paused || audioElement.ended) {\n playbackAnimationFrameRef.current = null;\n return;\n }\n\n playbackAnimationFrameRef.current =\n window.requestAnimationFrame(updateFrame);\n };\n\n playbackAnimationFrameRef.current =\n window.requestAnimationFrame(updateFrame);\n }, [syncPlaybackTime]);\n\n const resetAudio = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n stopPlaybackTimeLoop();\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = false;\n wasPlayingBeforeExternalPauseRef.current = false;\n activeSourceTypeRef.current = null;\n pendingSeekTimeRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n preferredSourceTypeRef.current = null;\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = null;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n publishPlaybackTime(0);\n setIsPlaying(false);\n updateLoading(false);\n }, [publishPlaybackTime, stopPlaybackTimeLoop, updateLoading]);\n\n const tryPlayCurrentAudio = useCallback(\n (_reason: string) => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return false;\n }\n\n const playPromise = audioElement.play();\n\n if (playPromise && typeof playPromise.then === \"function\") {\n void playPromise\n .then(() => {\n if (playbackAccessModeRef.current === \"unknown\") {\n playbackAccessModeRef.current = \"auto\";\n }\n\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n })\n .catch((error: unknown) => {\n if (\n playbackAccessModeRef.current === \"unknown\" &&\n isAutoplayBlockedError(error)\n ) {\n // Lock autoplay after the first browser rejection.\n playbackAccessModeRef.current = \"blocked\";\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n }\n\n isSwitchingSegmentRef.current = false;\n setIsPlaying(false);\n });\n }\n\n return true;\n },\n [isAutoplayBlockedError, updateLoading]\n );\n\n const startSegmentPlayback = useCallback(\n (segmentIndex: number, _reason: string) => {\n const audioElement = audioRef.current;\n const segment = currentAudioSegmentsRef.current[segmentIndex];\n\n if (!audioElement || !segment) {\n return false;\n }\n\n const nextAudioSrc = getSegmentSrc(segment.audio_data);\n\n currentSegmentIndexRef.current = segmentIndex;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = true;\n preferredSourceTypeRef.current = \"segment\";\n publishPlaybackTime(getSegmentStartTimeMs(segmentIndex));\n const shouldAutoResume = canStartPlaybackAutomatically();\n\n pendingAutoPlayRef.current = shouldAutoResume;\n updateLoading(false);\n\n const hasNewSrc = audioSrcRef.current !== nextAudioSrc;\n\n activeSourceTypeRef.current = \"segment\";\n\n if (hasNewSrc) {\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = nextAudioSrc;\n audioElement.src = nextAudioSrc;\n audioElement.load();\n }\n\n pendingSeekTimeRef.current = 0;\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = 0;\n pendingSeekTimeRef.current = null;\n }\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return true;\n }\n\n return tryPlayCurrentAudio(`start-segment:${_reason}`);\n },\n [\n canStartPlaybackAutomatically,\n getSegmentSrc,\n getSegmentStartTimeMs,\n publishPlaybackTime,\n tryPlayCurrentAudio,\n updateLoading,\n ]\n );\n\n const finishAudioItem = useCallback(\n (_reason?: string) => {\n stopPlaybackTimeLoop();\n pendingAutoPlayRef.current = false;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n syncPlaybackTime();\n setIsPlaying(false);\n updateLoading(false);\n\n if (currentAudioIndex >= 0) {\n onEnded?.(currentAudioIndex);\n }\n },\n [\n currentAudioIndex,\n onEnded,\n stopPlaybackTimeLoop,\n syncPlaybackTime,\n updateLoading,\n ]\n );\n\n const finishUrlAudioIfSeekedToEnd = useCallback(\n (_reason: string) => {\n const audioElement = audioRef.current;\n\n if (!audioElement || activeSourceTypeRef.current !== \"url\") {\n return false;\n }\n\n if (\n !hasReachedAudioEnd({\n currentTimeSeconds: Math.max(audioElement.currentTime, 0),\n durationSeconds: audioElement.duration,\n })\n ) {\n return false;\n }\n\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n finishAudioItem(_reason);\n return true;\n },\n [finishAudioItem]\n );\n\n const handleSegmentEnded = useCallback(() => {\n const nextSegmentIndex = currentSegmentIndexRef.current + 1;\n const segments = currentAudioSegmentsRef.current;\n const nextSegment = segments[nextSegmentIndex];\n const activeAudio = currentAudioRef.current;\n const hasFinal = segments.some((segment) => segment.is_final);\n\n if (nextSegment) {\n startSegmentPlayback(nextSegmentIndex, \"ended\");\n return;\n }\n\n if (activeAudio?.isAudioStreaming || !hasFinal) {\n currentSegmentIndexRef.current = nextSegmentIndex;\n waitingSegmentIndexRef.current = nextSegmentIndex;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = defaultPlaying;\n publishPlaybackTime(getSegmentStartTimeMs(nextSegmentIndex));\n setIsPlaying(false);\n updateLoading(true, \"waitingForMoreAudio\");\n\n return;\n }\n\n finishAudioItem(\"segments-completed\");\n }, [\n defaultPlaying,\n finishAudioItem,\n getSegmentStartTimeMs,\n publishPlaybackTime,\n startSegmentPlayback,\n updateLoading,\n ]);\n\n useEffect(() => {\n if (currentAudioKeyRef.current === currentAudioKey) {\n return;\n }\n\n currentAudioKeyRef.current = currentAudioKey;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isPausedByUserRef.current = false;\n wasPlayingBeforeExternalPauseRef.current = false;\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n activeSourceTypeRef.current = null;\n preferredSourceTypeRef.current = null;\n audioSrcRef.current = null;\n stopPlaybackTimeLoop();\n publishPlaybackTime(0);\n updateLoading(false);\n\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n setIsPlaying(false);\n }, [\n currentAudioIndex,\n currentAudioKey,\n currentAudioSegments.length,\n currentAudioUrl,\n publishPlaybackTime,\n stopPlaybackTimeLoop,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (isPlaybackPaused) {\n wasPlayingBeforeExternalPauseRef.current = Boolean(\n currentAudioRef.current &&\n !isPausedByUserRef.current &&\n (!audioElement.paused ||\n pendingAutoPlayRef.current ||\n waitingSegmentIndexRef.current !== null)\n );\n\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (\n !wasPlayingBeforeExternalPauseRef.current ||\n !currentAudioRef.current ||\n isPausedByUserRef.current\n ) {\n return;\n }\n\n wasPlayingBeforeExternalPauseRef.current = false;\n\n if (waitingSegmentIndexRef.current !== null) {\n if (\n waitingSegmentIndexRef.current < currentAudioSegmentsRef.current.length\n ) {\n startSegmentPlayback(waitingSegmentIndexRef.current, \"external-resume\");\n return;\n }\n\n pendingAutoPlayRef.current = true;\n updateLoading(true, \"waitingForMoreAudio\");\n return;\n }\n\n if (!audioSrcRef.current && currentAudioSegmentsRef.current.length > 0) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegmentsRef.current.length - 1\n ),\n \"external-resume-init\"\n );\n return;\n }\n\n if (!audioElement.paused) {\n return;\n }\n\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"external-resume\");\n }, [\n isPlaybackPaused,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (!currentAudio) {\n resetAudio();\n return;\n }\n\n if (isPlaybackPaused) {\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n const resolvedSourceType = resolveAudioPlaybackSourceType({\n activeSourceType: activeSourceTypeRef.current,\n hasAudioUrl: Boolean(currentAudioUrl),\n segmentCount: currentAudioSegments.length,\n preferredSourceType: preferredSourceTypeRef.current,\n waitingSegmentIndex: waitingSegmentIndexRef.current,\n });\n\n if (\n resolvedSourceType &&\n preferredSourceTypeRef.current !== resolvedSourceType\n ) {\n preferredSourceTypeRef.current = resolvedSourceType;\n }\n\n if (resolvedSourceType === \"url\" && currentAudioUrl) {\n const hasNewSrc = audioSrcRef.current !== currentAudioUrl;\n const shouldAutoResume = canStartPlaybackAutomatically();\n\n if (hasNewSrc) {\n const nextSeekTime =\n waitingSegmentIndexRef.current !== null\n ? getWaitingSegmentSeekTime()\n : 0;\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = currentAudioUrl;\n activeSourceTypeRef.current = \"url\";\n audioElement.src = currentAudioUrl;\n audioElement.load();\n pendingSeekTimeRef.current = nextSeekTime;\n publishPlaybackTime(nextSeekTime * 1000);\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = nextSeekTime;\n pendingSeekTimeRef.current = null;\n }\n }\n\n pendingAutoPlayRef.current = shouldAutoResume;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n updateLoading(false);\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n tryPlayCurrentAudio(hasNewSrc ? \"sync-url-init\" : \"sync-url\");\n return;\n }\n\n if (\n resolvedSourceType === \"segment\" &&\n waitingSegmentIndexRef.current !== null\n ) {\n if (waitingSegmentIndexRef.current < currentAudioSegments.length) {\n if (isPausedByUserRef.current) {\n setIsPlaying(false);\n updateLoading(false);\n return;\n }\n\n startSegmentPlayback(waitingSegmentIndexRef.current, \"wait-resume\");\n return;\n }\n\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n if (resolvedSourceType === \"segment\" && !currentAudioSegments.length) {\n if (currentAudio.isAudioStreaming) {\n waitingSegmentIndexRef.current = currentSegmentIndexRef.current;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n resetAudio();\n return;\n }\n\n if (resolvedSourceType === \"segment\" && !audioSrcRef.current) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"effect-init\"\n );\n return;\n }\n\n if (resolvedSourceType !== \"segment\") {\n resetAudio();\n return;\n }\n\n if (!defaultPlaying || isPausedByUserRef.current) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"sync-paused-retry\");\n }\n }, [\n currentAudio,\n currentAudioIndex,\n currentAudioSegments,\n currentAudioUrl,\n defaultPlaying,\n isPlaybackPaused,\n canStartPlaybackAutomatically,\n publishPlaybackTime,\n resetAudio,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n getWaitingSegmentSeekTime,\n updateLoading,\n ]);\n\n useEffect(() => resetAudio, [resetAudio]);\n\n useEffect(() => stopPlaybackTimeLoop, [stopPlaybackTimeLoop]);\n\n const handleAudioPlay = useCallback(() => {\n syncPlaybackTime();\n startPlaybackTimeLoop();\n setIsPlaying(true);\n updateLoading(false);\n onPlaybackStarted?.();\n }, [\n onPlaybackStarted,\n startPlaybackTimeLoop,\n syncPlaybackTime,\n updateLoading,\n ]);\n\n const handleAudioPause = useCallback(() => {\n if (isWaitingForSegmentRef.current || isSwitchingSegmentRef.current) {\n return;\n }\n\n stopPlaybackTimeLoop();\n syncPlaybackTime();\n setIsPlaying(false);\n }, [currentAudioIndex, stopPlaybackTimeLoop, syncPlaybackTime]);\n\n const handleAudioCanPlay = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n syncPlaybackTime();\n\n if (finishUrlAudioIfSeekedToEnd(\"canplay-seek-finished\")) {\n return;\n }\n\n if (!pendingAutoPlayRef.current || !defaultPlaying) {\n return;\n }\n\n tryPlayCurrentAudio(\"canplay\");\n }, [\n currentAudioIndex,\n defaultPlaying,\n finishUrlAudioIfSeekedToEnd,\n syncPlaybackTime,\n tryPlayCurrentAudio,\n ]);\n\n const handleLoadedMetadata = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n syncPlaybackTime();\n\n finishUrlAudioIfSeekedToEnd(\"metadata-seek-finished\");\n }, [currentAudioIndex, finishUrlAudioIfSeekedToEnd, syncPlaybackTime]);\n\n const handleAudioTimeUpdate = useCallback(() => {\n syncPlaybackTime();\n }, [syncPlaybackTime]);\n\n const handleAudioLoadStart = useCallback(() => {\n if (isWaitingForSegmentRef.current) {\n return;\n }\n\n updateLoading(true, \"loadingAudio\");\n }, [updateLoading]);\n\n const handleAudioWaiting = useCallback(() => {\n if (isWaitingForSegmentRef.current) {\n updateLoading(true, \"waitingForMoreAudio\");\n return;\n }\n\n updateLoading(true, \"loadingAudio\");\n }, [updateLoading]);\n\n const handleAudioSeeking = useCallback(() => {\n syncPlaybackTime();\n }, [syncPlaybackTime]);\n\n const handleAudioEnded = useCallback(() => {\n const shouldFinishAsUrl =\n activeSourceTypeRef.current === \"url\" ||\n currentAudioSegmentsRef.current.length === 0;\n\n stopPlaybackTimeLoop();\n isSwitchingSegmentRef.current = false;\n\n if (shouldFinishAsUrl) {\n finishAudioItem(\"url-ended\");\n return;\n }\n\n handleSegmentEnded();\n }, [finishAudioItem, handleSegmentEnded, stopPlaybackTimeLoop]);\n\n const handleAudioError = useCallback(() => {\n stopPlaybackTimeLoop();\n syncPlaybackTime();\n setIsPlaying(false);\n updateLoading(false);\n }, [stopPlaybackTimeLoop, syncPlaybackTime, updateLoading]);\n const handleMobileViewModeChange = useCallback(\n (nextViewMode: MobileViewMode) => {\n onMobileViewModeChange?.(nextViewMode);\n setIsMobileMoreOpen(false);\n },\n [onMobileViewModeChange]\n );\n\n const togglePlayback = useCallback(() => {\n if (useAutoAdvanceToggle) {\n const nextAutoAdvanceEnabled = !isAutoAdvanceEnabled;\n\n updatePlaybackPreference(nextAutoAdvanceEnabled);\n onAutoAdvanceToggle?.(nextAutoAdvanceEnabled);\n return true;\n }\n\n const audioElement = audioRef.current;\n\n if (isPlaybackPaused || !audioElement || !currentAudio) {\n return false;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (isPlaying) {\n updatePlaybackPreference(false);\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n setIsPlaying(false);\n updateLoading(false);\n audioElement.pause();\n return true;\n }\n\n updatePlaybackPreference(true);\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n updateLoading(true, \"waitingForMoreAudio\");\n return true;\n }\n\n if (!audioElement.src && currentAudioSegments.length > 0) {\n updatePlaybackPreference(true);\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"toggle\"\n );\n return true;\n }\n\n if (audioElement.paused) {\n updatePlaybackPreference(true);\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"toggle-resume\");\n return true;\n }\n\n updatePlaybackPreference(false);\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n audioElement.pause();\n return true;\n }, [\n currentAudio,\n currentAudioSegments.length,\n isAutoAdvanceEnabled,\n isPlaybackPaused,\n isPlaying,\n onAutoAdvanceToggle,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n updateLoading,\n updatePlaybackPreference,\n useAutoAdvanceToggle,\n ]);\n\n useEffect(() => {\n if (!shouldEnableKeyboardShortcuts) {\n return;\n }\n\n return registerPlayerKeyboardShortcutOwner(keyboardShortcutOwnerId);\n }, [keyboardShortcutOwnerId, shouldEnableKeyboardShortcuts]);\n\n const keyboardShortcutHandlers = useMemo<\n Record<PlayerKeyboardShortcutAction, () => boolean>\n >(\n () => ({\n fullscreen: () => {\n if (!onFullscreen) {\n return false;\n }\n\n onFullscreen();\n return true;\n },\n interaction: () => {\n if (!onInteractionToggle) {\n return false;\n }\n\n if (hasInteraction) {\n onInteractionToggle();\n }\n\n return true;\n },\n next: () => {\n if (!onNext) {\n return false;\n }\n\n if (!nextDisabled) {\n onNext(\n suppressPlayerControlsWakeAfterNavigation(getNavigationContext())\n );\n }\n\n return true;\n },\n previous: () => {\n if (!onPrev) {\n return false;\n }\n\n if (!prevDisabled) {\n onPrev(\n suppressPlayerControlsWakeAfterNavigation(getNavigationContext())\n );\n }\n\n return true;\n },\n subtitle: () => {\n if (!onSubtitleToggle) {\n return false;\n }\n\n onSubtitleToggle();\n return true;\n },\n togglePlayback: () => {\n togglePlayback();\n return true;\n },\n }),\n [\n getNavigationContext,\n hasInteraction,\n nextDisabled,\n onFullscreen,\n onInteractionToggle,\n onNext,\n onPrev,\n onSubtitleToggle,\n prevDisabled,\n togglePlayback,\n ]\n );\n const keyboardShortcutHandlersRef = useRef(keyboardShortcutHandlers);\n\n useEffect(() => {\n keyboardShortcutHandlersRef.current = keyboardShortcutHandlers;\n }, [keyboardShortcutHandlers]);\n\n useEffect(() => {\n if (!shouldEnableKeyboardShortcuts || typeof document === \"undefined\") {\n return;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (!isActivePlayerKeyboardShortcutOwner(keyboardShortcutOwnerId)) {\n return;\n }\n\n const action = getPlayerKeyboardShortcutAction(event);\n\n if (!action || shouldIgnorePlayerKeyboardShortcutEvent(event, action)) {\n return;\n }\n\n let handled = false;\n const handler = keyboardShortcutHandlersRef.current[action];\n\n handled = handler();\n\n if (!handled) {\n return;\n }\n\n event.preventDefault();\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [keyboardShortcutOwnerId, shouldEnableKeyboardShortcuts]);\n\n useEffect(() => {\n onPlaybackTimeChange?.(playbackTimeMsRef.current);\n }, [onPlaybackTimeChange]);\n\n return (\n <div\n {...props}\n data-slide-player-shortcut-owner={keyboardShortcutOwnerId}\n className={cn(\"slide-player\", className)}\n onFocusCapture={handleRootFocusCapture}\n onPointerDown={handleRootPointerDown}\n >\n <audio\n ref={audioRef}\n preload=\"auto\"\n playsInline\n onLoadStart={handleAudioLoadStart}\n onLoadedMetadata={handleLoadedMetadata}\n onCanPlay={handleAudioCanPlay}\n onPlay={handleAudioPlay}\n onPause={handleAudioPause}\n onWaiting={handleAudioWaiting}\n onSeeking={handleAudioSeeking}\n onSeeked={handleAudioSeeking}\n onTimeUpdate={handleAudioTimeUpdate}\n onEnded={handleAudioEnded}\n onError={handleAudioError}\n />\n\n {showControls ? (\n <>\n <MobilePlayerSettingsSheet\n container={settingsPortalContainer}\n labels={{\n closeSettings: playerTexts.closeSettingsLabel,\n fullscreen: playerTexts.fullscreenLabel,\n nonFullscreen: playerTexts.nonFullscreenLabel,\n screen: playerTexts.screenLabel,\n screenMode: playerTexts.screenModeLabel,\n subtitle: playerTexts.subtitleLabel,\n subtitleToggle: playerTexts.subtitleToggleAriaLabel,\n title: playerTexts.settingsTitle,\n }}\n isSubtitleEnabled={isSubtitleEnabled}\n onClose={() => setIsMobileMoreOpen(false)}\n onOpenChange={setIsMobileMoreOpen}\n onSubtitleToggle={onSubtitleToggle ?? (() => {})}\n onViewModeChange={handleMobileViewModeChange}\n open={isMobileMoreOpen}\n viewMode={mobileViewMode}\n />\n\n <div className=\"slide-player__controls\" style={controlsStyle}>\n <div className=\"slide-player__group\">\n <button\n aria-expanded={isMobileMoreOpen}\n aria-haspopup=\"dialog\"\n aria-label={playerTexts.moreOptionsAriaLabel}\n className=\"slide-player__action slide-player__action--mobile-more\"\n onClick={() => {\n setIsMobileMoreOpen((prevOpen) => !prevOpen);\n }}\n type=\"button\"\n >\n <EllipsisVertical\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n <button\n aria-label={playerTexts.volumeAriaLabel}\n className=\"hidden\"\n type=\"button\"\n >\n <Volume2 className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={playerTexts.subtitleToggleAriaLabel}\n aria-keyshortcuts={subtitleShortcutMetadata.ariaKeyShortcuts}\n aria-pressed={isSubtitleEnabled}\n className=\"slide-player__action slide-player__action--subtitle\"\n onClick={onSubtitleToggle}\n title={subtitleShortcutMetadata.title}\n type=\"button\"\n >\n {isSubtitleEnabled ? (\n <Captions className=\"slide-player__icon\" strokeWidth={2.25} />\n ) : (\n <CaptionsOff\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n )}\n </button>\n <button\n aria-keyshortcuts={previousShortcutMetadata.ariaKeyShortcuts}\n aria-label={playerTexts.previousLabel}\n className=\"slide-player__action slide-player__action--prev\"\n disabled={prevDisabled}\n onClick={() => {\n onPrev?.(getNavigationContext());\n }}\n title={previousShortcutMetadata.title}\n type=\"button\"\n >\n <RotateCcw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={toggleAriaLabel}\n aria-keyshortcuts={playbackShortcutMetadata.ariaKeyShortcuts}\n className=\"slide-player__toggle slide-player__toggle--playback\"\n onClick={() => {\n togglePlayback();\n }}\n title={playbackShortcutMetadata.title}\n type=\"button\"\n >\n {isTogglePlaying ? <PauseIcon /> : <PlayIcon />}\n </button>\n <button\n aria-keyshortcuts={nextShortcutMetadata.ariaKeyShortcuts}\n aria-label={playerTexts.nextLabel}\n className=\"slide-player__action slide-player__action--next\"\n disabled={nextDisabled}\n onClick={() => {\n onNext?.(getNavigationContext());\n }}\n title={nextShortcutMetadata.title}\n type=\"button\"\n >\n <RotateCw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n {onFullscreen ? (\n <button\n aria-label={fullscreenAriaLabel}\n aria-keyshortcuts={\n fullscreenShortcutMetadata.ariaKeyShortcuts\n }\n className=\"slide-player__action slide-player__action--fullscreen\"\n onClick={onFullscreen}\n title={fullscreenShortcutMetadata.title}\n type=\"button\"\n >\n {isFullscreen ? (\n <ScanLine\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n ) : (\n <Maximize\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n )}\n </button>\n ) : null}\n </div>\n\n <div className=\"slide-player__separator\" />\n\n <div className=\"slide-player__group\">\n {customActionList.map((customAction, customActionIndex) => (\n <React.Fragment key={`custom-action-${customActionIndex}`}>\n {customAction}\n </React.Fragment>\n ))}\n <button\n aria-label={playerTexts.notesLabel}\n aria-keyshortcuts={notesShortcutMetadata.ariaKeyShortcuts}\n className={cn(\n \"slide-player__action slide-player__action--notes\",\n isInteractionOpen && \"slide-player__action--active\"\n )}\n disabled={!hasInteraction}\n onClick={onInteractionToggle}\n title={notesShortcutMetadata.title}\n type=\"button\"\n >\n <FilePenLine\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n </div>\n </div>\n </>\n ) : null}\n </div>\n );\n};\n\nconst MemoizedPlayer = memo(Player);\n\nMemoizedPlayer.displayName = \"Player\";\n\nexport default MemoizedPlayer;\n"],"names":["audioPreloadElementCache","preloadAudioUrl","url","audio","PauseIcon","jsxs","jsx","PlayIcon","PLAYER_SHORTCUT_LABELS","getShortcutTitle","label","shortcut","Player","audioList","className","currentAudioIndex","defaultPlaying","isPlaybackPaused","isAutoAdvanceEnabled","useAutoAdvanceToggle","onLoadingChange","onPlaybackPreferenceChange","onPlaybackStarted","onPlaybackTimeChange","onSubtitleToggle","onPrev","onNext","onFullscreen","isFullscreen","mobileViewMode","DEFAULT_MOBILE_VIEW_MODE","settingsPortalContainer","onMobileViewModeChange","onEnded","onAutoAdvanceToggle","onInteractionToggle","hasInteraction","isInteractionOpen","isSubtitleEnabled","prevDisabled","nextDisabled","showControls","enableKeyboardShortcuts","customActions","customActionContext","texts","onFocusCapture","onPointerDown","props","localKeyboardShortcutOwnerId","useId","keyboardShortcutContext","useContext","PlayerKeyboardShortcutContext","audioRef","useRef","previousInteractionOpenRef","audioSrcRef","currentAudioKeyRef","currentSegmentIndexRef","waitingSegmentIndexRef","currentAudioRef","currentAudioSegmentsRef","playbackPreferenceRef","wasPlayingBeforeExternalPauseRef","isLoadingRef","isPausedByUserRef","activeSourceTypeRef","preferredSourceTypeRef","isWaitingForSegmentRef","pendingAutoPlayRef","pendingSeekTimeRef","isSwitchingSegmentRef","playbackAnimationFrameRef","playbackTimeMsRef","playbackAccessModeRef","isPlaying","setIsPlaying","useState","isMobileMoreOpen","setIsMobileMoreOpen","keyboardShortcutOwnerId","shouldEnableKeyboardShortcuts","currentAudio","currentAudioUrl","currentAudioSegments","useMemo","prevSegment","nextSegment","customActionList","toPlayerCustomActionList","mobileVisibleActionCount","controlsStyle","playerTexts","DEFAULT_SLIDE_PLAYER_TEXTS","currentAudioKey","isTogglePlaying","toggleAriaLabel","fullscreenAriaLabel","getShortcutMetadata","useCallback","shortcutText","ariaKey","subtitleShortcutMetadata","previousShortcutMetadata","playbackShortcutMetadata","nextShortcutMetadata","fullscreenShortcutMetadata","notesShortcutMetadata","activateKeyboardShortcutOwner","activatePlayerKeyboardShortcutOwner","handleRootPointerDown","event","handleRootFocusCapture","useEffect","currentUrl","nextUrl","updateLoading","loading","reason","updatePlaybackPreference","playing","getNavigationContext","shouldKeepPlayingAfterNavigation","isAutoplayBlockedError","error","canStartPlaybackAutomatically","getSegmentSrc","audioData","getWaitingSegmentSeekTime","waitingSegmentIndex","totalDurationMs","segment","getSegmentStartTimeMs","segmentIndex","getCurrentPlaybackTimeMs","audioElement","publishPlaybackTime","timeMs","nextPlaybackTimeMs","syncPlaybackTime","stopPlaybackTimeLoop","startPlaybackTimeLoop","updateFrame","resetAudio","tryPlayCurrentAudio","_reason","playPromise","startSegmentPlayback","nextAudioSrc","shouldAutoResume","hasNewSrc","finishAudioItem","finishUrlAudioIfSeekedToEnd","hasReachedAudioEnd","handleSegmentEnded","nextSegmentIndex","segments","activeAudio","hasFinal","resolvedSourceType","resolveAudioPlaybackSourceType","nextSeekTime","handleAudioPlay","handleAudioPause","handleAudioCanPlay","handleLoadedMetadata","handleAudioTimeUpdate","handleAudioLoadStart","handleAudioWaiting","handleAudioSeeking","handleAudioEnded","shouldFinishAsUrl","handleAudioError","handleMobileViewModeChange","nextViewMode","togglePlayback","nextAutoAdvanceEnabled","registerPlayerKeyboardShortcutOwner","keyboardShortcutHandlers","suppressPlayerControlsWakeAfterNavigation","keyboardShortcutHandlersRef","handleKeyDown","isActivePlayerKeyboardShortcutOwner","action","getPlayerKeyboardShortcutAction","shouldIgnorePlayerKeyboardShortcutEvent","handled","handler","cn","Fragment","MobilePlayerSettingsSheet","prevOpen","EllipsisVertical","Volume2","Captions","CaptionsOff","RotateCcw","RotateCw","ScanLine","Maximize","customAction","customActionIndex","React","FilePenLine","MemoizedPlayer","memo"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),gn=require("../../lib/sandboxInteraction.cjs.js"),Y=require("../../lib/utils.cjs.js"),Rn=require("../ui/loading-overlay-card.cjs.js"),An=require("../ContentRender/ContentRender.cjs.js"),Ct=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const kt=require("../../lib/interaction-defaults.cjs.js"),Ie=require("../../lib/mobileDevice.cjs.js"),In=require("./Player.cjs.js"),wn=require("./SubtitleOverlay.cjs.js"),Cn=require("./useSlide.cjs.js"),kn=require("./useWakePlayerFromIframe.cjs.js"),_n=require("./utils/playerKeyboardShortcutContext.cjs.js"),Mn=require("./utils/playerKeyboardShortcuts.cjs.js"),ce=require("./utils/mobileScreenMode.cjs.js"),Pn=require("./utils/interactionPlayback.cjs.js"),Tn=require("./utils/appendedMarkerAdvance.cjs.js"),jn=require("./utils/playbackSequence.cjs.js"),_t=require("./utils/playerCustomActions.cjs.js"),Fn=require("./utils/playbackTimeStore.cjs.js"),Bn=require("./utils/playerToggleMode.cjs.js");;/* empty css */const qn=require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),Nn=2e3,On=300,Ln=160,Vn=16,Ke="waitingForAudio",Mt={waitingForAudio:"Waiting for current slide audio...",loadingAudio:"Loading current slide audio...",waitingForMoreAudio:"Waiting for more current slide audio..."},Dn=(h,S)=>typeof h=="string"?h:h[S]??h[Ke]??Mt[S],Kn=(h,S)=>S?h!=="loadingAudio":!1,Pt=t.memo(({content:h,title:S,defaultButtonText:E,defaultInputText:X,defaultSelectedValues:g,confirmButtonText:N,copyButtonText:J,copiedButtonText:we,onSend:Ce,readonly:O=!1})=>r.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:r.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:S})}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:r.jsxRuntimeExports.jsx(An.default,{content:h,defaultButtonText:E,defaultInputText:X,defaultSelectedValues:g,confirmButtonText:N,copyButtonText:J,copiedButtonText:we,onSend:Ce,readonly:O,sandboxMode:"content"})})]}));Pt.displayName="InteractionOverlayCard";const Un=(h,S)=>h.length===S.length&&h.every((E,X)=>{const g=S[X];return E.sequence_number===g?.sequence_number&&E.type===g?.type&&E.content===g?.content}),Wn=({elementList:h=[],showPlayer:S=!0,playerAlwaysVisible:E=!1,playerClassName:X,fullscreenHeader:g,playerCustomActions:N,playerCustomActionPauseOnActive:J=!0,bufferingText:we=Mt,interactionTitle:Ce,interactionTexts:O,playerTexts:Tt,playerAutoHideDelay:ke=3e3,markerAutoAdvanceDelay:Ue=Nn,interactionDefaultValueOptions:de,onSend:We,onPlayerVisibilityChange:_e,onMobileViewModeChange:Ge,onStepChange:He,enableKeyboardShortcuts:L=!0,enableIframeScaling:jt=!0,disableLoadingOverlay:A=!1,className:Ft,onPointerDown:ze,onFocusCapture:$e,...Bt})=>{const fe=t.useId(),me=t.useRef(null),Ye=t.useRef(null),Me=t.useRef(null),Xe=t.useRef(null),Q=t.useRef(null),Z=t.useRef(null),ee=t.useRef(null),te=t.useRef(null),Je=t.useRef(null),Qe=t.useRef([]),pe=t.useRef(!1),V=t.useRef(null),Ze=t.useRef(null),et=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),{currentElementList:M,stepElementLists:tt,slideElementList:P,currentIndex:a,audioList:d,currentAudioSequenceIndexes:he,currentStepHasSpeakableElement:x,currentInteractionElement:i,canGoPrev:qt,canGoNext:y,handlePrev:nt,handleNext:I}=Cn.default(h),ne=t.useMemo(()=>{if(!(a<0))return P[a]},[a,P]),Nt=P.filter(e=>e.is_renderable!==!1).length===1,b=S&&(P.length>0||d.length>0||!!i),Ot=t.useMemo(()=>({enabled:L,ownerId:fe}),[L,fe]),F=t.useCallback(()=>{!L||!b||Mn.activatePlayerKeyboardShortcutOwner(fe)},[L,fe,b]),w=t.useMemo(()=>he.map(e=>d[e]?.audioKey).filter(e=>!!e),[d,he]),[rt,xe]=t.useState(!0),[be,re]=t.useState(!1),[se,st]=t.useState(!0),[oe,ot]=t.useState(!0),[f,D]=t.useState(null),[Lt,m]=t.useState(!1),[Vt,Pe]=t.useState(Ke),[C,ut]=t.useState(!1),[Dt,Te]=t.useState(!1),[lt,Kt]=t.useState(!0),[je,Fe]=t.useState(!1),[s,Be]=t.useState(),[ve,ye]=t.useState(!1),[Ut,ue]=t.useState(0),[it,Wt]=t.useState(!1),T=t.useMemo(()=>Ie.isMobileDevice(),[]),[Se,qe]=t.useState(ce.DEFAULT_MOBILE_VIEW_MODE),[at,Ne]=t.useState(!1),[Gt,ct]=t.useState(()=>T?Ie.isLandscapeViewport():!1),K=t.useMemo(()=>Fn.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:U,isImmersiveMobileFullscreen:W,isNativeMobileFullscreen:dt,shouldRotateFullscreenViewport:Ht}=t.useMemo(()=>ce.resolveMobileViewModeState({hasManualMobileViewMode:at,isMobileDevice:T,mobileViewMode:Se}),[at,T,Gt,Se]),zt=t.useRef(U),k=b&&(E||rt),$t=W&&k,Yt=W&&k,Xt=W||dt,ft=it&&!T,Jt=t.useCallback(e=>{Ne(!0),qe(e)},[]),mt=t.useCallback(()=>{Ne(!1),qe(ce.DEFAULT_MOBILE_VIEW_MODE)},[]),Qt=t.useCallback(()=>{mt(),g?.onBack?.()},[g,mt]),pt=t.useCallback(e=>{Fe(e)},[]),ht=t.useCallback(()=>{Fe(e=>!e)},[]),{mountedStepStates:Zt,currentMountedStateIndex:en}=t.useMemo(()=>{const e=[],n=new Map;return tt.forEach((u,c)=>{const o=e.findIndex(l=>Un(l.elementList,u));if(o>=0){e[o]?.sourceStepIndexes.push(c),n.set(c,o);return}e.push({elementList:u,sourceStepIndexes:[c]}),n.set(c,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:a>=0?n.get(a)??-1:-1}},[a,tt]),xt=t.useMemo(()=>String(a),[a]),p=t.useMemo(()=>f?d.findIndex(e=>(e.audioKey??"")===f):-1,[d,f]),Oe=t.useMemo(()=>p>=0?d[p]:void 0,[d,p]),tn=Oe?.element?.subtitle_cues??[],Ee=t.useMemo(()=>w[0]??"none",[w]),Le=t.useMemo(()=>({currentElement:_t.resolvePlayerCustomActionElement({currentAudioIndex:p,currentAudioSequenceIndexes:he,audioList:d,currentInteractionElement:s,currentStepElement:ne}),currentIndex:a,currentStepElement:ne,isActive:je,setActive:pt,toggleActive:ht}),[s,d,p,he,a,ne,je,pt,ht]),Ve=t.useMemo(()=>_t.getPlayerCustomActionCount(N,Le),[Le,N]),nn=t.useMemo(()=>({"--slide-player-custom-action-count":String(Ve),"--slide-player-mobile-control-count":String(Ve+4)}),[Ve]),bt=w.length>0,vt=t.useMemo(()=>i?`${i.sequence_number??"none"}:${String(i.content??"")}`:"none",[i]),le=t.useMemo(()=>[xt,vt].join("|"),[vt,xt]),rn=t.useMemo(()=>[le,Oe?.audioKey??"none",String(p)].join("|"),[p,Oe?.audioKey,le]),yt=!!t.useMemo(()=>!Ee||Ee==="none"?"":d.find(n=>n.audioKey===Ee)?.audioUrl?.trim()??"",[d,Ee]),B=J&&!!N&&je,ie=t.useMemo(()=>Bn.shouldUseAutoAdvanceToggle({canGoNext:y,currentAudioIndex:p,currentStepHasSpeakableElement:x,hasInteraction:!!i}),[y,p,i,x]),q=t.useCallback(()=>{Q.current!==null&&(window.clearTimeout(Q.current),Q.current=null)},[]),j=t.useCallback(()=>{ee.current!==null&&(window.clearTimeout(ee.current),ee.current=null)},[]),_=t.useCallback(()=>{te.current!==null&&(window.clearTimeout(te.current),te.current=null)},[]),G=t.useCallback(()=>{Z.current!==null&&(window.clearTimeout(Z.current),Z.current=null)},[]),H=t.useCallback(()=>{G(),j(),_(),D(null),K.reset(),m(!1),Pe(Ke),ut(!1),Te(!1),Be(void 0),ye(!1),ue(0)},[G,j,_,K]),z=t.useCallback(()=>{const e=w[0];return e?(D(e),!0):!1},[w]),ge=t.useCallback(()=>{j(),_(),ye(!1),ue(0),!z()&&y&&I()},[y,j,_,I,z]),St=t.useCallback(e=>{if(_(),!e)return;const n=()=>{te.current=null,ue(Ln),ye(!0),V.current=null};te.current=window.setTimeout(n,On)},[_]),v=t.useCallback((e=be)=>{b&&(xe(!0),q(),!(E||!e||ke<=0)&&(Q.current=window.setTimeout(()=>{xe(!1),Q.current=null},ke)))},[q,be,E,ke,b]),ae=!!(i?.readonly||i?.user_input?.trim()),$=!!i&&!ae,sn=t.useCallback(e=>{st(e)},[]),Re=t.useCallback(e=>{const n=e?.shouldContinuePlayback??se;st(n)},[se]);t.useEffect(()=>{ot(se),J&&Fe(!1)},[a,se,J]),t.useEffect(()=>()=>{G(),q(),j(),_()},[G,j,_,q]),t.useEffect(()=>(_e?.(k),()=>{_e?.(!1)}),[_e,k]),t.useEffect(()=>{T||Se===ce.DEFAULT_MOBILE_VIEW_MODE||(Ne(!1),qe(ce.DEFAULT_MOBILE_VIEW_MODE))},[T,Se]),t.useEffect(()=>{if(!T){ct(!1);return}const e=()=>{ct(Ie.isLandscapeViewport())};return e(),Ie.subscribeMobileDeviceChange(e)},[T]),t.useEffect(()=>{Ge?.(U)},[U,Ge]),t.useEffect(()=>{zt.current=U},[U]),t.useEffect(()=>{He?.(ne,a)},[a,ne,He]),t.useEffect(()=>{const e=et.current,n=Tn.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:P.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:y,currentAudioKey:f,hasCompletedCurrentStepAudio:C,hasResolvedCurrentInteraction:ae,currentStepHasSpeakableElement:x,currentInteractionElement:i,isAutoAdvanceEnabled:oe,shouldUseSilentStepAutoAdvanceToggle:ie});et.current={markerCount:P.length,currentIndex:a,canGoNext:y},n&&I()},[y,f,a,i,x,I,C,ae,oe,ie,P.length]),t.useEffect(()=>{if(!b){q(),xe(!1);return}if(E){q(),xe(!0);return}be||v(!0)},[q,be,E,b,v]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&gn.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&b&&(F(),re(!0),v(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[F,b,v]),kn.default({sectionRef:me,enabled:b,keyboardShortcutsEnabled:L,onWake:()=>{F(),re(!0),v(!0)}}),t.useEffect(()=>{const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=jn.getPlaybackSequenceTransition({previousResetKey:Ze.current,nextResetKey:le,currentAudioKey:f,hasCompletedCurrentStepAudio:C});Ze.current=le;const u=V.current===a&&!!i,c=Pn.shouldPresentInteractionOverlay({hasInteraction:!!i,shouldBlockPlaybackForInteraction:$,shouldOpenInteractionOverlayAfterAudio:u,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:ae,currentStepHasSpeakableElement:x});if(e&&H(),!(M.length===0&&!i)&&!B){if(i&&Be(i),c){St(i);return}if(_(),V.current=null,!!n&&!z()){if(x){if(A){m(!1);return}m(!0);return}if(y&&!(ie&&!oe))return Z.current=window.setTimeout(()=>{Z.current=null,I()},Ue),()=>{G()}}}},[y,G,M.length,i,f,le,x,Ue,I,C,A,oe,ae,$,_,H,St,z,B,ie]),t.useEffect(()=>{if(A||B||!x||$){m(!1);return}if(C){m(!1);return}if(bt){m(!1);return}Pe("waitingForAudio"),m(!0)},[bt,x,C,A,B,$]),t.useEffect(()=>{f||w.length===0||B||!x||$||C||z()},[f,w,x,C,B,$,z]),t.useEffect(()=>{!f||p>=0||D(null)},[p,f]),t.useEffect(()=>{p>=0||K.reset()},[p,K]),t.useEffect(()=>{Te(!1)},[rn]);const Et=t.useMemo(()=>{if(!s)return{};const e=!!s.user_input?.trim();return kt.getInteractionDefaultValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:de)},[s,de]),on=t.useMemo(()=>{if(!s)return;const e=!!s.user_input?.trim();return kt.getInteractionDefaultSelectedValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:de)},[s,de]),gt=!!s?.user_input?.trim(),Rt=!!s?.readonly||gt,At=Rt||gt,De=!!s&&ve,un=t.useCallback(e=>{const u=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");Be(c=>!c||!u?c:{...c,user_input:u}),We?.(e,s),ge()},[s,ge,We]);t.useEffect(()=>{const e=()=>{Wt(document.fullscreenElement===me.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{if(!De){ue(0);return}const e=Je.current;if(!e)return;const n=()=>{const c=Math.ceil(e.getBoundingClientRect().height);ue(c+Vn)};if(n(),typeof ResizeObserver>"u")return;const u=new ResizeObserver(()=>{n()});return u.observe(e),()=>{u.disconnect()}},[De]),t.useEffect(()=>{if(j(),!(!ve||!At))return ee.current=window.setTimeout(()=>{ee.current=null,ge()},2e3),()=>{j()}},[j,ge,ve,At]);const ln=(e,n={})=>e?e.type==="slot"?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?r.jsxRuntimeExports.jsx(Ct.default,{className:"content-render-iframe",disableLoadingOverlay:A,hideFullScreen:!0,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:jt}):r.jsxRuntimeExports.jsx(Ct.default,{className:"content-render-iframe",disableLoadingOverlay:A,hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,an=(e=[],n=!1)=>{if(e.length===0)return null;const u=e.filter(o=>o.is_renderable!==!1).length,c=e.reduce((o,l,R)=>l.is_renderable!==!1?R:o,-1);return r.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((o,l)=>{const R=o.type==="html"&&o.is_renderable===!1;return r.jsxRuntimeExports.jsx("div",{ref:n&&l===c?Xe:null,"aria-hidden":R||void 0,className:Y.cn("w-full shrink-0",u===1&&o.is_renderable!==!1&&"slide-element--single",R?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":o.is_renderable===!1&&"hidden"),children:ln(o,{replaceRootScreenHeightWithFull:u===1&&o.type==="html"&&o.is_renderable!==!1})},o.sequence_number??`${o.type}-${l}`)})})},cn=t.useCallback(()=>{const e=me.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),It=t.useCallback(()=>{const e=Me.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),dn=t.useCallback(e=>{Re(e),pe.current=!0,V.current=null,re(!0),m(!1),v(!0),H(),nt()},[nt,H,v,Re]),fn=t.useCallback(e=>{Re(e),pe.current=!0,V.current=null,re(!0),m(!1),v(!0),H(),I()},[I,H,v,Re]),mn=t.useCallback(({loading:e,reason:n})=>{if(A){m(!1);return}if(!x||C){m(!1);return}e&&n&&Pe(n),m(Kn(n,e))},[x,C,A]);t.useEffect(()=>{A&&m(!1)},[A]);const pn=t.useCallback(e=>{const n=d[e]?.audioKey;if(!n||!f||n!==f)return;const u=w.findIndex(l=>l===n);if(u<0){D(null);return}const c=u+1,o=w[c];if(o){D(o);return}if(D(null),ut(!0),m(!1),y){const l=a+1,R=P[l];yt&&R?.type==="interaction"&&(V.current=l),I();return}},[d,y,a,f,w,I,yt,P]),hn=t.useCallback(()=>{s&&ye(e=>!e)},[s]),wt=t.useCallback(e=>{e.stopPropagation(),k&&v(!0)},[rt,v]),xn=t.useCallback(e=>{F(),ze?.(e)},[F,ze]),bn=t.useCallback(e=>{F(),$e?.(e)},[F,$e]),vn=t.useCallback(()=>{re(!0),v(!0)},[v]),Ae=t.useMemo(()=>M.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[M]);return t.useEffect(()=>{const e=Qe.current,c=(e.length>0&&e.length<Ae.length&&e.every((l,R)=>l===Ae[R])?M.slice(e.length):[]).some(l=>l.is_new===!1);if(Qe.current=Ae,!c)return;const o=window.requestAnimationFrame(()=>{const l=Me.current,R=Xe.current;if(!l||!R)return;const yn=l.getBoundingClientRect(),Sn=R.getBoundingClientRect(),En=l.scrollTop+(Sn.top-yn.top);l.scrollTo({top:Math.max(En,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(o)}},[M,Ae]),t.useEffect(()=>{if(!pe.current||(pe.current=!1,M.length===0))return;const e=window.requestAnimationFrame(()=>{It()});return()=>{window.cancelAnimationFrame(e)}},[M,It]),r.jsxRuntimeExports.jsxs("section",{ref:me,className:Y.cn("relative h-full w-full",T&&"slide--mobile-device",ft&&"slide--browser-fullscreen",W&&"slide--mobile-landscape",dt&&"slide--mobile-landscape-native",Ft),onClick:vn,onFocusCapture:bn,onPointerDown:xn,...Bt,children:[Xt?r.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,r.jsxRuntimeExports.jsxs("div",{ref:Ye,className:Y.cn("slide__viewport relative h-full min-h-0 w-full",W&&"slide__viewport--mobile-landscape",W&&!Ht&&"slide__viewport--mobile-landscape-native"),children:[$t?r.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[r.jsxRuntimeExports.jsx("button",{"aria-label":g?.backAriaLabel??"Back",className:"slide-landscape-header__back",onClick:Qt,type:"button",children:r.jsxRuntimeExports.jsx(qn.default,{className:"slide-landscape-header__icon h-6 w-6",strokeWidth:2.25})}),g?.content?r.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:g.content}):null]}):null,r.jsxRuntimeExports.jsx("div",{className:Y.cn("h-full min-h-0 w-full",Yt&&"slide__viewport-content--with-header",Nt?"slide-content--single":"grid gap-4"),children:M.length>0?r.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:r.jsxRuntimeExports.jsx("div",{ref:Me,className:"slide-stage__layer w-full",children:Zt.map((e,n)=>{const u=n===en;return r.jsxRuntimeExports.jsx("div",{"aria-hidden":!u||void 0,className:"w-full h-full",style:{display:u?void 0:"none"},children:an(e.elementList,u)},e.sourceStepIndexes[0]??n)})})}):null}),Lt?r.jsxRuntimeExports.jsx(Rn.default,{message:Dn(we,Vt),className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,r.jsxRuntimeExports.jsx(wn.default,{extraBottomOffset:Ut,hasPlayerGap:k,isEnabled:lt&&Dt,isPlayerHidden:b&&!k,playbackTimeStore:K,subtitleCues:tn}),De?r.jsxRuntimeExports.jsx("div",{ref:Je,"data-player-keyboard-shortcuts-ignore":"true",className:Y.cn("slide-interaction-overlay",k&&b?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:wt,onPointerDown:wt,style:nn,children:r.jsxRuntimeExports.jsx(Pt,{content:String(s?.content??""),defaultButtonText:Et.buttonText??"",defaultInputText:Et.inputText??"",defaultSelectedValues:on,confirmButtonText:O?.confirmButtonText,copyButtonText:O?.copyButtonText,copiedButtonText:O?.copiedButtonText,onSend:un,readonly:Rt,title:O?.title??Ce??"Submit the content below to continue."})}):null,b?r.jsxRuntimeExports.jsx(_n.PlayerKeyboardShortcutContext.Provider,{value:Ot,children:r.jsxRuntimeExports.jsx(In.default,{audioList:d,className:Y.cn("absolute left-1/2 z-[2] -translate-x-1/2",ft?"bottom-3":"-bottom-3",X,!k&&"pointer-events-none opacity-0"),currentAudioIndex:p,defaultPlaying:se,enableKeyboardShortcuts:L,isPlaybackPaused:B,isAutoAdvanceEnabled:oe,hasInteraction:!!s,isInteractionOpen:ve,isSubtitleEnabled:lt,onAutoAdvanceToggle:ot,onLoadingChange:mn,onPlaybackStarted:()=>{Te(!0)},onPlaybackPreferenceChange:sn,onPlaybackTimeChange:K.setTime,onSubtitleToggle:()=>{Kt(e=>!e)},nextDisabled:!y,onEnded:pn,onFullscreen:cn,isFullscreen:it,mobileViewMode:U,settingsPortalContainer:Ye.current,onMobileViewModeChange:Jt,onInteractionToggle:hn,onNext:fn,onPrev:dn,prevDisabled:!qt,showControls:k,texts:Tt,customActionContext:Le,customActions:N,useAutoAdvanceToggle:ie})}):null]})]})};exports.default=Wn;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),An=require("../../lib/sandboxInteraction.cjs.js"),Y=require("../../lib/utils.cjs.js"),Rn=require("../ui/loading-overlay-card.cjs.js"),In=require("../ContentRender/ContentRender.cjs.js"),wt=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const kt=require("../../lib/interaction-defaults.cjs.js"),Ie=require("../../lib/mobileDevice.cjs.js"),Cn=require("./Player.cjs.js"),wn=require("./SubtitleOverlay.cjs.js"),kn=require("./useSlide.cjs.js"),_n=require("./useWakePlayerFromIframe.cjs.js"),Mn=require("./utils/playerKeyboardShortcutContext.cjs.js"),Pn=require("./utils/playerKeyboardShortcuts.cjs.js"),ce=require("./utils/mobileScreenMode.cjs.js"),Tn=require("./utils/interactionPlayback.cjs.js"),_t=require("./utils/playerNavigationContext.cjs.js"),jn=require("./utils/appendedMarkerAdvance.cjs.js"),Fn=require("./utils/playbackSequence.cjs.js"),Mt=require("./utils/playerCustomActions.cjs.js"),Bn=require("./utils/playbackTimeStore.cjs.js"),Nn=require("./utils/playerToggleMode.cjs.js");;/* empty css */const qn=require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),On=2e3,Ln=300,Vn=160,Dn=16,Ke="waitingForAudio",Pt={waitingForAudio:"Waiting for current slide audio...",loadingAudio:"Loading current slide audio...",waitingForMoreAudio:"Waiting for more current slide audio..."},Kn=(h,S)=>typeof h=="string"?h:h[S]??h[Ke]??Pt[S],Un=(h,S)=>S?h!=="loadingAudio":!1,Tt=t.memo(({content:h,title:S,defaultButtonText:E,defaultInputText:X,defaultSelectedValues:g,confirmButtonText:q,copyButtonText:J,copiedButtonText:Ce,onSend:we,readonly:O=!1})=>r.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:r.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:S})}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:r.jsxRuntimeExports.jsx(In.default,{content:h,defaultButtonText:E,defaultInputText:X,defaultSelectedValues:g,confirmButtonText:q,copyButtonText:J,copiedButtonText:Ce,onSend:we,readonly:O,sandboxMode:"content"})})]}));Tt.displayName="InteractionOverlayCard";const Wn=(h,S)=>h.length===S.length&&h.every((E,X)=>{const g=S[X];return E.sequence_number===g?.sequence_number&&E.type===g?.type&&E.content===g?.content}),Gn=({elementList:h=[],showPlayer:S=!0,playerAlwaysVisible:E=!1,playerClassName:X,fullscreenHeader:g,playerCustomActions:q,playerCustomActionPauseOnActive:J=!0,bufferingText:Ce=Pt,interactionTitle:we,interactionTexts:O,playerTexts:jt,playerAutoHideDelay:ke=3e3,markerAutoAdvanceDelay:Ue=On,interactionDefaultValueOptions:de,onSend:We,onPlayerVisibilityChange:_e,onMobileViewModeChange:Ge,onStepChange:He,enableKeyboardShortcuts:L=!0,enableIframeScaling:Ft=!0,disableLoadingOverlay:R=!1,className:Bt,onPointerDown:ze,onFocusCapture:$e,...Nt})=>{const fe=t.useId(),me=t.useRef(null),Ye=t.useRef(null),Me=t.useRef(null),Xe=t.useRef(null),Q=t.useRef(null),Z=t.useRef(null),ee=t.useRef(null),te=t.useRef(null),Je=t.useRef(null),Qe=t.useRef([]),pe=t.useRef(!1),V=t.useRef(null),Ze=t.useRef(null),et=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),{currentElementList:M,stepElementLists:tt,slideElementList:P,currentIndex:a,audioList:d,currentAudioSequenceIndexes:he,currentStepHasSpeakableElement:x,currentInteractionElement:i,canGoPrev:qt,canGoNext:y,handlePrev:nt,handleNext:I}=kn.default(h),ne=t.useMemo(()=>{if(!(a<0))return P[a]},[a,P]),Ot=P.filter(e=>e.is_renderable!==!1).length===1,b=S&&(P.length>0||d.length>0||!!i),Lt=t.useMemo(()=>({enabled:L,ownerId:fe}),[L,fe]),F=t.useCallback(()=>{!L||!b||Pn.activatePlayerKeyboardShortcutOwner(fe)},[L,fe,b]),C=t.useMemo(()=>he.map(e=>d[e]?.audioKey).filter(e=>!!e),[d,he]),[rt,xe]=t.useState(!0),[be,re]=t.useState(!1),[se,st]=t.useState(!0),[oe,ot]=t.useState(!0),[f,D]=t.useState(null),[Vt,m]=t.useState(!1),[Dt,Pe]=t.useState(Ke),[w,ut]=t.useState(!1),[Kt,Te]=t.useState(!1),[lt,Ut]=t.useState(!0),[je,Fe]=t.useState(!1),[s,Be]=t.useState(),[ve,ye]=t.useState(!1),[Wt,ue]=t.useState(0),[it,Gt]=t.useState(!1),T=t.useMemo(()=>Ie.isMobileDevice(),[]),[Se,Ne]=t.useState(ce.DEFAULT_MOBILE_VIEW_MODE),[at,qe]=t.useState(!1),[Ht,ct]=t.useState(()=>T?Ie.isLandscapeViewport():!1),K=t.useMemo(()=>Bn.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:U,isImmersiveMobileFullscreen:W,isNativeMobileFullscreen:dt,shouldRotateFullscreenViewport:zt}=t.useMemo(()=>ce.resolveMobileViewModeState({hasManualMobileViewMode:at,isMobileDevice:T,mobileViewMode:Se}),[at,T,Ht,Se]),$t=t.useRef(U),k=b&&(E||rt),Yt=W&&k,Xt=W&&k,Jt=W||dt,ft=it&&!T,Qt=t.useCallback(e=>{qe(!0),Ne(e)},[]),mt=t.useCallback(()=>{qe(!1),Ne(ce.DEFAULT_MOBILE_VIEW_MODE)},[]),Zt=t.useCallback(()=>{mt(),g?.onBack?.()},[g,mt]),pt=t.useCallback(e=>{Fe(e)},[]),ht=t.useCallback(()=>{Fe(e=>!e)},[]),{mountedStepStates:en,currentMountedStateIndex:tn}=t.useMemo(()=>{const e=[],n=new Map;return tt.forEach((u,c)=>{const o=e.findIndex(l=>Wn(l.elementList,u));if(o>=0){e[o]?.sourceStepIndexes.push(c),n.set(c,o);return}e.push({elementList:u,sourceStepIndexes:[c]}),n.set(c,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:a>=0?n.get(a)??-1:-1}},[a,tt]),xt=t.useMemo(()=>String(a),[a]),p=t.useMemo(()=>f?d.findIndex(e=>(e.audioKey??"")===f):-1,[d,f]),Oe=t.useMemo(()=>p>=0?d[p]:void 0,[d,p]),nn=Oe?.element?.subtitle_cues??[],Ee=t.useMemo(()=>C[0]??"none",[C]),Le=t.useMemo(()=>({currentElement:Mt.resolvePlayerCustomActionElement({currentAudioIndex:p,currentAudioSequenceIndexes:he,audioList:d,currentInteractionElement:s,currentStepElement:ne}),currentIndex:a,currentStepElement:ne,isActive:je,setActive:pt,toggleActive:ht}),[s,d,p,he,a,ne,je,pt,ht]),Ve=t.useMemo(()=>Mt.getPlayerCustomActionCount(q,Le),[Le,q]),rn=t.useMemo(()=>({"--slide-player-custom-action-count":String(Ve),"--slide-player-mobile-control-count":String(Ve+4)}),[Ve]),bt=C.length>0,vt=t.useMemo(()=>i?`${i.sequence_number??"none"}:${String(i.content??"")}`:"none",[i]),le=t.useMemo(()=>[xt,vt].join("|"),[vt,xt]),sn=t.useMemo(()=>[le,Oe?.audioKey??"none",String(p)].join("|"),[p,Oe?.audioKey,le]),yt=!!t.useMemo(()=>!Ee||Ee==="none"?"":d.find(n=>n.audioKey===Ee)?.audioUrl?.trim()??"",[d,Ee]),B=J&&!!q&&je,ie=t.useMemo(()=>Nn.shouldUseAutoAdvanceToggle({canGoNext:y,currentAudioIndex:p,currentStepHasSpeakableElement:x,hasInteraction:!!i}),[y,p,i,x]),N=t.useCallback(()=>{Q.current!==null&&(window.clearTimeout(Q.current),Q.current=null)},[]),j=t.useCallback(()=>{ee.current!==null&&(window.clearTimeout(ee.current),ee.current=null)},[]),_=t.useCallback(()=>{te.current!==null&&(window.clearTimeout(te.current),te.current=null)},[]),G=t.useCallback(()=>{Z.current!==null&&(window.clearTimeout(Z.current),Z.current=null)},[]),H=t.useCallback(()=>{G(),j(),_(),D(null),K.reset(),m(!1),Pe(Ke),ut(!1),Te(!1),Be(void 0),ye(!1),ue(0)},[G,j,_,K]),z=t.useCallback(()=>{const e=C[0];return e?(D(e),!0):!1},[C]),ge=t.useCallback(()=>{j(),_(),ye(!1),ue(0),!z()&&y&&I()},[y,j,_,I,z]),St=t.useCallback(e=>{if(_(),!e)return;const n=()=>{te.current=null,ue(Vn),ye(!0),V.current=null};te.current=window.setTimeout(n,Ln)},[_]),v=t.useCallback((e=be)=>{b&&(xe(!0),N(),!(E||!e||ke<=0)&&(Q.current=window.setTimeout(()=>{xe(!1),Q.current=null},ke)))},[N,be,E,ke,b]),ae=!!(i?.readonly||i?.user_input?.trim()),$=!!i&&!ae,on=t.useCallback(e=>{st(e)},[]),Ae=t.useCallback(e=>{const n=e?.shouldContinuePlayback??se;st(n)},[se]);t.useEffect(()=>{ot(se),J&&Fe(!1)},[a,se,J]),t.useEffect(()=>()=>{G(),N(),j(),_()},[G,j,_,N]),t.useEffect(()=>(_e?.(k),()=>{_e?.(!1)}),[_e,k]),t.useEffect(()=>{T||Se===ce.DEFAULT_MOBILE_VIEW_MODE||(qe(!1),Ne(ce.DEFAULT_MOBILE_VIEW_MODE))},[T,Se]),t.useEffect(()=>{if(!T){ct(!1);return}const e=()=>{ct(Ie.isLandscapeViewport())};return e(),Ie.subscribeMobileDeviceChange(e)},[T]),t.useEffect(()=>{Ge?.(U)},[U,Ge]),t.useEffect(()=>{$t.current=U},[U]),t.useEffect(()=>{He?.(ne,a)},[a,ne,He]),t.useEffect(()=>{const e=et.current,n=jn.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:P.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:y,currentAudioKey:f,hasCompletedCurrentStepAudio:w,hasResolvedCurrentInteraction:ae,currentStepHasSpeakableElement:x,currentInteractionElement:i,isAutoAdvanceEnabled:oe,shouldUseSilentStepAutoAdvanceToggle:ie});et.current={markerCount:P.length,currentIndex:a,canGoNext:y},n&&I()},[y,f,a,i,x,I,w,ae,oe,ie,P.length]),t.useEffect(()=>{if(!b){N(),xe(!1);return}if(E){N(),xe(!0);return}be||v(!0)},[N,be,E,b,v]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&An.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&b&&(F(),re(!0),v(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[F,b,v]),_n.default({sectionRef:me,enabled:b,keyboardShortcutsEnabled:L,onKeyboardShortcut:F,onWake:()=>{F(),re(!0),v(!0)}}),t.useEffect(()=>{const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=Fn.getPlaybackSequenceTransition({previousResetKey:Ze.current,nextResetKey:le,currentAudioKey:f,hasCompletedCurrentStepAudio:w});Ze.current=le;const u=V.current===a&&!!i,c=Tn.shouldPresentInteractionOverlay({hasInteraction:!!i,shouldBlockPlaybackForInteraction:$,shouldOpenInteractionOverlayAfterAudio:u,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:ae,currentStepHasSpeakableElement:x});if(e&&H(),!(M.length===0&&!i)&&!B){if(i&&Be(i),c){St(i);return}if(_(),V.current=null,!!n&&!z()){if(x){if(R){m(!1);return}m(!0);return}if(y&&!(ie&&!oe))return Z.current=window.setTimeout(()=>{Z.current=null,I()},Ue),()=>{G()}}}},[y,G,M.length,i,f,le,x,Ue,I,w,R,oe,ae,$,_,H,St,z,B,ie]),t.useEffect(()=>{if(R||B||!x||$){m(!1);return}if(w){m(!1);return}if(bt){m(!1);return}Pe("waitingForAudio"),m(!0)},[bt,x,w,R,B,$]),t.useEffect(()=>{f||C.length===0||B||!x||$||w||z()},[f,C,x,w,B,$,z]),t.useEffect(()=>{!f||p>=0||D(null)},[p,f]),t.useEffect(()=>{p>=0||K.reset()},[p,K]),t.useEffect(()=>{Te(!1)},[sn]);const Et=t.useMemo(()=>{if(!s)return{};const e=!!s.user_input?.trim();return kt.getInteractionDefaultValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:de)},[s,de]),un=t.useMemo(()=>{if(!s)return;const e=!!s.user_input?.trim();return kt.getInteractionDefaultSelectedValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:de)},[s,de]),gt=!!s?.user_input?.trim(),At=!!s?.readonly||gt,Rt=At||gt,De=!!s&&ve,ln=t.useCallback(e=>{const u=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");Be(c=>!c||!u?c:{...c,user_input:u}),We?.(e,s),ge()},[s,ge,We]);t.useEffect(()=>{const e=()=>{Gt(document.fullscreenElement===me.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{if(!De){ue(0);return}const e=Je.current;if(!e)return;const n=()=>{const c=Math.ceil(e.getBoundingClientRect().height);ue(c+Dn)};if(n(),typeof ResizeObserver>"u")return;const u=new ResizeObserver(()=>{n()});return u.observe(e),()=>{u.disconnect()}},[De]),t.useEffect(()=>{if(j(),!(!ve||!Rt))return ee.current=window.setTimeout(()=>{ee.current=null,ge()},2e3),()=>{j()}},[j,ge,ve,Rt]);const an=(e,n={})=>e?e.type==="slot"?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?r.jsxRuntimeExports.jsx(wt.default,{className:"content-render-iframe",disableLoadingOverlay:R,hideFullScreen:!0,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:Ft}):r.jsxRuntimeExports.jsx(wt.default,{className:"content-render-iframe",disableLoadingOverlay:R,hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,cn=(e=[],n=!1)=>{if(e.length===0)return null;const u=e.filter(o=>o.is_renderable!==!1).length,c=e.reduce((o,l,A)=>l.is_renderable!==!1?A:o,-1);return r.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((o,l)=>{const A=o.type==="html"&&o.is_renderable===!1;return r.jsxRuntimeExports.jsx("div",{ref:n&&l===c?Xe:null,"aria-hidden":A||void 0,className:Y.cn("w-full shrink-0",u===1&&o.is_renderable!==!1&&"slide-element--single",A?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":o.is_renderable===!1&&"hidden"),children:an(o,{replaceRootScreenHeightWithFull:u===1&&o.type==="html"&&o.is_renderable!==!1})},o.sequence_number??`${o.type}-${l}`)})})},dn=t.useCallback(()=>{const e=me.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),It=t.useCallback(()=>{const e=Me.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),fn=t.useCallback(e=>{Ae(e),pe.current=!0,V.current=null,m(!1),_t.shouldWakePlayerControlsAfterNavigation(e)&&(re(!0),v(!0)),H(),nt()},[nt,H,v,Ae]),mn=t.useCallback(e=>{Ae(e),pe.current=!0,V.current=null,m(!1),_t.shouldWakePlayerControlsAfterNavigation(e)&&(re(!0),v(!0)),H(),I()},[I,H,v,Ae]),pn=t.useCallback(({loading:e,reason:n})=>{if(R){m(!1);return}if(!x||w){m(!1);return}e&&n&&Pe(n),m(Un(n,e))},[x,w,R]);t.useEffect(()=>{R&&m(!1)},[R]);const hn=t.useCallback(e=>{const n=d[e]?.audioKey;if(!n||!f||n!==f)return;const u=C.findIndex(l=>l===n);if(u<0){D(null);return}const c=u+1,o=C[c];if(o){D(o);return}if(D(null),ut(!0),m(!1),y){const l=a+1,A=P[l];yt&&A?.type==="interaction"&&(V.current=l),I();return}},[d,y,a,f,C,I,yt,P]),xn=t.useCallback(()=>{s&&ye(e=>!e)},[s]),Ct=t.useCallback(e=>{e.stopPropagation(),k&&v(!0)},[rt,v]),bn=t.useCallback(e=>{F(),ze?.(e)},[F,ze]),vn=t.useCallback(e=>{F(),$e?.(e)},[F,$e]),yn=t.useCallback(()=>{re(!0),v(!0)},[v]),Re=t.useMemo(()=>M.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[M]);return t.useEffect(()=>{const e=Qe.current,c=(e.length>0&&e.length<Re.length&&e.every((l,A)=>l===Re[A])?M.slice(e.length):[]).some(l=>l.is_new===!1);if(Qe.current=Re,!c)return;const o=window.requestAnimationFrame(()=>{const l=Me.current,A=Xe.current;if(!l||!A)return;const Sn=l.getBoundingClientRect(),En=A.getBoundingClientRect(),gn=l.scrollTop+(En.top-Sn.top);l.scrollTo({top:Math.max(gn,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(o)}},[M,Re]),t.useEffect(()=>{if(!pe.current||(pe.current=!1,M.length===0))return;const e=window.requestAnimationFrame(()=>{It()});return()=>{window.cancelAnimationFrame(e)}},[M,It]),r.jsxRuntimeExports.jsxs("section",{ref:me,className:Y.cn("relative h-full w-full",T&&"slide--mobile-device",ft&&"slide--browser-fullscreen",W&&"slide--mobile-landscape",dt&&"slide--mobile-landscape-native",Bt),onClick:yn,onFocusCapture:vn,onPointerDown:bn,...Nt,children:[Jt?r.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,r.jsxRuntimeExports.jsxs("div",{ref:Ye,className:Y.cn("slide__viewport relative h-full min-h-0 w-full",W&&"slide__viewport--mobile-landscape",W&&!zt&&"slide__viewport--mobile-landscape-native"),children:[Yt?r.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[r.jsxRuntimeExports.jsx("button",{"aria-label":g?.backAriaLabel??"Back",className:"slide-landscape-header__back",onClick:Zt,type:"button",children:r.jsxRuntimeExports.jsx(qn.default,{className:"slide-landscape-header__icon h-6 w-6",strokeWidth:2.25})}),g?.content?r.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:g.content}):null]}):null,r.jsxRuntimeExports.jsx("div",{className:Y.cn("h-full min-h-0 w-full",Xt&&"slide__viewport-content--with-header",Ot?"slide-content--single":"grid gap-4"),children:M.length>0?r.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:r.jsxRuntimeExports.jsx("div",{ref:Me,className:"slide-stage__layer w-full",children:en.map((e,n)=>{const u=n===tn;return r.jsxRuntimeExports.jsx("div",{"aria-hidden":!u||void 0,className:"w-full h-full",style:{display:u?void 0:"none"},children:cn(e.elementList,u)},e.sourceStepIndexes[0]??n)})})}):null}),Vt?r.jsxRuntimeExports.jsx(Rn.default,{message:Kn(Ce,Dt),className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,r.jsxRuntimeExports.jsx(wn.default,{extraBottomOffset:Wt,hasPlayerGap:k,isEnabled:lt&&Kt,isPlayerHidden:b&&!k,playbackTimeStore:K,subtitleCues:nn}),De?r.jsxRuntimeExports.jsx("div",{ref:Je,"data-player-keyboard-shortcuts-ignore":"true",className:Y.cn("slide-interaction-overlay",k&&b?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:Ct,onPointerDown:Ct,style:rn,children:r.jsxRuntimeExports.jsx(Tt,{content:String(s?.content??""),defaultButtonText:Et.buttonText??"",defaultInputText:Et.inputText??"",defaultSelectedValues:un,confirmButtonText:O?.confirmButtonText,copyButtonText:O?.copyButtonText,copiedButtonText:O?.copiedButtonText,onSend:ln,readonly:At,title:O?.title??we??"Submit the content below to continue."})}):null,b?r.jsxRuntimeExports.jsx(Mn.PlayerKeyboardShortcutContext.Provider,{value:Lt,children:r.jsxRuntimeExports.jsx(Cn.default,{audioList:d,className:Y.cn("absolute left-1/2 z-[2] -translate-x-1/2",ft?"bottom-3":"-bottom-3",X,!k&&"pointer-events-none opacity-0"),currentAudioIndex:p,defaultPlaying:se,enableKeyboardShortcuts:L,isPlaybackPaused:B,isAutoAdvanceEnabled:oe,hasInteraction:!!s,isInteractionOpen:ve,isSubtitleEnabled:lt,onAutoAdvanceToggle:ot,onLoadingChange:pn,onPlaybackStarted:()=>{Te(!0)},onPlaybackPreferenceChange:on,onPlaybackTimeChange:K.setTime,onSubtitleToggle:()=>{Ut(e=>!e)},nextDisabled:!y,onEnded:hn,onFullscreen:dn,isFullscreen:it,mobileViewMode:U,settingsPortalContainer:Ye.current,onMobileViewModeChange:Qt,onInteractionToggle:xn,onNext:mn,onPrev:fn,prevDisabled:!qt,showControls:k,texts:jt,customActionContext:Le,customActions:q,useAutoAdvanceToggle:ie})}):null]})]})};exports.default=Gn;
|
|
2
2
|
//# sourceMappingURL=Slide.cjs.js.map
|