markdown-flow-ui 0.1.108 → 0.1.109

package/dist/components/Slide/Slide.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.es.js","sources":["../../../src/components/Slide/Slide.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { ChevronLeft } from \"lucide-react\";\n\nimport { isSandboxInteractionMessage } from \"../../lib/sandboxInteraction\";\nimport { cn } from \"../../lib/utils\";\nimport LoadingOverlayCard from \"../ui/loading-overlay-card\";\nimport ContentRender from \"../ContentRender\";\nimport type { ContentRenderProps } from \"../ContentRender/ContentRender\";\nimport IframeSandbox from \"../ContentRender/IframeSandbox\";\nimport type { OnSendContentParams } from \"../types\";\nimport {\n  getInteractionDefaultSelectedValues,\n  getInteractionDefaultValues,\n  type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\nimport {\n  isLandscapeViewport as getIsFullscreenPreferredViewport,\n  isMobileDevice as getIsMobileDevice,\n  subscribeMobileDeviceChange,\n} from \"../../lib/mobileDevice\";\nimport Player from \"./Player\";\nimport type { PlayerProps, SlidePlayerTexts } from \"./Player\";\nimport { DEFAULT_SLIDE_PLAYER_TEXTS } from \"./constants\";\nimport SlideFullscreenHint from \"./SlideFullscreenHint\";\nimport type { Element } from \"./types\";\nimport useSlide from \"./useSlide\";\nimport useWakePlayerFromIframe from \"./useWakePlayerFromIframe\";\nimport {\n  DEFAULT_MOBILE_VIEW_MODE,\n  resolveMobileViewModeState,\n  type MobileViewMode,\n} from \"./utils/mobileScreenMode\";\nimport { shouldPresentInteractionOverlay } from \"./utils/interactionPlayback\";\nimport { getPlaybackSequenceTransition } from \"./utils/playbackSequence\";\nimport {\n  getPlayerCustomActionCount,\n  resolvePlayerCustomActionElement,\n} from \"./utils/playerCustomActions\";\nimport { shouldUseAutoAdvanceToggle } from \"./utils/playerToggleMode\";\nimport \"./slide.css\";\nexport type {\n  Element,\n  ElementAudioSegment,\n  SlidePlayerCustomActionContext,\n  SlidePlayerCustomActions,\n} from \"./types\";\n\nconst DEFAULT_MARKER_AUTO_ADVANCE_DELAY_MS = 2000;\n\ntype RenderSlideElementOptions = {\n  replaceRootScreenHeightWithFull?: boolean;\n};\n\ninterface InteractionOverlayCardProps {\n  content: string;\n  title: string;\n  defaultButtonText?: string;\n  defaultInputText?: string;\n  defaultSelectedValues?: string[];\n  confirmButtonText?: string;\n  copyButtonText?: string;\n  copiedButtonText?: string;\n  onSend?: (content: OnSendContentParams) => void;\n  readonly?: boolean;\n}\n\nexport interface SlideInteractionTexts\n  extends Pick<\n    ContentRenderProps,\n    \"confirmButtonText\" | \"copyButtonText\" | \"copiedButtonText\"\n  > {\n  title?: string;\n}\n\nexport type SlideFullscreenHeader = {\n  content?: React.ReactNode;\n  backAriaLabel?: string;\n  onBack?: () => void;\n};\n\nconst InteractionOverlayCard = memo(\n  ({\n    content,\n    title,\n    defaultButtonText,\n    defaultInputText,\n    defaultSelectedValues,\n    confirmButtonText,\n    copyButtonText,\n    copiedButtonText,\n    onSend,\n    readonly = false,\n  }: InteractionOverlayCardProps) => (\n    <div className=\"slide-player__interaction-card\">\n      <div className=\"slide-player__interaction-header\">\n        <p className=\"slide-player__interaction-title\">{title}</p>\n      </div>\n      <div className=\"slide-player__interaction-body\">\n        <ContentRender\n          content={content}\n          defaultButtonText={defaultButtonText}\n          defaultInputText={defaultInputText}\n          defaultSelectedValues={defaultSelectedValues}\n          confirmButtonText={confirmButtonText}\n          copyButtonText={copyButtonText}\n          copiedButtonText={copiedButtonText}\n          onSend={onSend}\n          readonly={readonly}\n          enableTypewriter={false}\n          sandboxMode=\"content\"\n        />\n      </div>\n      <div className=\"slide-player__interaction-arrow\" />\n    </div>\n  )\n);\n\nInteractionOverlayCard.displayName = \"InteractionOverlayCard\";\n\nconst areStepElementListsEqual = (\n  prevElementList: Element[],\n  nextElementList: Element[]\n) =>\n  prevElementList.length === nextElementList.length &&\n  prevElementList.every((element, index) => {\n    const nextElement = nextElementList[index];\n\n    return (\n      element.sequence_number === nextElement?.sequence_number &&\n      element.type === nextElement?.type &&\n      element.content === nextElement?.content\n    );\n  });\n\nexport interface SlideProps extends React.ComponentProps<\"section\"> {\n  elementList?: Element[];\n  showPlayer?: boolean;\n  playerAlwaysVisible?: boolean;\n  playerClassName?: string;\n  fullscreenHeader?: SlideFullscreenHeader;\n  playerCustomActions?: PlayerProps[\"customActions\"];\n  playerCustomActionPauseOnActive?: boolean;\n  bufferingText?: string;\n  interactionTitle?: string;\n  interactionTexts?: SlideInteractionTexts;\n  playerTexts?: SlidePlayerTexts;\n  playerAutoHideDelay?: number;\n  markerAutoAdvanceDelay?: number;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  onSend?: (content: OnSendContentParams, element?: Element) => void;\n  onPlayerVisibilityChange?: (visible: boolean) => void;\n  onMobileViewModeChange?: (viewMode: MobileViewMode) => void;\n  onStepChange?: (element: Element | undefined, index: number) => void;\n  enableIframeScaling?: boolean;\n}\n\nconst Slide: React.FC<SlideProps> = ({\n  elementList = [],\n  showPlayer = true,\n  playerAlwaysVisible = false,\n  playerClassName,\n  fullscreenHeader,\n  playerCustomActions,\n  playerCustomActionPauseOnActive = true,\n  bufferingText = \"Buffering...\",\n  interactionTitle,\n  interactionTexts,\n  playerTexts,\n  playerAutoHideDelay = 3000,\n  markerAutoAdvanceDelay = DEFAULT_MARKER_AUTO_ADVANCE_DELAY_MS,\n  interactionDefaultValueOptions,\n  onSend,\n  onPlayerVisibilityChange,\n  onMobileViewModeChange,\n  onStepChange,\n  enableIframeScaling = true,\n  className,\n  onPointerDown,\n  ...props\n}) => {\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const viewportRef = useRef<HTMLDivElement | null>(null);\n  const stageLayerRef = useRef<HTMLDivElement | null>(null);\n  const lastElementRef = useRef<HTMLDivElement | null>(null);\n  const playerHideTimerRef = useRef<number | null>(null);\n  const autoAdvanceTimerRef = useRef<number | null>(null);\n  const interactionAutoCloseTimerRef = useRef<number | null>(null);\n  const prevRenderElementKeysRef = useRef<string[]>([]);\n  const shouldScrollToBottomRef = useRef(false);\n  const pendingInteractionOverlayStepIndexRef = useRef<number | null>(null);\n  const playbackResetKeyRef = useRef<string | null>(null);\n  const {\n    currentElementList,\n    stepElementLists,\n    slideElementList,\n    currentIndex,\n    audioList,\n    currentAudioSequenceIndexes,\n    currentStepHasSpeakableElement,\n    currentInteractionElement,\n    canGoPrev,\n    canGoNext,\n    handlePrev: goPrev,\n    handleNext: goNext,\n  } = useSlide(elementList);\n  const currentStepElement = useMemo(() => {\n    if (currentIndex < 0) {\n      return undefined;\n    }\n\n    return slideElementList[currentIndex];\n  }, [currentIndex, slideElementList]);\n  const visibleMarkerCount = slideElementList.filter(\n    (element) => element.is_renderable !== false\n  ).length;\n  const isSingleSlide = visibleMarkerCount === 1;\n  const shouldRenderPlayer =\n    showPlayer &&\n    (slideElementList.length > 0 ||\n      audioList.length > 0 ||\n      Boolean(currentInteractionElement));\n  const currentAudioSequenceKeys = useMemo(\n    () =>\n      currentAudioSequenceIndexes\n        .map((audioIndex) => audioList[audioIndex]?.audioKey)\n        .filter((audioKey): audioKey is string => Boolean(audioKey)),\n    [audioList, currentAudioSequenceIndexes]\n  );\n  const [isPlayerVisible, setIsPlayerVisible] = useState(true);\n  const [hasPlayerInteracted, setHasPlayerInteracted] = useState(false);\n  const [isAutoAdvanceEnabled, setIsAutoAdvanceEnabled] = useState(true);\n  const [currentAudioKey, setCurrentAudioKey] = useState<string | null>(null);\n  const [isAudioLoadingVisible, setIsAudioLoadingVisible] = useState(false);\n  const [hasCompletedCurrentStepAudio, setHasCompletedCurrentStepAudio] =\n    useState(false);\n  const [isPlayerCustomActionActive, setIsPlayerCustomActionActive] =\n    useState(false);\n  const [activeInteractionElement, setActiveInteractionElement] = useState<\n    Element | undefined\n  >();\n  const [isInteractionOverlayOpen, setIsInteractionOverlayOpen] =\n    useState(false);\n  const [isBrowserFullscreen, setIsBrowserFullscreen] = useState(false);\n  const isMobileDevice = useMemo(() => getIsMobileDevice(), []);\n  const [mobileViewMode, setMobileViewMode] = useState<MobileViewMode>(\n    DEFAULT_MOBILE_VIEW_MODE\n  );\n  const [hasManualMobileViewMode, setHasManualMobileViewMode] = useState(false);\n  const [isViewportFullscreenPreferred, setIsViewportFullscreenPreferred] =\n    useState(() =>\n      isMobileDevice ? getIsFullscreenPreferredViewport() : false\n    );\n  const [isFullscreenHintOpen, setIsFullscreenHintOpen] = useState(false);\n  const {\n    effectiveMobileViewMode,\n    isImmersiveMobileFullscreen,\n    isNativeMobileFullscreen,\n    shouldRotateFullscreenViewport,\n  } = useMemo(\n    () =>\n      resolveMobileViewModeState({\n        hasManualMobileViewMode,\n        isMobileDevice,\n        isViewportFullscreenPreferred,\n        mobileViewMode,\n      }),\n    [\n      hasManualMobileViewMode,\n      isMobileDevice,\n      isViewportFullscreenPreferred,\n      mobileViewMode,\n    ]\n  );\n  const previousEffectiveMobileViewModeRef = useRef(effectiveMobileViewMode);\n  const playerVisible =\n    shouldRenderPlayer && (playerAlwaysVisible || isPlayerVisible);\n  const shouldShowFullscreenHeader =\n    isImmersiveMobileFullscreen && playerVisible;\n  const shouldApplyFullscreenViewportPadding =\n    isImmersiveMobileFullscreen && playerVisible;\n  const shouldShowMobileFullscreenMask =\n    isImmersiveMobileFullscreen || isNativeMobileFullscreen;\n  const fullscreenHintText =\n    playerTexts?.fullscreenHintText ??\n    DEFAULT_SLIDE_PLAYER_TEXTS.fullscreenHintText;\n  const handleMobileViewModeSelect = useCallback(\n    (nextViewMode: MobileViewMode) => {\n      setHasManualMobileViewMode(true);\n      setMobileViewMode(nextViewMode);\n    },\n    []\n  );\n  const handleMobileViewModeReset = useCallback(() => {\n    // Clear manual override so the effective mode returns to the default non-fullscreen state.\n    setHasManualMobileViewMode(false);\n    setMobileViewMode(DEFAULT_MOBILE_VIEW_MODE);\n  }, []);\n  const handleFullscreenHeaderBack = useCallback(() => {\n    handleMobileViewModeReset();\n    fullscreenHeader?.onBack?.();\n  }, [fullscreenHeader, handleMobileViewModeReset]);\n  const handleFullscreenHintClose = useCallback(() => {\n    setIsFullscreenHintOpen(false);\n  }, []);\n  const setPlayerCustomActionActive = useCallback((active: boolean) => {\n    setIsPlayerCustomActionActive(active);\n  }, []);\n  const togglePlayerCustomActionActive = useCallback(() => {\n    setIsPlayerCustomActionActive((previous) => !previous);\n  }, []);\n  const { mountedStepStates, currentMountedStateIndex } = useMemo(() => {\n    const nextMountedStepStates: Array<{\n      elementList: Element[];\n      sourceStepIndexes: number[];\n    }> = [];\n    const mountedStateIndexByStep = new Map<number, number>();\n\n    stepElementLists.forEach((stepElementList, stepIndex) => {\n      const existingMountedStateIndex = nextMountedStepStates.findIndex(\n        (mountedStepState) =>\n          areStepElementListsEqual(\n            mountedStepState.elementList,\n            stepElementList\n          )\n      );\n\n      if (existingMountedStateIndex >= 0) {\n        nextMountedStepStates[\n          existingMountedStateIndex\n        ]?.sourceStepIndexes.push(stepIndex);\n        mountedStateIndexByStep.set(stepIndex, existingMountedStateIndex);\n        return;\n      }\n\n      nextMountedStepStates.push({\n        elementList: stepElementList,\n        sourceStepIndexes: [stepIndex],\n      });\n      mountedStateIndexByStep.set(stepIndex, nextMountedStepStates.length - 1);\n    });\n\n    return {\n      mountedStepStates: nextMountedStepStates,\n      currentMountedStateIndex:\n        currentIndex >= 0\n          ? (mountedStateIndexByStep.get(currentIndex) ?? -1)\n          : -1,\n    };\n  }, [currentIndex, stepElementLists]);\n  const currentStepKey = useMemo(() => String(currentIndex), [currentIndex]);\n  const currentAudioIndex = useMemo(() => {\n    if (!currentAudioKey) {\n      return -1;\n    }\n\n    return audioList.findIndex(\n      (audioItem) => (audioItem.audioKey ?? \"\") === currentAudioKey\n    );\n  }, [audioList, currentAudioKey]);\n  const currentAudioSequenceStartKey = useMemo(\n    () => currentAudioSequenceKeys[0] ?? \"none\",\n    [currentAudioSequenceKeys]\n  );\n  const playerCustomActionContext = useMemo(\n    () => ({\n      currentElement: resolvePlayerCustomActionElement({\n        currentAudioIndex,\n        currentAudioSequenceIndexes,\n        audioList,\n        currentInteractionElement: activeInteractionElement,\n        currentStepElement,\n      }),\n      currentIndex,\n      currentStepElement,\n      isActive: isPlayerCustomActionActive,\n      setActive: setPlayerCustomActionActive,\n      toggleActive: togglePlayerCustomActionActive,\n    }),\n    [\n      activeInteractionElement,\n      audioList,\n      currentAudioIndex,\n      currentAudioSequenceIndexes,\n      currentIndex,\n      currentStepElement,\n      isPlayerCustomActionActive,\n      setPlayerCustomActionActive,\n      togglePlayerCustomActionActive,\n    ]\n  );\n  const playerCustomActionCount = useMemo(\n    () =>\n      getPlayerCustomActionCount(\n        playerCustomActions,\n        playerCustomActionContext\n      ),\n    [playerCustomActionContext, playerCustomActions]\n  );\n  const interactionOverlayStyle = useMemo(\n    () =>\n      ({\n        \"--slide-player-custom-action-count\": String(playerCustomActionCount),\n        \"--slide-player-mobile-control-count\": String(\n          playerCustomActionCount + 4\n        ),\n      }) as React.CSSProperties,\n    [playerCustomActionCount]\n  );\n  const hasAvailableStepAudio = currentAudioSequenceKeys.length > 0;\n  const currentInteractionResetKey = useMemo(() => {\n    if (!currentInteractionElement) {\n      return \"none\";\n    }\n\n    return `${currentInteractionElement.sequence_number ?? \"none\"}:${String(\n      currentInteractionElement.content ?? \"\"\n    )}`;\n  }, [currentInteractionElement]);\n  const currentPlaybackResetKey = useMemo(\n    () => [currentStepKey, currentInteractionResetKey].join(\"|\"),\n    [currentInteractionResetKey, currentStepKey]\n  );\n  const currentStepAudioUrl = useMemo(() => {\n    if (\n      !currentAudioSequenceStartKey ||\n      currentAudioSequenceStartKey === \"none\"\n    ) {\n      return \"\";\n    }\n\n    const currentStepAudioItem = audioList.find(\n      (audioItem) => audioItem.audioKey === currentAudioSequenceStartKey\n    );\n\n    return currentStepAudioItem?.audioUrl?.trim() ?? \"\";\n  }, [audioList, currentAudioSequenceStartKey]);\n  const hasCurrentStepAudioUrl = Boolean(currentStepAudioUrl);\n  const shouldPausePlaybackForCustomAction =\n    playerCustomActionPauseOnActive &&\n    Boolean(playerCustomActions) &&\n    isPlayerCustomActionActive;\n  const shouldUseSilentStepAutoAdvanceToggle = useMemo(\n    () =>\n      shouldUseAutoAdvanceToggle({\n        canGoNext,\n        currentAudioIndex,\n        currentStepHasSpeakableElement,\n        hasInteraction: Boolean(currentInteractionElement),\n      }),\n    [\n      canGoNext,\n      currentAudioIndex,\n      currentInteractionElement,\n      currentStepHasSpeakableElement,\n    ]\n  );\n\n  const clearPlayerHideTimer = useCallback(() => {\n    if (playerHideTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(playerHideTimerRef.current);\n    playerHideTimerRef.current = null;\n  }, []);\n\n  const clearInteractionAutoCloseTimer = useCallback(() => {\n    if (interactionAutoCloseTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(interactionAutoCloseTimerRef.current);\n    interactionAutoCloseTimerRef.current = null;\n  }, []);\n\n  const clearAutoAdvanceTimer = useCallback(() => {\n    if (autoAdvanceTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(autoAdvanceTimerRef.current);\n    autoAdvanceTimerRef.current = null;\n  }, []);\n\n  const resetAudioSequence = useCallback(() => {\n    clearAutoAdvanceTimer();\n    clearInteractionAutoCloseTimer();\n    setCurrentAudioKey(null);\n    setIsAudioLoadingVisible(false);\n    setHasCompletedCurrentStepAudio(false);\n    setActiveInteractionElement(undefined);\n    setIsInteractionOverlayOpen(false);\n  }, [clearAutoAdvanceTimer, clearInteractionAutoCloseTimer]);\n\n  const startCurrentAudioSequence = useCallback(() => {\n    const nextAudioKey = currentAudioSequenceKeys[0];\n\n    if (!nextAudioKey) {\n      return false;\n    }\n\n    // Start the first audio segment for the current step immediately.\n    setCurrentAudioKey(nextAudioKey);\n    return true;\n  }, [currentAudioSequenceKeys]);\n\n  const continueAfterInteraction = useCallback(() => {\n    clearInteractionAutoCloseTimer();\n    setIsInteractionOverlayOpen(false);\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (canGoNext) {\n      goNext();\n    }\n  }, [\n    canGoNext,\n    clearInteractionAutoCloseTimer,\n    goNext,\n    startCurrentAudioSequence,\n  ]);\n\n  const showPlayerControls = useCallback(\n    (enableAutoHide = hasPlayerInteracted) => {\n      if (!shouldRenderPlayer) {\n        return;\n      }\n\n      setIsPlayerVisible(true);\n      clearPlayerHideTimer();\n\n      if (playerAlwaysVisible || !enableAutoHide || playerAutoHideDelay <= 0) {\n        return;\n      }\n\n      playerHideTimerRef.current = window.setTimeout(() => {\n        setIsPlayerVisible(false);\n        playerHideTimerRef.current = null;\n      }, playerAutoHideDelay);\n    },\n    [\n      clearPlayerHideTimer,\n      hasPlayerInteracted,\n      playerAlwaysVisible,\n      playerAutoHideDelay,\n      shouldRenderPlayer,\n    ]\n  );\n\n  const hasResolvedCurrentInteraction = Boolean(\n    currentInteractionElement?.readonly ||\n      currentInteractionElement?.user_input?.trim()\n  );\n\n  const shouldBlockPlaybackForInteraction =\n    Boolean(currentInteractionElement) && !hasResolvedCurrentInteraction;\n\n  useEffect(() => {\n    // Reset silent-step autoplay toggle whenever navigation lands on a new step.\n    setIsAutoAdvanceEnabled(true);\n\n    if (playerCustomActionPauseOnActive) {\n      setIsPlayerCustomActionActive(false);\n    }\n  }, [currentIndex, playerCustomActionPauseOnActive]);\n\n  useEffect(() => {\n    return () => {\n      clearAutoAdvanceTimer();\n      clearPlayerHideTimer();\n      clearInteractionAutoCloseTimer();\n    };\n  }, [\n    clearAutoAdvanceTimer,\n    clearInteractionAutoCloseTimer,\n    clearPlayerHideTimer,\n  ]);\n\n  useEffect(() => {\n    onPlayerVisibilityChange?.(playerVisible);\n\n    return () => {\n      onPlayerVisibilityChange?.(false);\n    };\n  }, [onPlayerVisibilityChange, playerVisible]);\n\n  useEffect(() => {\n    if (isMobileDevice || mobileViewMode === DEFAULT_MOBILE_VIEW_MODE) {\n      return;\n    }\n\n    setHasManualMobileViewMode(false);\n    setMobileViewMode(DEFAULT_MOBILE_VIEW_MODE);\n  }, [isMobileDevice, mobileViewMode]);\n\n  useEffect(() => {\n    if (!isMobileDevice) {\n      setIsViewportFullscreenPreferred(false);\n      return;\n    }\n\n    const syncViewportFullscreenPreference = () => {\n      setIsViewportFullscreenPreferred(getIsFullscreenPreferredViewport());\n    };\n\n    syncViewportFullscreenPreference();\n\n    return subscribeMobileDeviceChange(syncViewportFullscreenPreference);\n  }, [isMobileDevice]);\n\n  useEffect(() => {\n    onMobileViewModeChange?.(effectiveMobileViewMode);\n  }, [effectiveMobileViewMode, onMobileViewModeChange]);\n\n  useEffect(() => {\n    const previousMode = previousEffectiveMobileViewModeRef.current;\n    const hasEnteredFullscreen =\n      previousMode !== \"fullscreen\" && effectiveMobileViewMode === \"fullscreen\";\n    const shouldShowFullscreenHint =\n      hasEnteredFullscreen && !isViewportFullscreenPreferred;\n\n    previousEffectiveMobileViewModeRef.current = effectiveMobileViewMode;\n\n    if (!isMobileDevice) {\n      setIsFullscreenHintOpen(false);\n      return;\n    }\n\n    if (shouldShowFullscreenHint) {\n      setIsFullscreenHintOpen(true);\n      return;\n    }\n\n    if (effectiveMobileViewMode !== \"fullscreen\") {\n      setIsFullscreenHintOpen(false);\n    }\n  }, [effectiveMobileViewMode, isMobileDevice, isViewportFullscreenPreferred]);\n\n  useEffect(() => {\n    onStepChange?.(currentStepElement, currentIndex);\n  }, [currentIndex, currentStepElement, onStepChange]);\n\n  useEffect(() => {\n    if (!shouldRenderPlayer) {\n      clearPlayerHideTimer();\n      setIsPlayerVisible(false);\n      return;\n    }\n\n    if (playerAlwaysVisible) {\n      clearPlayerHideTimer();\n      setIsPlayerVisible(true);\n      return;\n    }\n\n    if (!hasPlayerInteracted) {\n      // Keep the initial player visible briefly, then hide it automatically.\n      showPlayerControls(true);\n    }\n  }, [\n    clearPlayerHideTimer,\n    hasPlayerInteracted,\n    playerAlwaysVisible,\n    shouldRenderPlayer,\n    showPlayerControls,\n  ]);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const handleSandboxInteraction = (event: MessageEvent) => {\n      if (event.origin !== window.location.origin) {\n        return;\n      }\n\n      if (!isSandboxInteractionMessage(event.data)) {\n        return;\n      }\n\n      if (event.data.eventType !== \"click\") {\n        return;\n      }\n\n      if (!shouldRenderPlayer) {\n        return;\n      }\n\n      // Restore player controls on explicit click/tap without waking on scroll start.\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    };\n\n    window.addEventListener(\"message\", handleSandboxInteraction);\n\n    return () => {\n      window.removeEventListener(\"message\", handleSandboxInteraction);\n    };\n  }, [shouldRenderPlayer, showPlayerControls]);\n\n  useWakePlayerFromIframe({\n    sectionRef,\n    enabled: shouldRenderPlayer,\n    onWake: () => {\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    },\n  });\n\n  useEffect(() => {\n    const { hasPlaybackContextChanged, shouldInitializeAudioSequence } =\n      getPlaybackSequenceTransition({\n        previousResetKey: playbackResetKeyRef.current,\n        nextResetKey: currentPlaybackResetKey,\n        currentAudioKey,\n        hasCompletedCurrentStepAudio,\n      });\n\n    playbackResetKeyRef.current = currentPlaybackResetKey;\n\n    const shouldOpenInteractionOverlayAfterAudio =\n      pendingInteractionOverlayStepIndexRef.current === currentIndex &&\n      Boolean(currentInteractionElement);\n    const shouldPresentOverlay = shouldPresentInteractionOverlay({\n      hasInteraction: Boolean(currentInteractionElement),\n      shouldBlockPlaybackForInteraction,\n      shouldOpenInteractionOverlayAfterAudio,\n      hasPlaybackContextChanged,\n      hasResolvedCurrentInteraction,\n      currentStepHasSpeakableElement,\n    });\n\n    if (hasPlaybackContextChanged) {\n      resetAudioSequence();\n    }\n\n    if (currentElementList.length === 0 && !currentInteractionElement) {\n      return;\n    }\n\n    if (shouldPausePlaybackForCustomAction) {\n      return;\n    }\n\n    if (shouldPresentOverlay) {\n      // Re-open history interaction markers so manual prev/next still reveals the overlay.\n      setActiveInteractionElement(currentInteractionElement);\n      setIsInteractionOverlayOpen(true);\n      pendingInteractionOverlayStepIndexRef.current = null;\n      return;\n    }\n\n    if (currentInteractionElement) {\n      setActiveInteractionElement(currentInteractionElement);\n      pendingInteractionOverlayStepIndexRef.current = null;\n    }\n\n    if (!shouldInitializeAudioSequence) {\n      return;\n    }\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (currentStepHasSpeakableElement) {\n      setIsAudioLoadingVisible(true);\n      return;\n    }\n\n    if (!canGoNext) {\n      return;\n    }\n\n    if (shouldUseSilentStepAutoAdvanceToggle && !isAutoAdvanceEnabled) {\n      return;\n    }\n\n    // Auto-advance silent marker-only steps so playback flow does not stall.\n    autoAdvanceTimerRef.current = window.setTimeout(() => {\n      autoAdvanceTimerRef.current = null;\n      goNext();\n    }, markerAutoAdvanceDelay);\n\n    return () => {\n      clearAutoAdvanceTimer();\n    };\n  }, [\n    canGoNext,\n    clearAutoAdvanceTimer,\n    currentElementList.length,\n    currentInteractionElement,\n    currentAudioKey,\n    currentPlaybackResetKey,\n    currentStepHasSpeakableElement,\n    markerAutoAdvanceDelay,\n    goNext,\n    hasCompletedCurrentStepAudio,\n    isAutoAdvanceEnabled,\n    hasResolvedCurrentInteraction,\n    shouldBlockPlaybackForInteraction,\n    resetAudioSequence,\n    startCurrentAudioSequence,\n    shouldPausePlaybackForCustomAction,\n    shouldUseSilentStepAutoAdvanceToggle,\n  ]);\n\n  useEffect(() => {\n    if (\n      shouldPausePlaybackForCustomAction ||\n      !currentStepHasSpeakableElement ||\n      shouldBlockPlaybackForInteraction\n    ) {\n      setIsAudioLoadingVisible(false);\n      return;\n    }\n\n    if (hasCompletedCurrentStepAudio) {\n      setIsAudioLoadingVisible(false);\n      return;\n    }\n\n    if (hasAvailableStepAudio) {\n      setIsAudioLoadingVisible(false);\n      return;\n    }\n\n    setIsAudioLoadingVisible(true);\n  }, [\n    hasAvailableStepAudio,\n    currentStepHasSpeakableElement,\n    hasCompletedCurrentStepAudio,\n    shouldPausePlaybackForCustomAction,\n    shouldBlockPlaybackForInteraction,\n  ]);\n\n  useEffect(() => {\n    if (currentAudioKey || currentAudioSequenceKeys.length === 0) {\n      return;\n    }\n\n    if (\n      shouldPausePlaybackForCustomAction ||\n      !currentStepHasSpeakableElement ||\n      shouldBlockPlaybackForInteraction\n    ) {\n      return;\n    }\n\n    if (hasCompletedCurrentStepAudio) {\n      return;\n    }\n\n    startCurrentAudioSequence();\n  }, [\n    currentAudioKey,\n    currentAudioSequenceKeys,\n    currentStepHasSpeakableElement,\n    hasCompletedCurrentStepAudio,\n    shouldPausePlaybackForCustomAction,\n    shouldBlockPlaybackForInteraction,\n    startCurrentAudioSequence,\n  ]);\n\n  useEffect(() => {\n    if (!currentAudioKey || currentAudioIndex >= 0) {\n      return;\n    }\n\n    setCurrentAudioKey(null);\n  }, [currentAudioIndex, currentAudioKey]);\n\n  const interactionDefaults = useMemo(() => {\n    if (!activeInteractionElement) {\n      return {};\n    }\n\n    const shouldPreferResolvedInteractionInput = Boolean(\n      activeInteractionElement.user_input?.trim()\n    );\n\n    return getInteractionDefaultValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input,\n      shouldPreferResolvedInteractionInput\n        ? undefined\n        : interactionDefaultValueOptions\n    );\n  }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n  const interactionDefaultSelectedValues = useMemo(() => {\n    if (!activeInteractionElement) {\n      return undefined;\n    }\n\n    const shouldPreferResolvedInteractionInput = Boolean(\n      activeInteractionElement.user_input?.trim()\n    );\n\n    return getInteractionDefaultSelectedValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input,\n      shouldPreferResolvedInteractionInput\n        ? undefined\n        : interactionDefaultValueOptions\n    );\n  }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n  const hasResolvedInteractionInput = Boolean(\n    activeInteractionElement?.user_input?.trim()\n  );\n\n  const isInteractionReadonly =\n    Boolean(activeInteractionElement?.readonly) || hasResolvedInteractionInput;\n  const shouldAutoContinueInteraction =\n    isInteractionReadonly || hasResolvedInteractionInput;\n\n  const handleInteractionSend = useCallback(\n    (content: OnSendContentParams) => {\n      const submittedValues = [\n        ...(content.selectedValues ?? []),\n        content.inputText?.trim() ?? \"\",\n        content.buttonText?.trim() ?? \"\",\n      ].filter(Boolean);\n      const resolvedUserInput = submittedValues.join(\", \");\n\n      setActiveInteractionElement((prevElement) => {\n        if (!prevElement || !resolvedUserInput) {\n          return prevElement;\n        }\n\n        return {\n          ...prevElement,\n          user_input: resolvedUserInput,\n        };\n      });\n\n      onSend?.(content, activeInteractionElement);\n      continueAfterInteraction();\n    },\n    [activeInteractionElement, continueAfterInteraction, onSend]\n  );\n\n  useEffect(() => {\n    // Keep the player icon in sync with the actual fullscreen owner.\n    const syncFullscreenState = () => {\n      setIsBrowserFullscreen(document.fullscreenElement === sectionRef.current);\n    };\n\n    syncFullscreenState();\n    document.addEventListener(\"fullscreenchange\", syncFullscreenState);\n\n    return () => {\n      document.removeEventListener(\"fullscreenchange\", syncFullscreenState);\n    };\n  }, []);\n\n  useEffect(() => {\n    clearInteractionAutoCloseTimer();\n\n    if (!isInteractionOverlayOpen || !shouldAutoContinueInteraction) {\n      return;\n    }\n\n    // Auto-close passive interaction markers to keep playback moving.\n    interactionAutoCloseTimerRef.current = window.setTimeout(() => {\n      interactionAutoCloseTimerRef.current = null;\n\n      continueAfterInteraction();\n    }, 2000);\n\n    return () => {\n      clearInteractionAutoCloseTimer();\n    };\n  }, [\n    clearInteractionAutoCloseTimer,\n    continueAfterInteraction,\n    isInteractionOverlayOpen,\n    shouldAutoContinueInteraction,\n  ]);\n\n  const renderSlideElement = (\n    element?: Element,\n    options: RenderSlideElementOptions = {}\n  ) => {\n    if (!element) {\n      return null;\n    }\n\n    if (element.type === \"slot\") {\n      return <>{element.content}</>;\n    }\n\n    if (element.type === \"html\") {\n      return (\n        <IframeSandbox\n          className=\"content-render-iframe\"\n          hideFullScreen\n          mode=\"blackboard\"\n          replaceRootScreenHeightWithFull={\n            options.replaceRootScreenHeightWithFull\n          }\n          type=\"sandbox\"\n          content={element.content as string}\n          enableScaling={enableIframeScaling}\n        />\n      );\n    }\n\n    return (\n      <IframeSandbox\n        className=\"content-render-iframe\"\n        hideFullScreen\n        mode=\"blackboard\"\n        type=\"markdown\"\n        content={element.content as string}\n      />\n    );\n  };\n\n  const renderSlideElementList = (\n    elementList: Element[] = [],\n    isActiveStep = false\n  ) => {\n    if (elementList.length === 0) {\n      return null;\n    }\n\n    const visibleElementCount = elementList.filter(\n      (element) => element.is_renderable !== false\n    ).length;\n    const lastVisibleElementIndex = elementList.reduce(\n      (lastVisibleIndex, element, index) =>\n        element.is_renderable !== false ? index : lastVisibleIndex,\n      -1\n    );\n\n    return (\n      <div className=\"slide-stage__content flex w-full flex-col gap-4\">\n        {elementList.map((element, index) => {\n          const isPreRenderedHtml =\n            element.type === \"html\" && element.is_renderable === false;\n\n          return (\n            <div\n              key={element.sequence_number ?? `${element.type}-${index}`}\n              ref={\n                isActiveStep && index === lastVisibleElementIndex\n                  ? lastElementRef\n                  : null\n              }\n              aria-hidden={isPreRenderedHtml || undefined}\n              className={cn(\n                \"w-full shrink-0\",\n                visibleElementCount === 1 &&\n                  element.is_renderable !== false &&\n                  \"slide-element--single\",\n                isPreRenderedHtml\n                  ? \"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0\"\n                  : element.is_renderable === false && \"hidden\"\n              )}\n            >\n              {renderSlideElement(element, {\n                replaceRootScreenHeightWithFull:\n                  visibleElementCount === 1 &&\n                  element.type === \"html\" &&\n                  element.is_renderable !== false,\n              })}\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  const handleFullscreen = useCallback(() => {\n    const target = sectionRef.current;\n    if (!target) {\n      return;\n    }\n\n    if (document.fullscreenElement === target) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n\n    target.requestFullscreen?.().catch(() => {});\n  }, []);\n\n  const scrollStageToBottom = useCallback(() => {\n    const stageLayerElement = stageLayerRef.current;\n\n    if (!stageLayerElement) {\n      return;\n    }\n\n    // Keep the latest content visible after manual player navigation.\n    stageLayerElement.scrollTo({\n      top: stageLayerElement.scrollHeight,\n      behavior: \"smooth\",\n    });\n  }, []);\n\n  const handlePrev = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    pendingInteractionOverlayStepIndexRef.current = null;\n    setHasPlayerInteracted(true);\n    setIsAudioLoadingVisible(false);\n    showPlayerControls(true);\n    resetAudioSequence();\n    goPrev();\n  }, [goPrev, resetAudioSequence, showPlayerControls]);\n\n  const handleNext = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    pendingInteractionOverlayStepIndexRef.current = null;\n    setHasPlayerInteracted(true);\n    setIsAudioLoadingVisible(false);\n    showPlayerControls(true);\n    resetAudioSequence();\n    goNext();\n  }, [goNext, resetAudioSequence, showPlayerControls]);\n\n  const handlePlayerLoadingChange = useCallback(\n    (loading: boolean) => {\n      if (!currentStepHasSpeakableElement || hasCompletedCurrentStepAudio) {\n        setIsAudioLoadingVisible(false);\n        return;\n      }\n\n      setIsAudioLoadingVisible(loading);\n    },\n    [currentStepHasSpeakableElement, hasCompletedCurrentStepAudio]\n  );\n\n  const handlePlayerEnded = useCallback(\n    (audioIndex: number) => {\n      const endedAudioKey = audioList[audioIndex]?.audioKey;\n\n      if (!endedAudioKey || !currentAudioKey) {\n        return;\n      }\n\n      if (endedAudioKey !== currentAudioKey) {\n        return;\n      }\n\n      const activeSequencePosition = currentAudioSequenceKeys.findIndex(\n        (audioSequenceKey) => audioSequenceKey === endedAudioKey\n      );\n      if (activeSequencePosition < 0) {\n        setCurrentAudioKey(null);\n        return;\n      }\n\n      const nextSequencePosition = activeSequencePosition + 1;\n      const nextAudioKey = currentAudioSequenceKeys[nextSequencePosition];\n\n      if (nextAudioKey) {\n        setCurrentAudioKey(nextAudioKey);\n        return;\n      }\n\n      setCurrentAudioKey(null);\n      setHasCompletedCurrentStepAudio(true);\n      setIsAudioLoadingVisible(false);\n\n      if (canGoNext) {\n        const nextStepIndex = currentIndex + 1;\n        const nextStepElement = slideElementList[nextStepIndex];\n\n        if (hasCurrentStepAudioUrl && nextStepElement?.type === \"interaction\") {\n          pendingInteractionOverlayStepIndexRef.current = nextStepIndex;\n        }\n\n        goNext();\n      }\n    },\n    [\n      audioList,\n      canGoNext,\n      currentIndex,\n      currentAudioKey,\n      currentAudioSequenceKeys,\n      goNext,\n      hasCurrentStepAudioUrl,\n      slideElementList,\n    ]\n  );\n\n  const handleInteractionToggle = useCallback(() => {\n    if (!activeInteractionElement) {\n      return;\n    }\n\n    setIsInteractionOverlayOpen((prevOpen) => !prevOpen);\n  }, [activeInteractionElement]);\n\n  const stopOverlayPropagation = useCallback(\n    (\n      event:\n        | React.PointerEvent<HTMLDivElement>\n        | React.MouseEvent<HTMLDivElement>\n    ) => {\n      event.stopPropagation();\n\n      // Keep the player visible a bit longer when users interact with the overlay.\n      if (playerVisible) {\n        showPlayerControls(true);\n      }\n    },\n    [isPlayerVisible, showPlayerControls]\n  );\n\n  const handleSurfacePointerDown = useCallback(\n    (event: React.PointerEvent<HTMLElement>) => {\n      onPointerDown?.(event);\n    },\n    [onPointerDown]\n  );\n\n  const handleSurfaceClick = useCallback(() => {\n    setHasPlayerInteracted(true);\n    showPlayerControls(true);\n  }, [showPlayerControls]);\n\n  const shouldShowInteractionOverlay =\n    Boolean(activeInteractionElement) && isInteractionOverlayOpen;\n  const currentRenderElementKeys = useMemo(\n    () =>\n      currentElementList.map(\n        (element, index) =>\n          `${element.sequence_number ?? `${element.type}-${index}`}:${String(element.is_new ?? \"\")}`\n      ),\n    [currentElementList]\n  );\n\n  useEffect(() => {\n    const prevKeys = prevRenderElementKeysRef.current;\n    const hasStablePrefix =\n      prevKeys.length > 0 &&\n      prevKeys.length < currentRenderElementKeys.length &&\n      prevKeys.every((key, index) => key === currentRenderElementKeys[index]);\n    const appendedElements = hasStablePrefix\n      ? currentElementList.slice(prevKeys.length)\n      : [];\n    const shouldAutoScrollToAppend = appendedElements.some(\n      (element) => element.is_new === false\n    );\n\n    prevRenderElementKeysRef.current = currentRenderElementKeys;\n\n    if (!shouldAutoScrollToAppend) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      const stageLayerElement = stageLayerRef.current;\n      const targetElement = lastElementRef.current;\n\n      if (!stageLayerElement || !targetElement) {\n        return;\n      }\n\n      const stageLayerRect = stageLayerElement.getBoundingClientRect();\n      const targetRect = targetElement.getBoundingClientRect();\n      const nextScrollTop =\n        stageLayerElement.scrollTop + (targetRect.top - stageLayerRect.top);\n\n      // Keep newly appended content visible when the current slide grows downward.\n      stageLayerElement.scrollTo({\n        top: Math.max(nextScrollTop, 0),\n        behavior: \"smooth\",\n      });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [currentElementList, currentRenderElementKeys]);\n\n  useEffect(() => {\n    if (!shouldScrollToBottomRef.current) {\n      return;\n    }\n\n    shouldScrollToBottomRef.current = false;\n\n    if (currentElementList.length === 0) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      scrollStageToBottom();\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [currentElementList, scrollStageToBottom]);\n\n  return (\n    <section\n      ref={sectionRef}\n      className={cn(\n        \"relative h-full w-full\",\n        isMobileDevice && \"slide--mobile-device\",\n        isImmersiveMobileFullscreen && \"slide--mobile-landscape\",\n        isNativeMobileFullscreen && \"slide--mobile-landscape-native\",\n        className\n      )}\n      onClick={handleSurfaceClick}\n      onPointerDown={handleSurfacePointerDown}\n      {...props}\n    >\n      {shouldShowMobileFullscreenMask ? (\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]\"\n        />\n      ) : null}\n\n      <div\n        ref={viewportRef}\n        className={cn(\n          \"slide__viewport relative h-full min-h-0 w-full\",\n          isImmersiveMobileFullscreen && \"slide__viewport--mobile-landscape\",\n          isImmersiveMobileFullscreen &&\n            !shouldRotateFullscreenViewport &&\n            \"slide__viewport--mobile-landscape-native\"\n        )}\n      >\n        {shouldShowFullscreenHeader ? (\n          <div className=\"slide-landscape-header\">\n            <button\n              aria-label={fullscreenHeader?.backAriaLabel ?? \"Back\"}\n              className=\"slide-landscape-header__back\"\n              onClick={handleFullscreenHeaderBack}\n              type=\"button\"\n            >\n              <ChevronLeft className=\"h-6 w-6 text-white\" strokeWidth={2.25} />\n            </button>\n\n            {fullscreenHeader?.content ? (\n              <div className=\"min-w-0 flex-1 overflow-hidden\">\n                {fullscreenHeader.content}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n\n        <div\n          className={cn(\n            \"h-full min-h-0 w-full\",\n            shouldApplyFullscreenViewportPadding &&\n              \"slide__viewport-content--with-header\",\n            isSingleSlide ? \"slide-content--single\" : \"grid gap-4\"\n          )}\n        >\n          {currentElementList.length > 0 ? (\n            <div className=\"slide-stage\">\n              <div ref={stageLayerRef} className=\"slide-stage__layer w-full\">\n                {mountedStepStates.map(\n                  (mountedStepState, mountedStepStateIndex) => {\n                    const isActiveStep =\n                      mountedStepStateIndex === currentMountedStateIndex;\n\n                    return (\n                      <div\n                        key={\n                          mountedStepState.sourceStepIndexes[0] ??\n                          mountedStepStateIndex\n                        }\n                        aria-hidden={!isActiveStep || undefined}\n                        className=\"w-full h-full\"\n                        style={{ display: isActiveStep ? undefined : \"none\" }}\n                      >\n                        {renderSlideElementList(\n                          mountedStepState.elementList,\n                          isActiveStep\n                        )}\n                      </div>\n                    );\n                  }\n                )}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {isAudioLoadingVisible ? (\n          <LoadingOverlayCard\n            message={bufferingText}\n            className=\"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2\"\n          />\n        ) : null}\n\n        <SlideFullscreenHint\n          onClose={handleFullscreenHintClose}\n          open={isFullscreenHintOpen}\n          text={fullscreenHintText}\n        />\n\n        {shouldShowInteractionOverlay ? (\n          <div\n            className={cn(\n              \"slide-interaction-overlay\",\n              playerVisible && shouldRenderPlayer\n                ? \"slide-interaction-overlay--with-player\"\n                : \"slide-interaction-overlay--standalone\"\n            )}\n            onClick={stopOverlayPropagation}\n            onPointerDown={stopOverlayPropagation}\n            style={interactionOverlayStyle}\n          >\n            <InteractionOverlayCard\n              content={String(activeInteractionElement?.content ?? \"\")}\n              defaultButtonText={interactionDefaults.buttonText ?? \"\"}\n              defaultInputText={interactionDefaults.inputText ?? \"\"}\n              defaultSelectedValues={interactionDefaultSelectedValues}\n              confirmButtonText={interactionTexts?.confirmButtonText}\n              copyButtonText={interactionTexts?.copyButtonText}\n              copiedButtonText={interactionTexts?.copiedButtonText}\n              onSend={handleInteractionSend}\n              readonly={isInteractionReadonly}\n              title={\n                interactionTexts?.title ??\n                interactionTitle ??\n                \"Submit the content below to continue.\"\n              }\n            />\n          </div>\n        ) : null}\n\n        {shouldRenderPlayer ? (\n          <Player\n            audioList={audioList}\n            className={cn(\n              \"absolute left-1/2 bottom-6 z-[2] -translate-x-1/2\",\n              playerClassName,\n              !playerVisible && \"pointer-events-none opacity-0\"\n            )}\n            currentAudioIndex={currentAudioIndex}\n            defaultPlaying\n            isPlaybackPaused={shouldPausePlaybackForCustomAction}\n            isAutoAdvanceEnabled={isAutoAdvanceEnabled}\n            hasInteraction={Boolean(activeInteractionElement)}\n            isInteractionOpen={isInteractionOverlayOpen}\n            onAutoAdvanceToggle={setIsAutoAdvanceEnabled}\n            onLoadingChange={handlePlayerLoadingChange}\n            nextDisabled={!canGoNext}\n            onEnded={handlePlayerEnded}\n            onFullscreen={handleFullscreen}\n            isFullscreen={isBrowserFullscreen}\n            mobileViewMode={effectiveMobileViewMode}\n            settingsPortalContainer={viewportRef.current}\n            onMobileViewModeChange={handleMobileViewModeSelect}\n            onInteractionToggle={handleInteractionToggle}\n            onNext={handleNext}\n            onPrev={handlePrev}\n            prevDisabled={!canGoPrev}\n            showControls={playerVisible}\n            texts={playerTexts}\n            customActionContext={playerCustomActionContext}\n            customActions={playerCustomActions}\n            useAutoAdvanceToggle={shouldUseSilentStepAutoAdvanceToggle}\n          />\n        ) : null}\n      </div>\n    </section>\n  );\n};\n\nexport default Slide;\n"],"names":["DEFAULT_MARKER_AUTO_ADVANCE_DELAY_MS","InteractionOverlayCard","memo","content","title","defaultButtonText","defaultInputText","defaultSelectedValues","confirmButtonText","copyButtonText","copiedButtonText","onSend","readonly","jsxs","jsx","ContentRender","areStepElementListsEqual","prevElementList","nextElementList","element","index","nextElement","Slide","elementList","showPlayer","playerAlwaysVisible","playerClassName","fullscreenHeader","playerCustomActions","playerCustomActionPauseOnActive","bufferingText","interactionTitle","interactionTexts","playerTexts","playerAutoHideDelay","markerAutoAdvanceDelay","interactionDefaultValueOptions","onPlayerVisibilityChange","onMobileViewModeChange","onStepChange","enableIframeScaling","className","onPointerDown","props","sectionRef","useRef","viewportRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","pendingInteractionOverlayStepIndexRef","playbackResetKeyRef","currentElementList","stepElementLists","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentStepHasSpeakableElement","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","currentStepElement","useMemo","isSingleSlide","shouldRenderPlayer","currentAudioSequenceKeys","audioIndex","audioKey","isPlayerVisible","setIsPlayerVisible","useState","hasPlayerInteracted","setHasPlayerInteracted","isAutoAdvanceEnabled","setIsAutoAdvanceEnabled","currentAudioKey","setCurrentAudioKey","isAudioLoadingVisible","setIsAudioLoadingVisible","hasCompletedCurrentStepAudio","setHasCompletedCurrentStepAudio","isPlayerCustomActionActive","setIsPlayerCustomActionActive","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","isBrowserFullscreen","setIsBrowserFullscreen","isMobileDevice","getIsMobileDevice","mobileViewMode","setMobileViewMode","DEFAULT_MOBILE_VIEW_MODE","hasManualMobileViewMode","setHasManualMobileViewMode","isViewportFullscreenPreferred","setIsViewportFullscreenPreferred","getIsFullscreenPreferredViewport","isFullscreenHintOpen","setIsFullscreenHintOpen","effectiveMobileViewMode","isImmersiveMobileFullscreen","isNativeMobileFullscreen","shouldRotateFullscreenViewport","resolveMobileViewModeState","previousEffectiveMobileViewModeRef","playerVisible","shouldShowFullscreenHeader","shouldApplyFullscreenViewportPadding","shouldShowMobileFullscreenMask","fullscreenHintText","DEFAULT_SLIDE_PLAYER_TEXTS","handleMobileViewModeSelect","useCallback","nextViewMode","handleMobileViewModeReset","handleFullscreenHeaderBack","handleFullscreenHintClose","setPlayerCustomActionActive","active","togglePlayerCustomActionActive","previous","mountedStepStates","currentMountedStateIndex","nextMountedStepStates","mountedStateIndexByStep","stepElementList","stepIndex","existingMountedStateIndex","mountedStepState","currentStepKey","currentAudioIndex","audioItem","currentAudioSequenceStartKey","playerCustomActionContext","resolvePlayerCustomActionElement","playerCustomActionCount","getPlayerCustomActionCount","interactionOverlayStyle","hasAvailableStepAudio","currentInteractionResetKey","currentPlaybackResetKey","hasCurrentStepAudioUrl","shouldPausePlaybackForCustomAction","shouldUseSilentStepAutoAdvanceToggle","shouldUseAutoAdvanceToggle","clearPlayerHideTimer","clearInteractionAutoCloseTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioKey","continueAfterInteraction","showPlayerControls","enableAutoHide","hasResolvedCurrentInteraction","shouldBlockPlaybackForInteraction","useEffect","syncViewportFullscreenPreference","subscribeMobileDeviceChange","shouldShowFullscreenHint","handleSandboxInteraction","event","isSandboxInteractionMessage","useWakePlayerFromIframe","hasPlaybackContextChanged","shouldInitializeAudioSequence","getPlaybackSequenceTransition","shouldOpenInteractionOverlayAfterAudio","shouldPresentOverlay","shouldPresentInteractionOverlay","interactionDefaults","shouldPreferResolvedInteractionInput","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","isInteractionReadonly","shouldAutoContinueInteraction","handleInteractionSend","resolvedUserInput","prevElement","syncFullscreenState","renderSlideElement","options","Fragment","IframeSandbox","renderSlideElementList","isActiveStep","visibleElementCount","lastVisibleElementIndex","lastVisibleIndex","isPreRenderedHtml","cn","handleFullscreen","target","scrollStageToBottom","stageLayerElement","handlePrev","handleNext","handlePlayerLoadingChange","loading","handlePlayerEnded","endedAudioKey","activeSequencePosition","audioSequenceKey","nextSequencePosition","nextStepIndex","nextStepElement","handleInteractionToggle","prevOpen","stopOverlayPropagation","handleSurfacePointerDown","handleSurfaceClick","shouldShowInteractionOverlay","currentRenderElementKeys","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","ChevronLeft","mountedStepStateIndex","LoadingOverlayCard","SlideFullscreenHint","Player"],"mappings":"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"}
+{"version":3,"file":"Slide.es.js","sources":["../../../src/components/Slide/Slide.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { ChevronLeft } from \"lucide-react\";\n\nimport { isSandboxInteractionMessage } from \"../../lib/sandboxInteraction\";\nimport { cn } from \"../../lib/utils\";\nimport LoadingOverlayCard from \"../ui/loading-overlay-card\";\nimport ContentRender from \"../ContentRender\";\nimport type { ContentRenderProps } from \"../ContentRender/ContentRender\";\nimport IframeSandbox from \"../ContentRender/IframeSandbox\";\nimport type { OnSendContentParams } from \"../types\";\nimport {\n  getInteractionDefaultSelectedValues,\n  getInteractionDefaultValues,\n  type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\nimport {\n  isLandscapeViewport as getIsFullscreenPreferredViewport,\n  isMobileDevice as getIsMobileDevice,\n  subscribeMobileDeviceChange,\n} from \"../../lib/mobileDevice\";\nimport Player from \"./Player\";\nimport SubtitleOverlay from \"./SubtitleOverlay\";\nimport type { PlayerProps, SlidePlayerTexts } from \"./Player\";\nimport { DEFAULT_SLIDE_PLAYER_TEXTS } from \"./constants\";\nimport SlideFullscreenHint from \"./SlideFullscreenHint\";\nimport type { Element } from \"./types\";\nimport useSlide from \"./useSlide\";\nimport useWakePlayerFromIframe from \"./useWakePlayerFromIframe\";\nimport {\n  DEFAULT_MOBILE_VIEW_MODE,\n  resolveMobileViewModeState,\n  type MobileViewMode,\n} from \"./utils/mobileScreenMode\";\nimport { shouldPresentInteractionOverlay } from \"./utils/interactionPlayback\";\nimport { getPlaybackSequenceTransition } from \"./utils/playbackSequence\";\nimport {\n  getPlayerCustomActionCount,\n  resolvePlayerCustomActionElement,\n} from \"./utils/playerCustomActions\";\nimport { createPlaybackTimeStore } from \"./utils/playbackTimeStore\";\nimport { shouldUseAutoAdvanceToggle } from \"./utils/playerToggleMode\";\nimport \"./slide.css\";\nexport type {\n  Element,\n  ElementAudioSegment,\n  ElementSubtitleCue,\n  SlidePlayerCustomActionContext,\n  SlidePlayerCustomActions,\n} from \"./types\";\n\nconst DEFAULT_MARKER_AUTO_ADVANCE_DELAY_MS = 2000;\nconst DEFAULT_INTERACTION_OVERLAY_OPEN_DELAY_MS = 300;\nconst DEFAULT_INTERACTION_OVERLAY_FALLBACK_OFFSET_PX = 160;\nconst DEFAULT_INTERACTION_SUBTITLE_GAP_PX = 16;\n\ntype RenderSlideElementOptions = {\n  replaceRootScreenHeightWithFull?: boolean;\n};\n\ninterface InteractionOverlayCardProps {\n  content: string;\n  title: string;\n  defaultButtonText?: string;\n  defaultInputText?: string;\n  defaultSelectedValues?: string[];\n  confirmButtonText?: string;\n  copyButtonText?: string;\n  copiedButtonText?: string;\n  onSend?: (content: OnSendContentParams) => void;\n  readonly?: boolean;\n}\n\nexport interface SlideInteractionTexts extends Pick<\n  ContentRenderProps,\n  \"confirmButtonText\" | \"copyButtonText\" | \"copiedButtonText\"\n> {\n  title?: string;\n}\n\nexport type SlideFullscreenHeader = {\n  content?: React.ReactNode;\n  backAriaLabel?: string;\n  onBack?: () => void;\n};\n\nconst InteractionOverlayCard = memo(\n  ({\n    content,\n    title,\n    defaultButtonText,\n    defaultInputText,\n    defaultSelectedValues,\n    confirmButtonText,\n    copyButtonText,\n    copiedButtonText,\n    onSend,\n    readonly = false,\n  }: InteractionOverlayCardProps) => (\n    <div className=\"slide-player__interaction-card\">\n      <div className=\"slide-player__interaction-header\">\n        <p className=\"slide-player__interaction-title\">{title}</p>\n      </div>\n      <div className=\"slide-player__interaction-body\">\n        <ContentRender\n          content={content}\n          defaultButtonText={defaultButtonText}\n          defaultInputText={defaultInputText}\n          defaultSelectedValues={defaultSelectedValues}\n          confirmButtonText={confirmButtonText}\n          copyButtonText={copyButtonText}\n          copiedButtonText={copiedButtonText}\n          onSend={onSend}\n          readonly={readonly}\n          enableTypewriter={false}\n          sandboxMode=\"content\"\n        />\n      </div>\n    </div>\n  )\n);\n\nInteractionOverlayCard.displayName = \"InteractionOverlayCard\";\n\nconst areStepElementListsEqual = (\n  prevElementList: Element[],\n  nextElementList: Element[]\n) =>\n  prevElementList.length === nextElementList.length &&\n  prevElementList.every((element, index) => {\n    const nextElement = nextElementList[index];\n\n    return (\n      element.sequence_number === nextElement?.sequence_number &&\n      element.type === nextElement?.type &&\n      element.content === nextElement?.content\n    );\n  });\n\nexport interface SlideProps extends React.ComponentProps<\"section\"> {\n  elementList?: Element[];\n  showPlayer?: boolean;\n  playerAlwaysVisible?: boolean;\n  playerClassName?: string;\n  fullscreenHeader?: SlideFullscreenHeader;\n  playerCustomActions?: PlayerProps[\"customActions\"];\n  playerCustomActionPauseOnActive?: boolean;\n  bufferingText?: string;\n  interactionTitle?: string;\n  interactionTexts?: SlideInteractionTexts;\n  playerTexts?: SlidePlayerTexts;\n  playerAutoHideDelay?: number;\n  markerAutoAdvanceDelay?: number;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  onSend?: (content: OnSendContentParams, element?: Element) => void;\n  onPlayerVisibilityChange?: (visible: boolean) => void;\n  onMobileViewModeChange?: (viewMode: MobileViewMode) => void;\n  onStepChange?: (element: Element | undefined, index: number) => void;\n  enableIframeScaling?: boolean;\n}\n\nconst Slide: React.FC<SlideProps> = ({\n  elementList = [],\n  showPlayer = true,\n  playerAlwaysVisible = false,\n  playerClassName,\n  fullscreenHeader,\n  playerCustomActions,\n  playerCustomActionPauseOnActive = true,\n  bufferingText = \"Buffering...\",\n  interactionTitle,\n  interactionTexts,\n  playerTexts,\n  playerAutoHideDelay = 3000,\n  markerAutoAdvanceDelay = DEFAULT_MARKER_AUTO_ADVANCE_DELAY_MS,\n  interactionDefaultValueOptions,\n  onSend,\n  onPlayerVisibilityChange,\n  onMobileViewModeChange,\n  onStepChange,\n  enableIframeScaling = true,\n  className,\n  onPointerDown,\n  ...props\n}) => {\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const viewportRef = useRef<HTMLDivElement | null>(null);\n  const stageLayerRef = useRef<HTMLDivElement | null>(null);\n  const lastElementRef = useRef<HTMLDivElement | null>(null);\n  const playerHideTimerRef = useRef<number | null>(null);\n  const autoAdvanceTimerRef = useRef<number | null>(null);\n  const interactionAutoCloseTimerRef = useRef<number | null>(null);\n  const interactionOverlayOpenTimerRef = useRef<number | null>(null);\n  const interactionOverlayRef = useRef<HTMLDivElement | null>(null);\n  const prevRenderElementKeysRef = useRef<string[]>([]);\n  const shouldScrollToBottomRef = useRef(false);\n  const pendingInteractionOverlayStepIndexRef = useRef<number | null>(null);\n  const playbackResetKeyRef = useRef<string | null>(null);\n  const {\n    currentElementList,\n    stepElementLists,\n    slideElementList,\n    currentIndex,\n    audioList,\n    currentAudioSequenceIndexes,\n    currentStepHasSpeakableElement,\n    currentInteractionElement,\n    canGoPrev,\n    canGoNext,\n    handlePrev: goPrev,\n    handleNext: goNext,\n  } = useSlide(elementList);\n  const currentStepElement = useMemo(() => {\n    if (currentIndex < 0) {\n      return undefined;\n    }\n\n    return slideElementList[currentIndex];\n  }, [currentIndex, slideElementList]);\n  const visibleMarkerCount = slideElementList.filter(\n    (element) => element.is_renderable !== false\n  ).length;\n  const isSingleSlide = visibleMarkerCount === 1;\n  const shouldRenderPlayer =\n    showPlayer &&\n    (slideElementList.length > 0 ||\n      audioList.length > 0 ||\n      Boolean(currentInteractionElement));\n  const currentAudioSequenceKeys = useMemo(\n    () =>\n      currentAudioSequenceIndexes\n        .map((audioIndex) => audioList[audioIndex]?.audioKey)\n        .filter((audioKey): audioKey is string => Boolean(audioKey)),\n    [audioList, currentAudioSequenceIndexes]\n  );\n  const [isPlayerVisible, setIsPlayerVisible] = useState(true);\n  const [hasPlayerInteracted, setHasPlayerInteracted] = useState(false);\n  const [isAutoAdvanceEnabled, setIsAutoAdvanceEnabled] = useState(true);\n  const [currentAudioKey, setCurrentAudioKey] = useState<string | null>(null);\n  const [isAudioLoadingVisible, setIsAudioLoadingVisible] = useState(false);\n  const [hasCompletedCurrentStepAudio, setHasCompletedCurrentStepAudio] =\n    useState(false);\n  const [hasCurrentAudioPlaybackStarted, setHasCurrentAudioPlaybackStarted] =\n    useState(false);\n  const [isSubtitleEnabled, setIsSubtitleEnabled] = useState(true);\n  const [isPlayerCustomActionActive, setIsPlayerCustomActionActive] =\n    useState(false);\n  const [activeInteractionElement, setActiveInteractionElement] = useState<\n    Element | undefined\n  >();\n  const [isInteractionOverlayOpen, setIsInteractionOverlayOpen] =\n    useState(false);\n  const [\n    interactionOverlaySubtitleOffset,\n    setInteractionOverlaySubtitleOffset,\n  ] = useState(0);\n  const [isBrowserFullscreen, setIsBrowserFullscreen] = useState(false);\n  const isMobileDevice = useMemo(() => getIsMobileDevice(), []);\n  const [mobileViewMode, setMobileViewMode] = useState<MobileViewMode>(\n    DEFAULT_MOBILE_VIEW_MODE\n  );\n  const [hasManualMobileViewMode, setHasManualMobileViewMode] = useState(false);\n  const [isViewportFullscreenPreferred, setIsViewportFullscreenPreferred] =\n    useState(() =>\n      isMobileDevice ? getIsFullscreenPreferredViewport() : false\n    );\n  const [isFullscreenHintOpen, setIsFullscreenHintOpen] = useState(false);\n  const playbackTimeStore = useMemo(() => createPlaybackTimeStore(), []);\n  const {\n    effectiveMobileViewMode,\n    isImmersiveMobileFullscreen,\n    isNativeMobileFullscreen,\n    shouldRotateFullscreenViewport,\n  } = useMemo(\n    () =>\n      resolveMobileViewModeState({\n        hasManualMobileViewMode,\n        isMobileDevice,\n        isViewportFullscreenPreferred,\n        mobileViewMode,\n      }),\n    [\n      hasManualMobileViewMode,\n      isMobileDevice,\n      isViewportFullscreenPreferred,\n      mobileViewMode,\n    ]\n  );\n  const previousEffectiveMobileViewModeRef = useRef(effectiveMobileViewMode);\n  const playerVisible =\n    shouldRenderPlayer && (playerAlwaysVisible || isPlayerVisible);\n  const shouldShowFullscreenHeader =\n    isImmersiveMobileFullscreen && playerVisible;\n  const shouldApplyFullscreenViewportPadding =\n    isImmersiveMobileFullscreen && playerVisible;\n  const shouldShowMobileFullscreenMask =\n    isImmersiveMobileFullscreen || isNativeMobileFullscreen;\n  const fullscreenHintText =\n    playerTexts?.fullscreenHintText ??\n    DEFAULT_SLIDE_PLAYER_TEXTS.fullscreenHintText;\n  const handleMobileViewModeSelect = useCallback(\n    (nextViewMode: MobileViewMode) => {\n      setHasManualMobileViewMode(true);\n      setMobileViewMode(nextViewMode);\n    },\n    []\n  );\n  const handleMobileViewModeReset = useCallback(() => {\n    // Clear manual override so the effective mode returns to the default non-fullscreen state.\n    setHasManualMobileViewMode(false);\n    setMobileViewMode(DEFAULT_MOBILE_VIEW_MODE);\n  }, []);\n  const handleFullscreenHeaderBack = useCallback(() => {\n    handleMobileViewModeReset();\n    fullscreenHeader?.onBack?.();\n  }, [fullscreenHeader, handleMobileViewModeReset]);\n  const handleFullscreenHintClose = useCallback(() => {\n    setIsFullscreenHintOpen(false);\n  }, []);\n  const setPlayerCustomActionActive = useCallback((active: boolean) => {\n    setIsPlayerCustomActionActive(active);\n  }, []);\n  const togglePlayerCustomActionActive = useCallback(() => {\n    setIsPlayerCustomActionActive((previous) => !previous);\n  }, []);\n  const { mountedStepStates, currentMountedStateIndex } = useMemo(() => {\n    const nextMountedStepStates: Array<{\n      elementList: Element[];\n      sourceStepIndexes: number[];\n    }> = [];\n    const mountedStateIndexByStep = new Map<number, number>();\n\n    stepElementLists.forEach((stepElementList, stepIndex) => {\n      const existingMountedStateIndex = nextMountedStepStates.findIndex(\n        (mountedStepState) =>\n          areStepElementListsEqual(\n            mountedStepState.elementList,\n            stepElementList\n          )\n      );\n\n      if (existingMountedStateIndex >= 0) {\n        nextMountedStepStates[\n          existingMountedStateIndex\n        ]?.sourceStepIndexes.push(stepIndex);\n        mountedStateIndexByStep.set(stepIndex, existingMountedStateIndex);\n        return;\n      }\n\n      nextMountedStepStates.push({\n        elementList: stepElementList,\n        sourceStepIndexes: [stepIndex],\n      });\n      mountedStateIndexByStep.set(stepIndex, nextMountedStepStates.length - 1);\n    });\n\n    return {\n      mountedStepStates: nextMountedStepStates,\n      currentMountedStateIndex:\n        currentIndex >= 0\n          ? (mountedStateIndexByStep.get(currentIndex) ?? -1)\n          : -1,\n    };\n  }, [currentIndex, stepElementLists]);\n  const currentStepKey = useMemo(() => String(currentIndex), [currentIndex]);\n  const currentAudioIndex = useMemo(() => {\n    if (!currentAudioKey) {\n      return -1;\n    }\n\n    return audioList.findIndex(\n      (audioItem) => (audioItem.audioKey ?? \"\") === currentAudioKey\n    );\n  }, [audioList, currentAudioKey]);\n  const currentAudioItem = useMemo(\n    () => (currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined),\n    [audioList, currentAudioIndex]\n  );\n  const currentSubtitleCues = currentAudioItem?.element?.subtitle_cues ?? [];\n  const currentAudioSequenceStartKey = useMemo(\n    () => currentAudioSequenceKeys[0] ?? \"none\",\n    [currentAudioSequenceKeys]\n  );\n  const playerCustomActionContext = useMemo(\n    () => ({\n      currentElement: resolvePlayerCustomActionElement({\n        currentAudioIndex,\n        currentAudioSequenceIndexes,\n        audioList,\n        currentInteractionElement: activeInteractionElement,\n        currentStepElement,\n      }),\n      currentIndex,\n      currentStepElement,\n      isActive: isPlayerCustomActionActive,\n      setActive: setPlayerCustomActionActive,\n      toggleActive: togglePlayerCustomActionActive,\n    }),\n    [\n      activeInteractionElement,\n      audioList,\n      currentAudioIndex,\n      currentAudioSequenceIndexes,\n      currentIndex,\n      currentStepElement,\n      isPlayerCustomActionActive,\n      setPlayerCustomActionActive,\n      togglePlayerCustomActionActive,\n    ]\n  );\n  const playerCustomActionCount = useMemo(\n    () =>\n      getPlayerCustomActionCount(\n        playerCustomActions,\n        playerCustomActionContext\n      ),\n    [playerCustomActionContext, playerCustomActions]\n  );\n  const interactionOverlayStyle = useMemo(\n    () =>\n      ({\n        \"--slide-player-custom-action-count\": String(playerCustomActionCount),\n        \"--slide-player-mobile-control-count\": String(\n          playerCustomActionCount + 4\n        ),\n      }) as React.CSSProperties,\n    [playerCustomActionCount]\n  );\n  const hasAvailableStepAudio = currentAudioSequenceKeys.length > 0;\n  const currentInteractionResetKey = useMemo(() => {\n    if (!currentInteractionElement) {\n      return \"none\";\n    }\n\n    return `${currentInteractionElement.sequence_number ?? \"none\"}:${String(\n      currentInteractionElement.content ?? \"\"\n    )}`;\n  }, [currentInteractionElement]);\n  const currentPlaybackResetKey = useMemo(\n    () => [currentStepKey, currentInteractionResetKey].join(\"|\"),\n    [currentInteractionResetKey, currentStepKey]\n  );\n  const currentPlaybackStartedResetKey = useMemo(\n    () =>\n      [\n        currentPlaybackResetKey,\n        currentAudioItem?.audioKey ?? \"none\",\n        String(currentAudioIndex),\n      ].join(\"|\"),\n    [currentAudioIndex, currentAudioItem?.audioKey, currentPlaybackResetKey]\n  );\n  const currentStepAudioUrl = useMemo(() => {\n    if (\n      !currentAudioSequenceStartKey ||\n      currentAudioSequenceStartKey === \"none\"\n    ) {\n      return \"\";\n    }\n\n    const currentStepAudioItem = audioList.find(\n      (audioItem) => audioItem.audioKey === currentAudioSequenceStartKey\n    );\n\n    return currentStepAudioItem?.audioUrl?.trim() ?? \"\";\n  }, [audioList, currentAudioSequenceStartKey]);\n  const hasCurrentStepAudioUrl = Boolean(currentStepAudioUrl);\n  const shouldPausePlaybackForCustomAction =\n    playerCustomActionPauseOnActive &&\n    Boolean(playerCustomActions) &&\n    isPlayerCustomActionActive;\n  const shouldUseSilentStepAutoAdvanceToggle = useMemo(\n    () =>\n      shouldUseAutoAdvanceToggle({\n        canGoNext,\n        currentAudioIndex,\n        currentStepHasSpeakableElement,\n        hasInteraction: Boolean(currentInteractionElement),\n      }),\n    [\n      canGoNext,\n      currentAudioIndex,\n      currentInteractionElement,\n      currentStepHasSpeakableElement,\n    ]\n  );\n\n  const clearPlayerHideTimer = useCallback(() => {\n    if (playerHideTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(playerHideTimerRef.current);\n    playerHideTimerRef.current = null;\n  }, []);\n\n  const clearInteractionAutoCloseTimer = useCallback(() => {\n    if (interactionAutoCloseTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(interactionAutoCloseTimerRef.current);\n    interactionAutoCloseTimerRef.current = null;\n  }, []);\n\n  const clearInteractionOverlayOpenTimer = useCallback(() => {\n    if (interactionOverlayOpenTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(interactionOverlayOpenTimerRef.current);\n    interactionOverlayOpenTimerRef.current = null;\n  }, []);\n\n  const clearAutoAdvanceTimer = useCallback(() => {\n    if (autoAdvanceTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(autoAdvanceTimerRef.current);\n    autoAdvanceTimerRef.current = null;\n  }, []);\n\n  const resetAudioSequence = useCallback(() => {\n    clearAutoAdvanceTimer();\n    clearInteractionAutoCloseTimer();\n    clearInteractionOverlayOpenTimer();\n    setCurrentAudioKey(null);\n    playbackTimeStore.reset();\n    setIsAudioLoadingVisible(false);\n    setHasCompletedCurrentStepAudio(false);\n    setHasCurrentAudioPlaybackStarted(false);\n    setActiveInteractionElement(undefined);\n    setIsInteractionOverlayOpen(false);\n    setInteractionOverlaySubtitleOffset(0);\n  }, [\n    clearAutoAdvanceTimer,\n    clearInteractionAutoCloseTimer,\n    clearInteractionOverlayOpenTimer,\n    playbackTimeStore,\n  ]);\n\n  const startCurrentAudioSequence = useCallback(() => {\n    const nextAudioKey = currentAudioSequenceKeys[0];\n\n    if (!nextAudioKey) {\n      return false;\n    }\n\n    // Start the first audio segment for the current step immediately.\n    setCurrentAudioKey(nextAudioKey);\n    return true;\n  }, [currentAudioSequenceKeys]);\n\n  const continueAfterInteraction = useCallback(() => {\n    clearInteractionAutoCloseTimer();\n    clearInteractionOverlayOpenTimer();\n    setIsInteractionOverlayOpen(false);\n    setInteractionOverlaySubtitleOffset(0);\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (canGoNext) {\n      goNext();\n    }\n  }, [\n    canGoNext,\n    clearInteractionAutoCloseTimer,\n    clearInteractionOverlayOpenTimer,\n    goNext,\n    startCurrentAudioSequence,\n  ]);\n\n  const scheduleInteractionOverlayOpen = useCallback(\n    (interactionElement?: Element) => {\n      clearInteractionOverlayOpenTimer();\n\n      if (!interactionElement) {\n        return;\n      }\n\n      const openOverlay = () => {\n        interactionOverlayOpenTimerRef.current = null;\n        setInteractionOverlaySubtitleOffset(\n          DEFAULT_INTERACTION_OVERLAY_FALLBACK_OFFSET_PX\n        );\n        setIsInteractionOverlayOpen(true);\n        pendingInteractionOverlayStepIndexRef.current = null;\n      };\n\n      interactionOverlayOpenTimerRef.current = window.setTimeout(\n        openOverlay,\n        DEFAULT_INTERACTION_OVERLAY_OPEN_DELAY_MS\n      );\n    },\n    [clearInteractionOverlayOpenTimer]\n  );\n\n  const showPlayerControls = useCallback(\n    (enableAutoHide = hasPlayerInteracted) => {\n      if (!shouldRenderPlayer) {\n        return;\n      }\n\n      setIsPlayerVisible(true);\n      clearPlayerHideTimer();\n\n      if (playerAlwaysVisible || !enableAutoHide || playerAutoHideDelay <= 0) {\n        return;\n      }\n\n      playerHideTimerRef.current = window.setTimeout(() => {\n        setIsPlayerVisible(false);\n        playerHideTimerRef.current = null;\n      }, playerAutoHideDelay);\n    },\n    [\n      clearPlayerHideTimer,\n      hasPlayerInteracted,\n      playerAlwaysVisible,\n      playerAutoHideDelay,\n      shouldRenderPlayer,\n    ]\n  );\n\n  const hasResolvedCurrentInteraction = Boolean(\n    currentInteractionElement?.readonly ||\n    currentInteractionElement?.user_input?.trim()\n  );\n\n  const shouldBlockPlaybackForInteraction =\n    Boolean(currentInteractionElement) && !hasResolvedCurrentInteraction;\n\n  useEffect(() => {\n    // Reset silent-step autoplay toggle whenever navigation lands on a new step.\n    setIsAutoAdvanceEnabled(true);\n\n    if (playerCustomActionPauseOnActive) {\n      setIsPlayerCustomActionActive(false);\n    }\n  }, [currentIndex, playerCustomActionPauseOnActive]);\n\n  useEffect(() => {\n    return () => {\n      clearAutoAdvanceTimer();\n      clearPlayerHideTimer();\n      clearInteractionAutoCloseTimer();\n      clearInteractionOverlayOpenTimer();\n    };\n  }, [\n    clearAutoAdvanceTimer,\n    clearInteractionAutoCloseTimer,\n    clearInteractionOverlayOpenTimer,\n    clearPlayerHideTimer,\n  ]);\n\n  useEffect(() => {\n    onPlayerVisibilityChange?.(playerVisible);\n\n    return () => {\n      onPlayerVisibilityChange?.(false);\n    };\n  }, [onPlayerVisibilityChange, playerVisible]);\n\n  useEffect(() => {\n    if (isMobileDevice || mobileViewMode === DEFAULT_MOBILE_VIEW_MODE) {\n      return;\n    }\n\n    setHasManualMobileViewMode(false);\n    setMobileViewMode(DEFAULT_MOBILE_VIEW_MODE);\n  }, [isMobileDevice, mobileViewMode]);\n\n  useEffect(() => {\n    if (!isMobileDevice) {\n      setIsViewportFullscreenPreferred(false);\n      return;\n    }\n\n    const syncViewportFullscreenPreference = () => {\n      setIsViewportFullscreenPreferred(getIsFullscreenPreferredViewport());\n    };\n\n    syncViewportFullscreenPreference();\n\n    return subscribeMobileDeviceChange(syncViewportFullscreenPreference);\n  }, [isMobileDevice]);\n\n  useEffect(() => {\n    onMobileViewModeChange?.(effectiveMobileViewMode);\n  }, [effectiveMobileViewMode, onMobileViewModeChange]);\n\n  useEffect(() => {\n    const previousMode = previousEffectiveMobileViewModeRef.current;\n    const hasEnteredFullscreen =\n      previousMode !== \"fullscreen\" && effectiveMobileViewMode === \"fullscreen\";\n    const shouldShowFullscreenHint =\n      hasEnteredFullscreen && !isViewportFullscreenPreferred;\n\n    previousEffectiveMobileViewModeRef.current = effectiveMobileViewMode;\n\n    if (!isMobileDevice) {\n      setIsFullscreenHintOpen(false);\n      return;\n    }\n\n    if (shouldShowFullscreenHint) {\n      setIsFullscreenHintOpen(true);\n      return;\n    }\n\n    if (effectiveMobileViewMode !== \"fullscreen\") {\n      setIsFullscreenHintOpen(false);\n    }\n  }, [effectiveMobileViewMode, isMobileDevice, isViewportFullscreenPreferred]);\n\n  useEffect(() => {\n    onStepChange?.(currentStepElement, currentIndex);\n  }, [currentIndex, currentStepElement, onStepChange]);\n\n  useEffect(() => {\n    if (!shouldRenderPlayer) {\n      clearPlayerHideTimer();\n      setIsPlayerVisible(false);\n      return;\n    }\n\n    if (playerAlwaysVisible) {\n      clearPlayerHideTimer();\n      setIsPlayerVisible(true);\n      return;\n    }\n\n    if (!hasPlayerInteracted) {\n      // Keep the initial player visible briefly, then hide it automatically.\n      showPlayerControls(true);\n    }\n  }, [\n    clearPlayerHideTimer,\n    hasPlayerInteracted,\n    playerAlwaysVisible,\n    shouldRenderPlayer,\n    showPlayerControls,\n  ]);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const handleSandboxInteraction = (event: MessageEvent) => {\n      if (event.origin !== window.location.origin) {\n        return;\n      }\n\n      if (!isSandboxInteractionMessage(event.data)) {\n        return;\n      }\n\n      if (event.data.eventType !== \"click\") {\n        return;\n      }\n\n      if (!shouldRenderPlayer) {\n        return;\n      }\n\n      // Restore player controls on explicit click/tap without waking on scroll start.\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    };\n\n    window.addEventListener(\"message\", handleSandboxInteraction);\n\n    return () => {\n      window.removeEventListener(\"message\", handleSandboxInteraction);\n    };\n  }, [shouldRenderPlayer, showPlayerControls]);\n\n  useWakePlayerFromIframe({\n    sectionRef,\n    enabled: shouldRenderPlayer,\n    onWake: () => {\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    },\n  });\n\n  useEffect(() => {\n    const { hasPlaybackContextChanged, shouldInitializeAudioSequence } =\n      getPlaybackSequenceTransition({\n        previousResetKey: playbackResetKeyRef.current,\n        nextResetKey: currentPlaybackResetKey,\n        currentAudioKey,\n        hasCompletedCurrentStepAudio,\n      });\n\n    playbackResetKeyRef.current = currentPlaybackResetKey;\n\n    const shouldOpenInteractionOverlayAfterAudio =\n      pendingInteractionOverlayStepIndexRef.current === currentIndex &&\n      Boolean(currentInteractionElement);\n    const shouldPresentOverlay = shouldPresentInteractionOverlay({\n      hasInteraction: Boolean(currentInteractionElement),\n      shouldBlockPlaybackForInteraction,\n      shouldOpenInteractionOverlayAfterAudio,\n      hasPlaybackContextChanged,\n      hasResolvedCurrentInteraction,\n      currentStepHasSpeakableElement,\n    });\n\n    if (hasPlaybackContextChanged) {\n      resetAudioSequence();\n    }\n\n    if (currentElementList.length === 0 && !currentInteractionElement) {\n      return;\n    }\n\n    if (shouldPausePlaybackForCustomAction) {\n      return;\n    }\n\n    if (currentInteractionElement) {\n      setActiveInteractionElement(currentInteractionElement);\n    }\n\n    if (shouldPresentOverlay) {\n      // Delay auto-presenting the overlay so subtitles can settle above it.\n      scheduleInteractionOverlayOpen(currentInteractionElement);\n      return;\n    }\n\n    clearInteractionOverlayOpenTimer();\n    pendingInteractionOverlayStepIndexRef.current = null;\n\n    if (!shouldInitializeAudioSequence) {\n      return;\n    }\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (currentStepHasSpeakableElement) {\n      setIsAudioLoadingVisible(true);\n      return;\n    }\n\n    if (!canGoNext) {\n      return;\n    }\n\n    if (shouldUseSilentStepAutoAdvanceToggle && !isAutoAdvanceEnabled) {\n      return;\n    }\n\n    // Auto-advance silent marker-only steps so playback flow does not stall.\n    autoAdvanceTimerRef.current = window.setTimeout(() => {\n      autoAdvanceTimerRef.current = null;\n      goNext();\n    }, markerAutoAdvanceDelay);\n\n    return () => {\n      clearAutoAdvanceTimer();\n    };\n  }, [\n    canGoNext,\n    clearAutoAdvanceTimer,\n    currentElementList.length,\n    currentInteractionElement,\n    currentAudioKey,\n    currentPlaybackResetKey,\n    currentStepHasSpeakableElement,\n    markerAutoAdvanceDelay,\n    goNext,\n    hasCompletedCurrentStepAudio,\n    isAutoAdvanceEnabled,\n    hasResolvedCurrentInteraction,\n    shouldBlockPlaybackForInteraction,\n    clearInteractionOverlayOpenTimer,\n    resetAudioSequence,\n    scheduleInteractionOverlayOpen,\n    startCurrentAudioSequence,\n    shouldPausePlaybackForCustomAction,\n    shouldUseSilentStepAutoAdvanceToggle,\n  ]);\n\n  useEffect(() => {\n    if (\n      shouldPausePlaybackForCustomAction ||\n      !currentStepHasSpeakableElement ||\n      shouldBlockPlaybackForInteraction\n    ) {\n      setIsAudioLoadingVisible(false);\n      return;\n    }\n\n    if (hasCompletedCurrentStepAudio) {\n      setIsAudioLoadingVisible(false);\n      return;\n    }\n\n    if (hasAvailableStepAudio) {\n      setIsAudioLoadingVisible(false);\n      return;\n    }\n\n    setIsAudioLoadingVisible(true);\n  }, [\n    hasAvailableStepAudio,\n    currentStepHasSpeakableElement,\n    hasCompletedCurrentStepAudio,\n    shouldPausePlaybackForCustomAction,\n    shouldBlockPlaybackForInteraction,\n  ]);\n\n  useEffect(() => {\n    if (currentAudioKey || currentAudioSequenceKeys.length === 0) {\n      return;\n    }\n\n    if (\n      shouldPausePlaybackForCustomAction ||\n      !currentStepHasSpeakableElement ||\n      shouldBlockPlaybackForInteraction\n    ) {\n      return;\n    }\n\n    if (hasCompletedCurrentStepAudio) {\n      return;\n    }\n\n    startCurrentAudioSequence();\n  }, [\n    currentAudioKey,\n    currentAudioSequenceKeys,\n    currentStepHasSpeakableElement,\n    hasCompletedCurrentStepAudio,\n    shouldPausePlaybackForCustomAction,\n    shouldBlockPlaybackForInteraction,\n    startCurrentAudioSequence,\n  ]);\n\n  useEffect(() => {\n    if (!currentAudioKey || currentAudioIndex >= 0) {\n      return;\n    }\n\n    setCurrentAudioKey(null);\n  }, [currentAudioIndex, currentAudioKey]);\n\n  useEffect(() => {\n    if (currentAudioIndex >= 0) {\n      return;\n    }\n\n    playbackTimeStore.reset();\n  }, [currentAudioIndex, playbackTimeStore]);\n\n  useEffect(() => {\n    setHasCurrentAudioPlaybackStarted(false);\n  }, [currentPlaybackStartedResetKey]);\n\n  const interactionDefaults = useMemo(() => {\n    if (!activeInteractionElement) {\n      return {};\n    }\n\n    const shouldPreferResolvedInteractionInput = Boolean(\n      activeInteractionElement.user_input?.trim()\n    );\n\n    return getInteractionDefaultValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input,\n      shouldPreferResolvedInteractionInput\n        ? undefined\n        : interactionDefaultValueOptions\n    );\n  }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n  const interactionDefaultSelectedValues = useMemo(() => {\n    if (!activeInteractionElement) {\n      return undefined;\n    }\n\n    const shouldPreferResolvedInteractionInput = Boolean(\n      activeInteractionElement.user_input?.trim()\n    );\n\n    return getInteractionDefaultSelectedValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input,\n      shouldPreferResolvedInteractionInput\n        ? undefined\n        : interactionDefaultValueOptions\n    );\n  }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n  const hasResolvedInteractionInput = Boolean(\n    activeInteractionElement?.user_input?.trim()\n  );\n\n  const isInteractionReadonly =\n    Boolean(activeInteractionElement?.readonly) || hasResolvedInteractionInput;\n  const shouldAutoContinueInteraction =\n    isInteractionReadonly || hasResolvedInteractionInput;\n  const shouldShowInteractionOverlay =\n    Boolean(activeInteractionElement) && isInteractionOverlayOpen;\n\n  const handleInteractionSend = useCallback(\n    (content: OnSendContentParams) => {\n      const submittedValues = [\n        ...(content.selectedValues ?? []),\n        content.inputText?.trim() ?? \"\",\n        content.buttonText?.trim() ?? \"\",\n      ].filter(Boolean);\n      const resolvedUserInput = submittedValues.join(\", \");\n\n      setActiveInteractionElement((prevElement) => {\n        if (!prevElement || !resolvedUserInput) {\n          return prevElement;\n        }\n\n        return {\n          ...prevElement,\n          user_input: resolvedUserInput,\n        };\n      });\n\n      onSend?.(content, activeInteractionElement);\n      continueAfterInteraction();\n    },\n    [activeInteractionElement, continueAfterInteraction, onSend]\n  );\n\n  useEffect(() => {\n    // Keep the player icon in sync with the actual fullscreen owner.\n    const syncFullscreenState = () => {\n      setIsBrowserFullscreen(document.fullscreenElement === sectionRef.current);\n    };\n\n    syncFullscreenState();\n    document.addEventListener(\"fullscreenchange\", syncFullscreenState);\n\n    return () => {\n      document.removeEventListener(\"fullscreenchange\", syncFullscreenState);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!shouldShowInteractionOverlay) {\n      setInteractionOverlaySubtitleOffset(0);\n      return;\n    }\n\n    const interactionOverlayElement = interactionOverlayRef.current;\n\n    if (!interactionOverlayElement) {\n      return;\n    }\n\n    const updateSubtitleOffset = () => {\n      const overlayHeight = Math.ceil(\n        interactionOverlayElement.getBoundingClientRect().height\n      );\n\n      setInteractionOverlaySubtitleOffset(\n        overlayHeight + DEFAULT_INTERACTION_SUBTITLE_GAP_PX\n      );\n    };\n\n    updateSubtitleOffset();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(() => {\n      updateSubtitleOffset();\n    });\n\n    resizeObserver.observe(interactionOverlayElement);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [shouldShowInteractionOverlay]);\n\n  useEffect(() => {\n    clearInteractionAutoCloseTimer();\n\n    if (!isInteractionOverlayOpen || !shouldAutoContinueInteraction) {\n      return;\n    }\n\n    // Auto-close passive interaction markers to keep playback moving.\n    interactionAutoCloseTimerRef.current = window.setTimeout(() => {\n      interactionAutoCloseTimerRef.current = null;\n\n      continueAfterInteraction();\n    }, 2000);\n\n    return () => {\n      clearInteractionAutoCloseTimer();\n    };\n  }, [\n    clearInteractionAutoCloseTimer,\n    continueAfterInteraction,\n    isInteractionOverlayOpen,\n    shouldAutoContinueInteraction,\n  ]);\n\n  const renderSlideElement = (\n    element?: Element,\n    options: RenderSlideElementOptions = {}\n  ) => {\n    if (!element) {\n      return null;\n    }\n\n    if (element.type === \"slot\") {\n      return <>{element.content}</>;\n    }\n\n    if (element.type === \"html\") {\n      return (\n        <IframeSandbox\n          className=\"content-render-iframe\"\n          hideFullScreen\n          mode=\"blackboard\"\n          replaceRootScreenHeightWithFull={\n            options.replaceRootScreenHeightWithFull\n          }\n          type=\"sandbox\"\n          content={element.content as string}\n          enableScaling={enableIframeScaling}\n        />\n      );\n    }\n\n    return (\n      <IframeSandbox\n        className=\"content-render-iframe\"\n        hideFullScreen\n        mode=\"blackboard\"\n        type=\"markdown\"\n        content={element.content as string}\n      />\n    );\n  };\n\n  const renderSlideElementList = (\n    elementList: Element[] = [],\n    isActiveStep = false\n  ) => {\n    if (elementList.length === 0) {\n      return null;\n    }\n\n    const visibleElementCount = elementList.filter(\n      (element) => element.is_renderable !== false\n    ).length;\n    const lastVisibleElementIndex = elementList.reduce(\n      (lastVisibleIndex, element, index) =>\n        element.is_renderable !== false ? index : lastVisibleIndex,\n      -1\n    );\n\n    return (\n      <div className=\"slide-stage__content flex w-full flex-col gap-4\">\n        {elementList.map((element, index) => {\n          const isPreRenderedHtml =\n            element.type === \"html\" && element.is_renderable === false;\n\n          return (\n            <div\n              key={element.sequence_number ?? `${element.type}-${index}`}\n              ref={\n                isActiveStep && index === lastVisibleElementIndex\n                  ? lastElementRef\n                  : null\n              }\n              aria-hidden={isPreRenderedHtml || undefined}\n              className={cn(\n                \"w-full shrink-0\",\n                visibleElementCount === 1 &&\n                  element.is_renderable !== false &&\n                  \"slide-element--single\",\n                isPreRenderedHtml\n                  ? \"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0\"\n                  : element.is_renderable === false && \"hidden\"\n              )}\n            >\n              {renderSlideElement(element, {\n                replaceRootScreenHeightWithFull:\n                  visibleElementCount === 1 &&\n                  element.type === \"html\" &&\n                  element.is_renderable !== false,\n              })}\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  const handleFullscreen = useCallback(() => {\n    const target = sectionRef.current;\n    if (!target) {\n      return;\n    }\n\n    if (document.fullscreenElement === target) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n\n    target.requestFullscreen?.().catch(() => {});\n  }, []);\n\n  const scrollStageToBottom = useCallback(() => {\n    const stageLayerElement = stageLayerRef.current;\n\n    if (!stageLayerElement) {\n      return;\n    }\n\n    // Keep the latest content visible after manual player navigation.\n    stageLayerElement.scrollTo({\n      top: stageLayerElement.scrollHeight,\n      behavior: \"smooth\",\n    });\n  }, []);\n\n  const handlePrev = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    pendingInteractionOverlayStepIndexRef.current = null;\n    setHasPlayerInteracted(true);\n    setIsAudioLoadingVisible(false);\n    showPlayerControls(true);\n    resetAudioSequence();\n    goPrev();\n  }, [goPrev, resetAudioSequence, showPlayerControls]);\n\n  const handleNext = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    pendingInteractionOverlayStepIndexRef.current = null;\n    setHasPlayerInteracted(true);\n    setIsAudioLoadingVisible(false);\n    showPlayerControls(true);\n    resetAudioSequence();\n    goNext();\n  }, [goNext, resetAudioSequence, showPlayerControls]);\n\n  const handlePlayerLoadingChange = useCallback(\n    (loading: boolean) => {\n      if (!currentStepHasSpeakableElement || hasCompletedCurrentStepAudio) {\n        setIsAudioLoadingVisible(false);\n        return;\n      }\n\n      setIsAudioLoadingVisible(loading);\n    },\n    [currentStepHasSpeakableElement, hasCompletedCurrentStepAudio]\n  );\n\n  const handlePlayerEnded = useCallback(\n    (audioIndex: number) => {\n      const endedAudioKey = audioList[audioIndex]?.audioKey;\n\n      if (!endedAudioKey || !currentAudioKey) {\n        return;\n      }\n\n      if (endedAudioKey !== currentAudioKey) {\n        return;\n      }\n\n      const activeSequencePosition = currentAudioSequenceKeys.findIndex(\n        (audioSequenceKey) => audioSequenceKey === endedAudioKey\n      );\n      if (activeSequencePosition < 0) {\n        setCurrentAudioKey(null);\n        return;\n      }\n\n      const nextSequencePosition = activeSequencePosition + 1;\n      const nextAudioKey = currentAudioSequenceKeys[nextSequencePosition];\n\n      if (nextAudioKey) {\n        setCurrentAudioKey(nextAudioKey);\n        return;\n      }\n\n      setCurrentAudioKey(null);\n      setHasCompletedCurrentStepAudio(true);\n      setIsAudioLoadingVisible(false);\n\n      if (canGoNext) {\n        const nextStepIndex = currentIndex + 1;\n        const nextStepElement = slideElementList[nextStepIndex];\n\n        if (hasCurrentStepAudioUrl && nextStepElement?.type === \"interaction\") {\n          pendingInteractionOverlayStepIndexRef.current = nextStepIndex;\n        }\n\n        goNext();\n      }\n    },\n    [\n      audioList,\n      canGoNext,\n      currentIndex,\n      currentAudioKey,\n      currentAudioSequenceKeys,\n      goNext,\n      hasCurrentStepAudioUrl,\n      slideElementList,\n    ]\n  );\n\n  const handleInteractionToggle = useCallback(() => {\n    if (!activeInteractionElement) {\n      return;\n    }\n\n    setIsInteractionOverlayOpen((prevOpen) => !prevOpen);\n  }, [activeInteractionElement]);\n\n  const stopOverlayPropagation = useCallback(\n    (\n      event:\n        | React.PointerEvent<HTMLDivElement>\n        | React.MouseEvent<HTMLDivElement>\n    ) => {\n      event.stopPropagation();\n\n      // Keep the player visible a bit longer when users interact with the overlay.\n      if (playerVisible) {\n        showPlayerControls(true);\n      }\n    },\n    [isPlayerVisible, showPlayerControls]\n  );\n\n  const handleSurfacePointerDown = useCallback(\n    (event: React.PointerEvent<HTMLElement>) => {\n      onPointerDown?.(event);\n    },\n    [onPointerDown]\n  );\n\n  const handleSurfaceClick = useCallback(() => {\n    setHasPlayerInteracted(true);\n    showPlayerControls(true);\n  }, [showPlayerControls]);\n\n  const currentRenderElementKeys = useMemo(\n    () =>\n      currentElementList.map(\n        (element, index) =>\n          `${element.sequence_number ?? `${element.type}-${index}`}:${String(element.is_new ?? \"\")}`\n      ),\n    [currentElementList]\n  );\n\n  useEffect(() => {\n    const prevKeys = prevRenderElementKeysRef.current;\n    const hasStablePrefix =\n      prevKeys.length > 0 &&\n      prevKeys.length < currentRenderElementKeys.length &&\n      prevKeys.every((key, index) => key === currentRenderElementKeys[index]);\n    const appendedElements = hasStablePrefix\n      ? currentElementList.slice(prevKeys.length)\n      : [];\n    const shouldAutoScrollToAppend = appendedElements.some(\n      (element) => element.is_new === false\n    );\n\n    prevRenderElementKeysRef.current = currentRenderElementKeys;\n\n    if (!shouldAutoScrollToAppend) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      const stageLayerElement = stageLayerRef.current;\n      const targetElement = lastElementRef.current;\n\n      if (!stageLayerElement || !targetElement) {\n        return;\n      }\n\n      const stageLayerRect = stageLayerElement.getBoundingClientRect();\n      const targetRect = targetElement.getBoundingClientRect();\n      const nextScrollTop =\n        stageLayerElement.scrollTop + (targetRect.top - stageLayerRect.top);\n\n      // Keep newly appended content visible when the current slide grows downward.\n      stageLayerElement.scrollTo({\n        top: Math.max(nextScrollTop, 0),\n        behavior: \"smooth\",\n      });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [currentElementList, currentRenderElementKeys]);\n\n  useEffect(() => {\n    if (!shouldScrollToBottomRef.current) {\n      return;\n    }\n\n    shouldScrollToBottomRef.current = false;\n\n    if (currentElementList.length === 0) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      scrollStageToBottom();\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [currentElementList, scrollStageToBottom]);\n\n  return (\n    <section\n      ref={sectionRef}\n      className={cn(\n        \"relative h-full w-full\",\n        isMobileDevice && \"slide--mobile-device\",\n        isImmersiveMobileFullscreen && \"slide--mobile-landscape\",\n        isNativeMobileFullscreen && \"slide--mobile-landscape-native\",\n        className\n      )}\n      onClick={handleSurfaceClick}\n      onPointerDown={handleSurfacePointerDown}\n      {...props}\n    >\n      {shouldShowMobileFullscreenMask ? (\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]\"\n        />\n      ) : null}\n\n      <div\n        ref={viewportRef}\n        className={cn(\n          \"slide__viewport relative h-full min-h-0 w-full\",\n          isImmersiveMobileFullscreen && \"slide__viewport--mobile-landscape\",\n          isImmersiveMobileFullscreen &&\n            !shouldRotateFullscreenViewport &&\n            \"slide__viewport--mobile-landscape-native\"\n        )}\n      >\n        {shouldShowFullscreenHeader ? (\n          <div className=\"slide-landscape-header\">\n            <button\n              aria-label={fullscreenHeader?.backAriaLabel ?? \"Back\"}\n              className=\"slide-landscape-header__back\"\n              onClick={handleFullscreenHeaderBack}\n              type=\"button\"\n            >\n              <ChevronLeft className=\"h-6 w-6 text-white\" strokeWidth={2.25} />\n            </button>\n\n            {fullscreenHeader?.content ? (\n              <div className=\"min-w-0 flex-1 overflow-hidden\">\n                {fullscreenHeader.content}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n\n        <div\n          className={cn(\n            \"h-full min-h-0 w-full\",\n            shouldApplyFullscreenViewportPadding &&\n              \"slide__viewport-content--with-header\",\n            isSingleSlide ? \"slide-content--single\" : \"grid gap-4\"\n          )}\n        >\n          {currentElementList.length > 0 ? (\n            <div className=\"slide-stage\">\n              <div ref={stageLayerRef} className=\"slide-stage__layer w-full\">\n                {mountedStepStates.map(\n                  (mountedStepState, mountedStepStateIndex) => {\n                    const isActiveStep =\n                      mountedStepStateIndex === currentMountedStateIndex;\n\n                    return (\n                      <div\n                        key={\n                          mountedStepState.sourceStepIndexes[0] ??\n                          mountedStepStateIndex\n                        }\n                        aria-hidden={!isActiveStep || undefined}\n                        className=\"w-full h-full\"\n                        style={{ display: isActiveStep ? undefined : \"none\" }}\n                      >\n                        {renderSlideElementList(\n                          mountedStepState.elementList,\n                          isActiveStep\n                        )}\n                      </div>\n                    );\n                  }\n                )}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {isAudioLoadingVisible ? (\n          <LoadingOverlayCard\n            message={bufferingText}\n            className=\"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2\"\n          />\n        ) : null}\n\n        <SlideFullscreenHint\n          onClose={handleFullscreenHintClose}\n          open={isFullscreenHintOpen}\n          text={fullscreenHintText}\n        />\n\n        <SubtitleOverlay\n          extraBottomOffset={interactionOverlaySubtitleOffset}\n          hasPlayerGap={playerVisible}\n          isEnabled={isSubtitleEnabled && hasCurrentAudioPlaybackStarted}\n          isPlayerHidden={shouldRenderPlayer && !playerVisible}\n          playbackTimeStore={playbackTimeStore}\n          subtitleCues={currentSubtitleCues}\n        />\n\n        {shouldShowInteractionOverlay ? (\n          <div\n            ref={interactionOverlayRef}\n            className={cn(\n              \"slide-interaction-overlay\",\n              playerVisible && shouldRenderPlayer\n                ? \"slide-interaction-overlay--with-player\"\n                : \"slide-interaction-overlay--standalone\"\n            )}\n            onClick={stopOverlayPropagation}\n            onPointerDown={stopOverlayPropagation}\n            style={interactionOverlayStyle}\n          >\n            <InteractionOverlayCard\n              content={String(activeInteractionElement?.content ?? \"\")}\n              defaultButtonText={interactionDefaults.buttonText ?? \"\"}\n              defaultInputText={interactionDefaults.inputText ?? \"\"}\n              defaultSelectedValues={interactionDefaultSelectedValues}\n              confirmButtonText={interactionTexts?.confirmButtonText}\n              copyButtonText={interactionTexts?.copyButtonText}\n              copiedButtonText={interactionTexts?.copiedButtonText}\n              onSend={handleInteractionSend}\n              readonly={isInteractionReadonly}\n              title={\n                interactionTexts?.title ??\n                interactionTitle ??\n                \"Submit the content below to continue.\"\n              }\n            />\n          </div>\n        ) : null}\n\n        {shouldRenderPlayer ? (\n          <Player\n            audioList={audioList}\n            className={cn(\n              \"absolute left-1/2 bottom-6 z-[2] -translate-x-1/2\",\n              playerClassName,\n              !playerVisible && \"pointer-events-none opacity-0\"\n            )}\n            currentAudioIndex={currentAudioIndex}\n            defaultPlaying\n            isPlaybackPaused={shouldPausePlaybackForCustomAction}\n            isAutoAdvanceEnabled={isAutoAdvanceEnabled}\n            hasInteraction={Boolean(activeInteractionElement)}\n            isInteractionOpen={isInteractionOverlayOpen}\n            isSubtitleEnabled={isSubtitleEnabled}\n            onAutoAdvanceToggle={setIsAutoAdvanceEnabled}\n            onLoadingChange={handlePlayerLoadingChange}\n            onPlaybackStarted={() => {\n              setHasCurrentAudioPlaybackStarted(true);\n            }}\n            onPlaybackTimeChange={playbackTimeStore.setTime}\n            onSubtitleToggle={() => {\n              setIsSubtitleEnabled((previousEnabled) => !previousEnabled);\n            }}\n            nextDisabled={!canGoNext}\n            onEnded={handlePlayerEnded}\n            onFullscreen={handleFullscreen}\n            isFullscreen={isBrowserFullscreen}\n            mobileViewMode={effectiveMobileViewMode}\n            settingsPortalContainer={viewportRef.current}\n            onMobileViewModeChange={handleMobileViewModeSelect}\n            onInteractionToggle={handleInteractionToggle}\n            onNext={handleNext}\n            onPrev={handlePrev}\n            prevDisabled={!canGoPrev}\n            showControls={playerVisible}\n            texts={playerTexts}\n            customActionContext={playerCustomActionContext}\n            customActions={playerCustomActions}\n            useAutoAdvanceToggle={shouldUseSilentStepAutoAdvanceToggle}\n          />\n        ) : null}\n      </div>\n    </section>\n  );\n};\n\nexport default Slide;\n"],"names":["DEFAULT_MARKER_AUTO_ADVANCE_DELAY_MS","DEFAULT_INTERACTION_OVERLAY_OPEN_DELAY_MS","DEFAULT_INTERACTION_OVERLAY_FALLBACK_OFFSET_PX","DEFAULT_INTERACTION_SUBTITLE_GAP_PX","InteractionOverlayCard","memo","content","title","defaultButtonText","defaultInputText","defaultSelectedValues","confirmButtonText","copyButtonText","copiedButtonText","onSend","readonly","jsxs","jsx","ContentRender","areStepElementListsEqual","prevElementList","nextElementList","element","index","nextElement","Slide","elementList","showPlayer","playerAlwaysVisible","playerClassName","fullscreenHeader","playerCustomActions","playerCustomActionPauseOnActive","bufferingText","interactionTitle","interactionTexts","playerTexts","playerAutoHideDelay","markerAutoAdvanceDelay","interactionDefaultValueOptions","onPlayerVisibilityChange","onMobileViewModeChange","onStepChange","enableIframeScaling","className","onPointerDown","props","sectionRef","useRef","viewportRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","interactionOverlayOpenTimerRef","interactionOverlayRef","prevRenderElementKeysRef","shouldScrollToBottomRef","pendingInteractionOverlayStepIndexRef","playbackResetKeyRef","currentElementList","stepElementLists","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentStepHasSpeakableElement","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","currentStepElement","useMemo","isSingleSlide","shouldRenderPlayer","currentAudioSequenceKeys","audioIndex","audioKey","isPlayerVisible","setIsPlayerVisible","useState","hasPlayerInteracted","setHasPlayerInteracted","isAutoAdvanceEnabled","setIsAutoAdvanceEnabled","currentAudioKey","setCurrentAudioKey","isAudioLoadingVisible","setIsAudioLoadingVisible","hasCompletedCurrentStepAudio","setHasCompletedCurrentStepAudio","hasCurrentAudioPlaybackStarted","setHasCurrentAudioPlaybackStarted","isSubtitleEnabled","setIsSubtitleEnabled","isPlayerCustomActionActive","setIsPlayerCustomActionActive","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","interactionOverlaySubtitleOffset","setInteractionOverlaySubtitleOffset","isBrowserFullscreen","setIsBrowserFullscreen","isMobileDevice","getIsMobileDevice","mobileViewMode","setMobileViewMode","DEFAULT_MOBILE_VIEW_MODE","hasManualMobileViewMode","setHasManualMobileViewMode","isViewportFullscreenPreferred","setIsViewportFullscreenPreferred","getIsFullscreenPreferredViewport","isFullscreenHintOpen","setIsFullscreenHintOpen","playbackTimeStore","createPlaybackTimeStore","effectiveMobileViewMode","isImmersiveMobileFullscreen","isNativeMobileFullscreen","shouldRotateFullscreenViewport","resolveMobileViewModeState","previousEffectiveMobileViewModeRef","playerVisible","shouldShowFullscreenHeader","shouldApplyFullscreenViewportPadding","shouldShowMobileFullscreenMask","fullscreenHintText","DEFAULT_SLIDE_PLAYER_TEXTS","handleMobileViewModeSelect","useCallback","nextViewMode","handleMobileViewModeReset","handleFullscreenHeaderBack","handleFullscreenHintClose","setPlayerCustomActionActive","active","togglePlayerCustomActionActive","previous","mountedStepStates","currentMountedStateIndex","nextMountedStepStates","mountedStateIndexByStep","stepElementList","stepIndex","existingMountedStateIndex","mountedStepState","currentStepKey","currentAudioIndex","audioItem","currentAudioItem","currentSubtitleCues","currentAudioSequenceStartKey","playerCustomActionContext","resolvePlayerCustomActionElement","playerCustomActionCount","getPlayerCustomActionCount","interactionOverlayStyle","hasAvailableStepAudio","currentInteractionResetKey","currentPlaybackResetKey","currentPlaybackStartedResetKey","hasCurrentStepAudioUrl","shouldPausePlaybackForCustomAction","shouldUseSilentStepAutoAdvanceToggle","shouldUseAutoAdvanceToggle","clearPlayerHideTimer","clearInteractionAutoCloseTimer","clearInteractionOverlayOpenTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioKey","continueAfterInteraction","scheduleInteractionOverlayOpen","interactionElement","openOverlay","showPlayerControls","enableAutoHide","hasResolvedCurrentInteraction","shouldBlockPlaybackForInteraction","useEffect","syncViewportFullscreenPreference","subscribeMobileDeviceChange","shouldShowFullscreenHint","handleSandboxInteraction","event","isSandboxInteractionMessage","useWakePlayerFromIframe","hasPlaybackContextChanged","shouldInitializeAudioSequence","getPlaybackSequenceTransition","shouldOpenInteractionOverlayAfterAudio","shouldPresentOverlay","shouldPresentInteractionOverlay","interactionDefaults","shouldPreferResolvedInteractionInput","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","isInteractionReadonly","shouldAutoContinueInteraction","shouldShowInteractionOverlay","handleInteractionSend","resolvedUserInput","prevElement","syncFullscreenState","interactionOverlayElement","updateSubtitleOffset","overlayHeight","resizeObserver","renderSlideElement","options","Fragment","IframeSandbox","renderSlideElementList","isActiveStep","visibleElementCount","lastVisibleElementIndex","lastVisibleIndex","isPreRenderedHtml","cn","handleFullscreen","target","scrollStageToBottom","stageLayerElement","handlePrev","handleNext","handlePlayerLoadingChange","loading","handlePlayerEnded","endedAudioKey","activeSequencePosition","audioSequenceKey","nextSequencePosition","nextStepIndex","nextStepElement","handleInteractionToggle","prevOpen","stopOverlayPropagation","handleSurfacePointerDown","handleSurfaceClick","currentRenderElementKeys","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","ChevronLeft","mountedStepStateIndex","LoadingOverlayCard","SlideFullscreenHint","SubtitleOverlay","Player","previousEnabled"],"mappings":"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"}

package/dist/components/Slide/SubtitleOverlay.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../_virtual/jsx-runtime.cjs.js"),l=require("react"),v=require("../../lib/utils.cjs.js"),f=require("./utils/subtitleCue.cjs.js"),p=require("./utils/playbackTimeStore.cjs.js");;/* empty css                          */const S=({className:c,extraBottomOffset:n=0,hasPlayerGap:m=!1,isEnabled:e=!0,isPlayerHidden:b=!1,onVisibilityChange:i,playbackTimeStore:d,style:x,subtitleCues:r=[],...y})=>{const u=p.usePlaybackTimeStore(d),t=l.useMemo(()=>f.getVisibleSubtitleText(r,u),[u,r]),a=!!t;return l.useEffect(()=>{i?.(e&&a)},[a,e,i]),!e||!t?null:s.jsxRuntimeExports.jsx("div",{"aria-live":"off",className:v.cn("slide-subtitle-overlay",m&&"slide-subtitle-overlay--with-player-gap",b&&"slide-subtitle-overlay--player-hidden",c),style:{...x,"--slide-subtitle-extra-offset":`${Math.max(n,0)}px`},...y,children:s.jsxRuntimeExports.jsx("div",{className:"slide-subtitle-overlay__surface",children:s.jsxRuntimeExports.jsx("p",{className:"slide-subtitle-overlay__text",children:t})})})},o=l.memo(S);o.displayName="SubtitleOverlay";exports.default=o;
+//# sourceMappingURL=SubtitleOverlay.cjs.js.map

package/dist/components/Slide/SubtitleOverlay.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubtitleOverlay.cjs.js","sources":["../../../src/components/Slide/SubtitleOverlay.tsx"],"sourcesContent":["import React, { memo, useEffect, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { getVisibleSubtitleText } from \"./utils/subtitleCue\";\nimport { usePlaybackTimeStore } from \"./utils/playbackTimeStore\";\nimport type { PlaybackTimeStore } from \"./utils/playbackTimeStore\";\nimport type { ElementSubtitleCue } from \"./types\";\nimport \"./subtitle-overlay.css\";\n\nexport interface SubtitleOverlayProps extends Omit<\n  React.ComponentProps<\"div\">,\n  \"children\"\n> {\n  extraBottomOffset?: number;\n  hasPlayerGap?: boolean;\n  isEnabled?: boolean;\n  isPlayerHidden?: boolean;\n  onVisibilityChange?: (visible: boolean) => void;\n  playbackTimeStore: PlaybackTimeStore;\n  subtitleCues?: ElementSubtitleCue[];\n}\n\nconst SubtitleOverlay = ({\n  className,\n  extraBottomOffset = 0,\n  hasPlayerGap = false,\n  isEnabled = true,\n  isPlayerHidden = false,\n  onVisibilityChange,\n  playbackTimeStore,\n  style,\n  subtitleCues = [],\n  ...props\n}: SubtitleOverlayProps) => {\n  const currentTimeMs = usePlaybackTimeStore(playbackTimeStore);\n  const visibleSubtitleText = useMemo(\n    () => getVisibleSubtitleText(subtitleCues, currentTimeMs),\n    [currentTimeMs, subtitleCues]\n  );\n  const hasVisibleSubtitle = Boolean(visibleSubtitleText);\n\n  useEffect(() => {\n    onVisibilityChange?.(isEnabled && hasVisibleSubtitle);\n  }, [hasVisibleSubtitle, isEnabled, onVisibilityChange]);\n\n  if (!isEnabled || !visibleSubtitleText) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-live=\"off\"\n      className={cn(\n        \"slide-subtitle-overlay\",\n        hasPlayerGap && \"slide-subtitle-overlay--with-player-gap\",\n        isPlayerHidden && \"slide-subtitle-overlay--player-hidden\",\n        className\n      )}\n      style={\n        {\n          ...style,\n          \"--slide-subtitle-extra-offset\": `${Math.max(extraBottomOffset, 0)}px`,\n        } as React.CSSProperties\n      }\n      {...props}\n    >\n      <div className=\"slide-subtitle-overlay__surface\">\n        <p className=\"slide-subtitle-overlay__text\">{visibleSubtitleText}</p>\n      </div>\n    </div>\n  );\n};\n\nconst MemoizedSubtitleOverlay = memo(SubtitleOverlay);\n\nMemoizedSubtitleOverlay.displayName = \"SubtitleOverlay\";\n\nexport default MemoizedSubtitleOverlay;\n"],"names":["SubtitleOverlay","className","extraBottomOffset","hasPlayerGap","isEnabled","isPlayerHidden","onVisibilityChange","playbackTimeStore","style","subtitleCues","props","currentTimeMs","usePlaybackTimeStore","visibleSubtitleText","useMemo","getVisibleSubtitleText","hasVisibleSubtitle","useEffect","jsx","cn","MemoizedSubtitleOverlay","memo"],"mappings":"uVAsBA,MAAMA,EAAkB,CAAC,CACvB,UAAAC,EACA,kBAAAC,EAAoB,EACpB,aAAAC,EAAe,GACf,UAAAC,EAAY,GACZ,eAAAC,EAAiB,GACjB,mBAAAC,EAAA,kBACAC,EACA,MAAAC,EACA,aAAAC,EAAe,CAAA,EACf,GAAGC,CACL,IAA4B,CAC1B,MAAMC,EAAgBC,EAAAA,qBAAqBL,CAAiB,EACtDM,EAAsBC,EAAAA,QAC1B,IAAMC,EAAAA,uBAAuBN,EAAcE,CAAa,EACxD,CAACA,EAAeF,CAAY,CAAA,EAExBO,EAAqB,EAAQH,EAMnC,OAJAI,EAAAA,UAAU,IAAM,CACdX,IAAqBF,GAAaY,CAAkB,CACtD,EAAG,CAACA,EAAoBZ,EAAWE,CAAkB,CAAC,EAElD,CAACF,GAAa,CAACS,EACV,KAIPK,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,MACV,UAAWC,EAAAA,GACT,yBACAhB,GAAgB,0CAChBE,GAAkB,wCAClBJ,CAAA,EAEF,MACE,CACE,GAAGO,EACH,gCAAiC,GAAG,KAAK,IAAIN,EAAmB,CAAC,CAAC,IAAA,EAGrE,GAAGQ,EAEJ,SAAAQ,EAAAA,kBAAAA,IAAC,OAAI,UAAU,kCACb,iCAAC,IAAA,CAAE,UAAU,+BAAgC,SAAAL,CAAA,CAAoB,CAAA,CACnE,CAAA,CAAA,CAGN,EAEMO,EAA0BC,EAAAA,KAAKrB,CAAe,EAEpDoB,EAAwB,YAAc"}

package/dist/components/Slide/SubtitleOverlay.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { PlaybackTimeStore } from './utils/playbackTimeStore';
+import { ElementSubtitleCue } from './types';
+export interface SubtitleOverlayProps extends Omit<React.ComponentProps<"div">, "children"> {
+    extraBottomOffset?: number;
+    hasPlayerGap?: boolean;
+    isEnabled?: boolean;
+    isPlayerHidden?: boolean;
+    onVisibilityChange?: (visible: boolean) => void;
+    playbackTimeStore: PlaybackTimeStore;
+    subtitleCues?: ElementSubtitleCue[];
+}
+declare const MemoizedSubtitleOverlay: React.MemoExoticComponent<({ className, extraBottomOffset, hasPlayerGap, isEnabled, isPlayerHidden, onVisibilityChange, playbackTimeStore, style, subtitleCues, ...props }: SubtitleOverlayProps) => React.JSX.Element | null>;
+export default MemoizedSubtitleOverlay;

package/dist/components/Slide/SubtitleOverlay.es.js

@@ -0,0 +1,48 @@
+import { j as l } from "../../_virtual/jsx-runtime.es.js";
+import { memo as b, useMemo as n, useEffect as v } from "react";
+import { cn as x } from "../../lib/utils.es.js";
+import { getVisibleSubtitleText as y } from "./utils/subtitleCue.es.js";
+import { usePlaybackTimeStore as S } from "./utils/playbackTimeStore.es.js";
+/* empty css                        */
+const h = ({
+  className: o,
+  extraBottomOffset: m = 0,
+  hasPlayerGap: u = !1,
+  isEnabled: e = !0,
+  isPlayerHidden: c = !1,
+  onVisibilityChange: s,
+  playbackTimeStore: f,
+  style: d,
+  subtitleCues: i = [],
+  ...p
+}) => {
+  const r = S(f), t = n(
+    () => y(i, r),
+    [r, i]
+  ), a = !!t;
+  return v(() => {
+    s?.(e && a);
+  }, [a, e, s]), !e || !t ? null : /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      "aria-live": "off",
+      className: x(
+        "slide-subtitle-overlay",
+        u && "slide-subtitle-overlay--with-player-gap",
+        c && "slide-subtitle-overlay--player-hidden",
+        o
+      ),
+      style: {
+        ...d,
+        "--slide-subtitle-extra-offset": `${Math.max(m, 0)}px`
+      },
+      ...p,
+      children: /* @__PURE__ */ l.jsx("div", { className: "slide-subtitle-overlay__surface", children: /* @__PURE__ */ l.jsx("p", { className: "slide-subtitle-overlay__text", children: t }) })
+    }
+  );
+}, j = b(h);
+j.displayName = "SubtitleOverlay";
+export {
+  j as default
+};
+//# sourceMappingURL=SubtitleOverlay.es.js.map

package/dist/components/Slide/SubtitleOverlay.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubtitleOverlay.es.js","sources":["../../../src/components/Slide/SubtitleOverlay.tsx"],"sourcesContent":["import React, { memo, useEffect, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { getVisibleSubtitleText } from \"./utils/subtitleCue\";\nimport { usePlaybackTimeStore } from \"./utils/playbackTimeStore\";\nimport type { PlaybackTimeStore } from \"./utils/playbackTimeStore\";\nimport type { ElementSubtitleCue } from \"./types\";\nimport \"./subtitle-overlay.css\";\n\nexport interface SubtitleOverlayProps extends Omit<\n  React.ComponentProps<\"div\">,\n  \"children\"\n> {\n  extraBottomOffset?: number;\n  hasPlayerGap?: boolean;\n  isEnabled?: boolean;\n  isPlayerHidden?: boolean;\n  onVisibilityChange?: (visible: boolean) => void;\n  playbackTimeStore: PlaybackTimeStore;\n  subtitleCues?: ElementSubtitleCue[];\n}\n\nconst SubtitleOverlay = ({\n  className,\n  extraBottomOffset = 0,\n  hasPlayerGap = false,\n  isEnabled = true,\n  isPlayerHidden = false,\n  onVisibilityChange,\n  playbackTimeStore,\n  style,\n  subtitleCues = [],\n  ...props\n}: SubtitleOverlayProps) => {\n  const currentTimeMs = usePlaybackTimeStore(playbackTimeStore);\n  const visibleSubtitleText = useMemo(\n    () => getVisibleSubtitleText(subtitleCues, currentTimeMs),\n    [currentTimeMs, subtitleCues]\n  );\n  const hasVisibleSubtitle = Boolean(visibleSubtitleText);\n\n  useEffect(() => {\n    onVisibilityChange?.(isEnabled && hasVisibleSubtitle);\n  }, [hasVisibleSubtitle, isEnabled, onVisibilityChange]);\n\n  if (!isEnabled || !visibleSubtitleText) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-live=\"off\"\n      className={cn(\n        \"slide-subtitle-overlay\",\n        hasPlayerGap && \"slide-subtitle-overlay--with-player-gap\",\n        isPlayerHidden && \"slide-subtitle-overlay--player-hidden\",\n        className\n      )}\n      style={\n        {\n          ...style,\n          \"--slide-subtitle-extra-offset\": `${Math.max(extraBottomOffset, 0)}px`,\n        } as React.CSSProperties\n      }\n      {...props}\n    >\n      <div className=\"slide-subtitle-overlay__surface\">\n        <p className=\"slide-subtitle-overlay__text\">{visibleSubtitleText}</p>\n      </div>\n    </div>\n  );\n};\n\nconst MemoizedSubtitleOverlay = memo(SubtitleOverlay);\n\nMemoizedSubtitleOverlay.displayName = \"SubtitleOverlay\";\n\nexport default MemoizedSubtitleOverlay;\n"],"names":["SubtitleOverlay","className","extraBottomOffset","hasPlayerGap","isEnabled","isPlayerHidden","onVisibilityChange","playbackTimeStore","style","subtitleCues","props","currentTimeMs","usePlaybackTimeStore","visibleSubtitleText","useMemo","getVisibleSubtitleText","hasVisibleSubtitle","useEffect","jsx","cn","MemoizedSubtitleOverlay","memo"],"mappings":";;;;;;AAsBA,MAAMA,IAAkB,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AAAA,EACf,GAAGC;AACL,MAA4B;AAC1B,QAAMC,IAAgBC,EAAqBL,CAAiB,GACtDM,IAAsBC;AAAA,IAC1B,MAAMC,EAAuBN,GAAcE,CAAa;AAAA,IACxD,CAACA,GAAeF,CAAY;AAAA,EAAA,GAExBO,IAAqB,EAAQH;AAMnC,SAJAI,EAAU,MAAM;AACd,IAAAX,IAAqBF,KAAaY,CAAkB;AAAA,EACtD,GAAG,CAACA,GAAoBZ,GAAWE,CAAkB,CAAC,GAElD,CAACF,KAAa,CAACS,IACV,OAIPK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAhB,KAAgB;AAAA,QAChBE,KAAkB;AAAA,QAClBJ;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,GAAGO;AAAA,QACH,iCAAiC,GAAG,KAAK,IAAIN,GAAmB,CAAC,CAAC;AAAA,MAAA;AAAA,MAGrE,GAAGQ;AAAA,MAEJ,UAAAQ,gBAAAA,EAAAA,IAAC,SAAI,WAAU,mCACb,gCAAC,KAAA,EAAE,WAAU,gCAAgC,UAAAL,EAAA,CAAoB,EAAA,CACnE;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMO,IAA0BC,EAAKrB,CAAe;AAEpDoB,EAAwB,cAAc;"}

package/dist/components/Slide/constants.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=3e3,n={settingsTitle:"Settings",screenLabel:"Screen",nonFullscreenLabel:"Non-fullscreen",fullscreenLabel:"Fullscreen",fullscreenHintText:"Rotate your screen for the best experience."};exports.DEFAULT_FULLSCREEN_HINT_DURATION_MS=e;exports.DEFAULT_SLIDE_PLAYER_TEXTS=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=3e3,t={settingsTitle:"Settings",subtitleLabel:"Subtitles",subtitleToggleAriaLabel:"Toggle subtitles",screenLabel:"Screen",nonFullscreenLabel:"Non-fullscreen",fullscreenLabel:"Fullscreen",fullscreenHintText:"Rotate your screen for the best experience."};exports.DEFAULT_FULLSCREEN_HINT_DURATION_MS=e;exports.DEFAULT_SLIDE_PLAYER_TEXTS=t;
 //# sourceMappingURL=constants.cjs.js.map

package/dist/components/Slide/constants.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs.js","sources":["../../../src/components/Slide/constants.ts"],"sourcesContent":["export const DEFAULT_FULLSCREEN_HINT_DURATION_MS = 3000;\n\nexport const DEFAULT_SLIDE_PLAYER_TEXTS = {\n  settingsTitle: \"Settings\",\n  screenLabel: \"Screen\",\n  nonFullscreenLabel: \"Non-fullscreen\",\n  fullscreenLabel: \"Fullscreen\",\n  fullscreenHintText: \"Rotate your screen for the best experience.\",\n} as const;\n"],"names":["DEFAULT_FULLSCREEN_HINT_DURATION_MS","DEFAULT_SLIDE_PLAYER_TEXTS"],"mappings":"gFAAO,MAAMA,EAAsC,IAEtCC,EAA6B,CACxC,cAAe,WACf,YAAa,SACb,mBAAoB,iBACpB,gBAAiB,aACjB,mBAAoB,6CACtB"}
+{"version":3,"file":"constants.cjs.js","sources":["../../../src/components/Slide/constants.ts"],"sourcesContent":["export const DEFAULT_FULLSCREEN_HINT_DURATION_MS = 3000;\n\nexport const DEFAULT_SLIDE_PLAYER_TEXTS = {\n  settingsTitle: \"Settings\",\n  subtitleLabel: \"Subtitles\",\n  subtitleToggleAriaLabel: \"Toggle subtitles\",\n  screenLabel: \"Screen\",\n  nonFullscreenLabel: \"Non-fullscreen\",\n  fullscreenLabel: \"Fullscreen\",\n  fullscreenHintText: \"Rotate your screen for the best experience.\",\n} as const;\n"],"names":["DEFAULT_FULLSCREEN_HINT_DURATION_MS","DEFAULT_SLIDE_PLAYER_TEXTS"],"mappings":"gFAAO,MAAMA,EAAsC,IAEtCC,EAA6B,CACxC,cAAe,WACf,cAAe,YACf,wBAAyB,mBACzB,YAAa,SACb,mBAAoB,iBACpB,gBAAiB,aACjB,mBAAoB,6CACtB"}

package/dist/components/Slide/constants.d.ts

@@ -1,6 +1,8 @@
 export declare const DEFAULT_FULLSCREEN_HINT_DURATION_MS = 3000;
 export declare const DEFAULT_SLIDE_PLAYER_TEXTS: {
     readonly settingsTitle: "Settings";
+    readonly subtitleLabel: "Subtitles";
+    readonly subtitleToggleAriaLabel: "Toggle subtitles";
     readonly screenLabel: "Screen";
     readonly nonFullscreenLabel: "Non-fullscreen";
     readonly fullscreenLabel: "Fullscreen";

package/dist/components/Slide/constants.es.js

@@ -1,5 +1,7 @@
-const e = 3e3, n = {
+const e = 3e3, l = {
   settingsTitle: "Settings",
+  subtitleLabel: "Subtitles",
+  subtitleToggleAriaLabel: "Toggle subtitles",
   screenLabel: "Screen",
   nonFullscreenLabel: "Non-fullscreen",
   fullscreenLabel: "Fullscreen",
@@ -7,6 +9,6 @@ const e = 3e3, n = {
 };
 export {
   e as DEFAULT_FULLSCREEN_HINT_DURATION_MS,
-  n as DEFAULT_SLIDE_PLAYER_TEXTS
+  l as DEFAULT_SLIDE_PLAYER_TEXTS
 };
 //# sourceMappingURL=constants.es.js.map

package/dist/components/Slide/constants.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.es.js","sources":["../../../src/components/Slide/constants.ts"],"sourcesContent":["export const DEFAULT_FULLSCREEN_HINT_DURATION_MS = 3000;\n\nexport const DEFAULT_SLIDE_PLAYER_TEXTS = {\n  settingsTitle: \"Settings\",\n  screenLabel: \"Screen\",\n  nonFullscreenLabel: \"Non-fullscreen\",\n  fullscreenLabel: \"Fullscreen\",\n  fullscreenHintText: \"Rotate your screen for the best experience.\",\n} as const;\n"],"names":["DEFAULT_FULLSCREEN_HINT_DURATION_MS","DEFAULT_SLIDE_PLAYER_TEXTS"],"mappings":"AAAO,MAAMA,IAAsC,KAEtCC,IAA6B;AAAA,EACxC,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,oBAAoB;AACtB;"}
+{"version":3,"file":"constants.es.js","sources":["../../../src/components/Slide/constants.ts"],"sourcesContent":["export const DEFAULT_FULLSCREEN_HINT_DURATION_MS = 3000;\n\nexport const DEFAULT_SLIDE_PLAYER_TEXTS = {\n  settingsTitle: \"Settings\",\n  subtitleLabel: \"Subtitles\",\n  subtitleToggleAriaLabel: \"Toggle subtitles\",\n  screenLabel: \"Screen\",\n  nonFullscreenLabel: \"Non-fullscreen\",\n  fullscreenLabel: \"Fullscreen\",\n  fullscreenHintText: \"Rotate your screen for the best experience.\",\n} as const;\n"],"names":["DEFAULT_FULLSCREEN_HINT_DURATION_MS","DEFAULT_SLIDE_PLAYER_TEXTS"],"mappings":"AAAO,MAAMA,IAAsC,KAEtCC,IAA6B;AAAA,EACxC,eAAe;AAAA,EACf,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,oBAAoB;AACtB;"}

package/dist/components/Slide/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Slide.cjs.js");require("../../_virtual/jsx-runtime.cjs.js");require("react");require("../ui/dialog.cjs.js");;/* empty css                */const t=require("../../lib/interaction-defaults.cjs.js");exports.Slide=e.default;exports.default=e.default;exports.getInteractionDefaultSelectedValues=t.getInteractionDefaultSelectedValues;exports.getInteractionDefaultValues=t.getInteractionDefaultValues;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Slide.cjs.js"),l=require("./Player.cjs.js"),t=require("../../lib/interaction-defaults.cjs.js");require("react");exports.Slide=e.default;exports.default=e.default;exports.Player=l.default;exports.getInteractionDefaultSelectedValues=t.getInteractionDefaultSelectedValues;exports.getInteractionDefaultValues=t.getInteractionDefaultValues;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Slide/index.d.ts

@@ -7,7 +7,7 @@ export default Slide;
 export { Slide, applyDiffElement, applyUnifiedDiff, parseUnifiedDiff, splitDiffContent, Player, useSlide, getInteractionDefaultValues, getInteractionDefaultSelectedValues, };
 export type { SlideInteractionTexts, SlideFullscreenHeader, SlideProps, } from './Slide';
 export type { InteractionDefaultResolver, InteractionDefaultResolverParams, InteractionDefaultValueOptions, InteractionDefaultValues, InteractionParseResult, } from '../../lib/interaction-defaults';
-export type { Element, ElementAudioSegment, SlidePlayerCustomActionContext, SlidePlayerCustomActions, } from './types';
+export type { Element, ElementAudioSegment, ElementSubtitleCue, SlidePlayerCustomActionContext, SlidePlayerCustomActions, } from './types';
 export type { PlayerProps, SlidePlayerTexts } from './Player';
 export type { UseSlideResult } from './useSlide';
 export type { MobileViewMode } from './utils/mobileScreenMode';

package/dist/components/Slide/index.es.js

@@ -1,13 +1,12 @@
-import e from "./Slide.es.js";
-import "../../_virtual/jsx-runtime.es.js";
+import t from "./Slide.es.js";
+import { default as l } from "./Player.es.js";
+import { getInteractionDefaultSelectedValues as u, getInteractionDefaultValues as i } from "../../lib/interaction-defaults.es.js";
 import "react";
-import "../ui/dialog.es.js";
-/* empty css              */
-import { getInteractionDefaultSelectedValues as p, getInteractionDefaultValues as f } from "../../lib/interaction-defaults.es.js";
 export {
-  e as Slide,
-  e as default,
-  p as getInteractionDefaultSelectedValues,
-  f as getInteractionDefaultValues
+  l as Player,
+  t as Slide,
+  t as default,
+  u as getInteractionDefaultSelectedValues,
+  i as getInteractionDefaultValues
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/Slide/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Slide/types.d.ts

@@ -9,6 +9,13 @@ export interface ElementAudioSegment {
     slide_id?: string;
     av_contract?: Record<string, unknown> | null;
 }
+export interface ElementSubtitleCue {
+    text: string;
+    start_ms: number;
+    end_ms: number;
+    segment_index: number;
+    position?: number;
+}
 export interface Element {
     content: React.ReactNode;
     type: ElementType;
@@ -21,6 +28,7 @@ export interface Element {
     user_input?: string;
     readonly?: boolean;
     audio_segments?: ElementAudioSegment[];
+    subtitle_cues?: ElementSubtitleCue[];
 }
 export interface SlidePlayerCustomActionContext {
     currentElement?: Element;