markdown-flow-ui 0.1.100-beta.4 → 0.1.100-beta.40

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\";\n\nimport { hasBrowserUserActivation } from \"../../lib/browserUserActivation\";\nimport { cn } from \"../../lib/utils\";\nimport ContentRender from \"../ContentRender\";\nimport IframeSandbox from \"../ContentRender/IframeSandbox\";\nimport type { OnSendContentParams } from \"../types\";\nimport {\n  getInteractionDefaultSelectedValues,\n  getInteractionDefaultValues,\n} from \"./interaction-defaults\";\nimport Player from \"./Player\";\nimport type { Element } from \"./types\";\nimport useSlide from \"./useSlide\";\nimport \"./slide.css\";\nexport type { Element, ElementAudioSegment } from \"./types\";\n\nconst CHECKPOINT_AUTO_ADVANCE_DELAY_MS = 1000;\n\ninterface InteractionOverlayCardProps {\n  content: string;\n  title: string;\n  defaultButtonText?: string;\n  defaultInputText?: string;\n  defaultSelectedValues?: string[];\n  onSend?: (content: OnSendContentParams) => void;\n  readonly?: boolean;\n}\n\nconst InteractionOverlayCard = memo(\n  ({\n    content,\n    title,\n    defaultButtonText,\n    defaultInputText,\n    defaultSelectedValues,\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          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\nexport interface SlideProps extends React.ComponentProps<\"section\"> {\n  elementList?: Element[];\n  showPlayer?: boolean;\n  playerAlwaysVisible?: boolean;\n  playerClassName?: string;\n  interactionTitle?: string;\n  playerAutoHideDelay?: number;\n  onSend?: (content: OnSendContentParams, element?: Element) => void;\n  onPlayerVisibilityChange?: (visible: boolean) => void;\n  onStepChange?: (element: Element | undefined, index: number) => void;\n}\n\nconst Slide: React.FC<SlideProps> = ({\n  elementList = [],\n  showPlayer = true,\n  playerAlwaysVisible = false,\n  playerClassName,\n  interactionTitle,\n  playerAutoHideDelay = 3000,\n  onSend,\n  onPlayerVisibilityChange,\n  onStepChange,\n  className,\n  onPointerDown,\n  ...props\n}) => {\n  const sectionRef = useRef<HTMLElement | 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 {\n    currentElementList,\n    slideElementList,\n    currentIndex,\n    audioList,\n    currentAudioSequenceIndexes,\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 visibleCheckpointCount = slideElementList.filter(\n    (element) => element.is_show !== false\n  ).length;\n  const isSingleSlide = visibleCheckpointCount === 1;\n  const shouldRenderPlayer =\n    showPlayer &&\n    (isSingleSlide ||\n      audioList.length > 0 ||\n      Boolean(currentInteractionElement));\n  const [isPlayerVisible, setIsPlayerVisible] = useState(true);\n  const [hasPlayerInteracted, setHasPlayerInteracted] = useState(false);\n  const [hasPlaybackInteracted, setHasPlaybackInteracted] = useState(false);\n  const [shouldAutoPlay] = useState(() => hasBrowserUserActivation());\n  const canAutoPlayAudio = shouldAutoPlay || hasPlaybackInteracted;\n  const [currentAudioIndex, setCurrentAudioIndex] = useState(-1);\n  const [currentAudioSequencePosition, setCurrentAudioSequencePosition] =\n    useState(-1);\n  const [activeInteractionElement, setActiveInteractionElement] = useState<\n    Element | undefined\n  >();\n  const [isInteractionOverlayOpen, setIsInteractionOverlayOpen] =\n    useState(false);\n  const playerVisible =\n    shouldRenderPlayer && (playerAlwaysVisible || isPlayerVisible);\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    setCurrentAudioIndex(-1);\n    setCurrentAudioSequencePosition(-1);\n    setActiveInteractionElement(undefined);\n    setIsInteractionOverlayOpen(false);\n  }, [clearAutoAdvanceTimer, clearInteractionAutoCloseTimer]);\n\n  const startCurrentAudioSequence = useCallback(() => {\n    const nextAudioIndex = currentAudioSequenceIndexes[0];\n\n    if (typeof nextAudioIndex !== \"number\") {\n      return false;\n    }\n\n    // Start the first audio segment for the current step immediately.\n    setCurrentAudioSequencePosition(0);\n    setCurrentAudioIndex(nextAudioIndex);\n    return true;\n  }, [currentAudioSequenceIndexes]);\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  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    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    resetAudioSequence();\n\n    if (currentElementList.length === 0 && !currentInteractionElement) {\n      return;\n    }\n\n    if (currentInteractionElement) {\n      // Show the interaction gate before playing any follow-up audio.\n      setActiveInteractionElement(currentInteractionElement);\n      setIsInteractionOverlayOpen(true);\n      return;\n    }\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (!canGoNext) {\n      return;\n    }\n\n    // Auto-advance silent checkpoint-only steps so playback flow does not stall.\n    autoAdvanceTimerRef.current = window.setTimeout(() => {\n      autoAdvanceTimerRef.current = null;\n      goNext();\n    }, CHECKPOINT_AUTO_ADVANCE_DELAY_MS);\n\n    return () => {\n      clearAutoAdvanceTimer();\n    };\n  }, [\n    canGoNext,\n    clearAutoAdvanceTimer,\n    currentElementList,\n    currentInteractionElement,\n    goNext,\n    resetAudioSequence,\n    startCurrentAudioSequence,\n  ]);\n\n  const interactionDefaults = useMemo(() => {\n    if (!activeInteractionElement) {\n      return {};\n    }\n\n    return getInteractionDefaultValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input\n    );\n  }, [activeInteractionElement]);\n\n  const interactionDefaultSelectedValues = useMemo(() => {\n    if (!activeInteractionElement) {\n      return undefined;\n    }\n\n    return getInteractionDefaultSelectedValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input\n    );\n  }, [activeInteractionElement]);\n\n  const hasResolvedInteractionInput = Boolean(\n    activeInteractionElement?.user_input?.trim()\n  );\n  const isInteractionReadonly =\n    Boolean(activeInteractionElement?.readonly) || 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    clearInteractionAutoCloseTimer();\n\n    if (!isInteractionOverlayOpen || !hasResolvedInteractionInput) {\n      return;\n    }\n\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    hasResolvedInteractionInput,\n    isInteractionOverlayOpen,\n  ]);\n\n  const renderSlideElement = (element?: Element) => {\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          type=\"sandbox\"\n          content={element.content as string}\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 = (elementList: Element[] = []) => {\n    if (elementList.length === 0) {\n      return null;\n    }\n\n    const visibleElementCount = elementList.filter(\n      (element) => element.is_show !== false\n    ).length;\n    const lastVisibleElementIndex = elementList.reduce(\n      (lastVisibleIndex, element, index) =>\n        element.is_show !== 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_show === false;\n\n          return (\n            <div\n              key={element.serial_number ?? `${element.type}-${index}`}\n              ref={index === lastVisibleElementIndex ? lastElementRef : null}\n              aria-hidden={isPreRenderedHtml || undefined}\n              className={cn(\n                \"w-full shrink-0\",\n                visibleElementCount === 1 &&\n                  element.is_show !== 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_show === false && \"hidden\"\n              )}\n            >\n              {renderSlideElement(element)}\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  const handleFullscreen = () => {\n    const target = sectionRef.current;\n    if (!target) return;\n\n    if (document.fullscreenElement) {\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    resetAudioSequence();\n    goPrev();\n  }, [goPrev, resetAudioSequence]);\n\n  const handleNext = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    resetAudioSequence();\n    goNext();\n  }, [goNext, resetAudioSequence]);\n\n  const handlePlayerEnded = useCallback(\n    (audioIndex: number) => {\n      if (currentAudioSequencePosition < 0) {\n        return;\n      }\n\n      if (\n        currentAudioSequenceIndexes[currentAudioSequencePosition] !== audioIndex\n      ) {\n        return;\n      }\n\n      const nextSequencePosition = currentAudioSequencePosition + 1;\n      const nextAudioIndex = currentAudioSequenceIndexes[nextSequencePosition];\n\n      if (typeof nextAudioIndex === \"number\") {\n        setCurrentAudioSequencePosition(nextSequencePosition);\n        setCurrentAudioIndex(nextAudioIndex);\n        return;\n      }\n\n      setCurrentAudioIndex(-1);\n      setCurrentAudioSequencePosition(-1);\n\n      if (canGoNext) {\n        goNext();\n      }\n    },\n    [\n      canGoNext,\n      currentAudioSequenceIndexes,\n      currentAudioSequencePosition,\n      goNext,\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      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    },\n    [onPointerDown, showPlayerControls]\n  );\n\n  const shouldShowInteractionOverlay =\n    Boolean(activeInteractionElement) && isInteractionOverlayOpen;\n\n  const currentRenderElementKeys = useMemo(\n    () =>\n      currentElementList.map(\n        (element, index) =>\n          `${element.serial_number ?? `${element.type}-${index}`}:${element.operation ?? \"\"}`\n      ),\n    [currentElementList]\n  );\n\n  const renderElementList = useMemo(() => {\n    const nextHtmlElement = slideElementList\n      .slice(currentIndex + 1)\n      .find((element) => element.type === \"html\");\n\n    if (!nextHtmlElement) {\n      return currentElementList;\n    }\n\n    const hasMountedNextHtml = currentElementList.some(\n      (element) => element.serial_number === nextHtmlElement.serial_number\n    );\n\n    if (hasMountedNextHtml) {\n      return currentElementList;\n    }\n\n    // Keep the next html sandbox mounted offscreen so it is ready when revealed.\n    return [...currentElementList, { ...nextHtmlElement, is_show: false }];\n  }, [currentElementList, currentIndex, slideElementList]);\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.operation === \"append\"\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  console.log(\n    \"currentElement\",\n    currentElementList.at(-1),\n    currentElementList,\n    shouldRenderPlayer,\n    isPlayerVisible,\n    currentAudioSequenceIndexes,\n    currentInteractionElement,\n    activeInteractionElement,\n    isInteractionOverlayOpen\n  );\n\n  return (\n    <section\n      ref={sectionRef}\n      className={cn(\"relative h-full w-full\", className)}\n      onPointerDown={handleSurfacePointerDown}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-full min-h-0 w-full\",\n          isSingleSlide ? \"slide-content--single\" : \"grid gap-4\"\n        )}\n      >\n        {shouldRenderPlayer && !playerVisible ? (\n          <button\n            aria-label=\"Show player controls\"\n            className=\"slide-player-hit-area\"\n            onPointerDown={handleSurfacePointerDown}\n            type=\"button\"\n          />\n        ) : null}\n        {currentElementList.length > 0 ? (\n          <div className=\"slide-stage\">\n            <div ref={stageLayerRef} className=\"slide-stage__layer w-full\">\n              {renderSlideElementList(renderElementList)}\n            </div>\n          </div>\n        ) : null}\n      </div>\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        >\n          <InteractionOverlayCard\n            content={String(activeInteractionElement?.content ?? \"\")}\n            defaultButtonText={interactionDefaults.buttonText ?? \"\"}\n            defaultInputText={interactionDefaults.inputText ?? \"\"}\n            defaultSelectedValues={interactionDefaultSelectedValues}\n            onSend={handleInteractionSend}\n            readonly={isInteractionReadonly}\n            title={interactionTitle ?? \"Submit the content below to continue.\"}\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={canAutoPlayAudio}\n          hasInteraction={Boolean(activeInteractionElement)}\n          isInteractionOpen={isInteractionOverlayOpen}\n          nextDisabled={!canGoNext}\n          onEnded={handlePlayerEnded}\n          onFullscreen={handleFullscreen}\n          onInteractionToggle={handleInteractionToggle}\n          onPlayRequest={() => setHasPlaybackInteracted(true)}\n          onNext={handleNext}\n          onPrev={handlePrev}\n          prevDisabled={!canGoPrev}\n          showControls={playerVisible}\n        />\n      ) : null}\n    </section>\n  );\n};\n\nexport default Slide;\n"],"names":["CHECKPOINT_AUTO_ADVANCE_DELAY_MS","InteractionOverlayCard","memo","content","title","defaultButtonText","defaultInputText","defaultSelectedValues","onSend","readonly","jsxs","jsx","ContentRender","Slide","elementList","showPlayer","playerAlwaysVisible","playerClassName","interactionTitle","playerAutoHideDelay","onPlayerVisibilityChange","onStepChange","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","currentElementList","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","currentStepElement","useMemo","isSingleSlide","element","shouldRenderPlayer","isPlayerVisible","setIsPlayerVisible","useState","hasPlayerInteracted","setHasPlayerInteracted","hasPlaybackInteracted","setHasPlaybackInteracted","shouldAutoPlay","hasBrowserUserActivation","canAutoPlayAudio","currentAudioIndex","setCurrentAudioIndex","currentAudioSequencePosition","setCurrentAudioSequencePosition","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","playerVisible","clearPlayerHideTimer","useCallback","clearInteractionAutoCloseTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioIndex","continueAfterInteraction","showPlayerControls","enableAutoHide","useEffect","interactionDefaults","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","isInteractionReadonly","handleInteractionSend","resolvedUserInput","prevElement","renderSlideElement","Fragment","IframeSandbox","renderSlideElementList","visibleElementCount","lastVisibleElementIndex","lastVisibleIndex","index","isPreRenderedHtml","cn","handleFullscreen","target","scrollStageToBottom","stageLayerElement","handlePrev","handleNext","handlePlayerEnded","audioIndex","nextSequencePosition","handleInteractionToggle","prevOpen","stopOverlayPropagation","event","handleSurfacePointerDown","shouldShowInteractionOverlay","currentRenderElementKeys","renderElementList","nextHtmlElement","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","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 { LoaderCircle } from \"lucide-react\";\n\nimport { isSandboxInteractionMessage } from \"../../lib/sandboxInteraction\";\nimport { cn } from \"../../lib/utils\";\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 Player from \"./Player\";\nimport type { PlayerProps } from \"./Player\";\nimport type { Element } from \"./types\";\nimport useSlide from \"./useSlide\";\nimport useWakePlayerFromIframe from \"./useWakePlayerFromIframe\";\nimport { getPlayerCustomActionCount } from \"./utils/playerCustomActions\";\nimport \"./slide.css\";\nexport type { Element, ElementAudioSegment } from \"./types\";\n\nconst CHECKPOINT_AUTO_ADVANCE_DELAY_MS = 1000;\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\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  playerCustomActions?: PlayerProps[\"customActions\"];\n  bufferingText?: string;\n  interactionTitle?: string;\n  interactionTexts?: SlideInteractionTexts;\n  playerAutoHideDelay?: number;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  onSend?: (content: OnSendContentParams, element?: Element) => void;\n  onPlayerVisibilityChange?: (visible: boolean) => void;\n  onStepChange?: (element: Element | undefined, index: number) => void;\n}\n\nconst Slide: React.FC<SlideProps> = ({\n  elementList = [],\n  showPlayer = true,\n  playerAlwaysVisible = false,\n  playerClassName,\n  playerCustomActions,\n  bufferingText = \"Buffering...\",\n  interactionTitle,\n  interactionTexts,\n  playerAutoHideDelay = 3000,\n  interactionDefaultValueOptions,\n  onSend,\n  onPlayerVisibilityChange,\n  onStepChange,\n  className,\n  onPointerDown,\n  ...props\n}) => {\n  const sectionRef = useRef<HTMLElement | 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 {\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 [currentAudioKey, setCurrentAudioKey] = useState<string | null>(null);\n  const [isAudioLoadingVisible, setIsAudioLoadingVisible] = useState(false);\n  const [hasCompletedCurrentStepAudio, setHasCompletedCurrentStepAudio] =\n    useState(false);\n  const [activeInteractionElement, setActiveInteractionElement] = useState<\n    Element | undefined\n  >();\n  const [isInteractionOverlayOpen, setIsInteractionOverlayOpen] =\n    useState(false);\n  const playerVisible =\n    shouldRenderPlayer && (playerAlwaysVisible || isPlayerVisible);\n  const playerCustomActionCount = useMemo(\n    () => getPlayerCustomActionCount(playerCustomActions),\n    [playerCustomActions]\n  );\n  const interactionOverlayStyle = useMemo(\n    () =>\n      ({\n        \"--slide-player-custom-action-count\": String(playerCustomActionCount),\n      }) as React.CSSProperties,\n    [playerCustomActionCount]\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 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\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    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    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 (!shouldRenderPlayer) {\n        return;\n      }\n\n      // Restore player controls without blocking native iframe scrolling.\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 shouldOpenInteractionOverlayAfterAudio =\n      pendingInteractionOverlayStepIndexRef.current === currentIndex &&\n      Boolean(currentInteractionElement);\n\n    resetAudioSequence();\n\n    if (currentElementList.length === 0 && !currentInteractionElement) {\n      return;\n    }\n\n    if (\n      shouldBlockPlaybackForInteraction ||\n      shouldOpenInteractionOverlayAfterAudio\n    ) {\n      // Show the interaction gate before playing any follow-up audio.\n      setActiveInteractionElement(currentInteractionElement);\n      setIsInteractionOverlayOpen(true);\n      pendingInteractionOverlayStepIndexRef.current = null;\n      return;\n    }\n\n    if (currentInteractionElement) {\n      setActiveInteractionElement(currentInteractionElement);\n      setIsInteractionOverlayOpen(false);\n      pendingInteractionOverlayStepIndexRef.current = null;\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    // Auto-advance silent marker-only steps so playback flow does not stall.\n    autoAdvanceTimerRef.current = window.setTimeout(() => {\n      autoAdvanceTimerRef.current = null;\n      goNext();\n    }, CHECKPOINT_AUTO_ADVANCE_DELAY_MS);\n\n    return () => {\n      clearAutoAdvanceTimer();\n    };\n  }, [\n    canGoNext,\n    clearAutoAdvanceTimer,\n    currentElementList.length,\n    currentInteractionElement,\n    currentPlaybackResetKey,\n    currentStepHasSpeakableElement,\n    goNext,\n    shouldBlockPlaybackForInteraction,\n    resetAudioSequence,\n    startCurrentAudioSequence,\n  ]);\n\n  useEffect(() => {\n    if (!currentStepHasSpeakableElement || shouldBlockPlaybackForInteraction) {\n      setIsAudioLoadingVisible(false);\n      return;\n    }\n\n    if (hasCompletedCurrentStepAudio) {\n      setIsAudioLoadingVisible(false);\n      return;\n    }\n\n    if (currentAudioSequenceKeys.length === 0) {\n      setIsAudioLoadingVisible(true);\n    }\n  }, [\n    currentAudioSequenceKeys.length,\n    currentStepHasSpeakableElement,\n    hasCompletedCurrentStepAudio,\n    shouldBlockPlaybackForInteraction,\n  ]);\n\n  useEffect(() => {\n    if (currentAudioKey || currentAudioSequenceKeys.length === 0) {\n      return;\n    }\n\n    if (!currentStepHasSpeakableElement || shouldBlockPlaybackForInteraction) {\n      return;\n    }\n\n    if (hasCompletedCurrentStepAudio) {\n      return;\n    }\n\n    startCurrentAudioSequence();\n  }, [\n    currentAudioKey,\n    currentAudioSequenceKeys,\n    currentStepHasSpeakableElement,\n    hasCompletedCurrentStepAudio,\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 (!hasCurrentStepAudioUrl) {\n      return;\n    }\n\n    // Treat the arrived audio URL as ready and hide the buffering overlay.\n    setIsAudioLoadingVisible(false);\n  }, [hasCurrentStepAudioUrl]);\n\n  const interactionDefaults = useMemo(() => {\n    if (!activeInteractionElement) {\n      return {};\n    }\n\n    return getInteractionDefaultValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input,\n      interactionDefaultValueOptions\n    );\n  }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n  const interactionDefaultSelectedValues = useMemo(() => {\n    if (!activeInteractionElement) {\n      return undefined;\n    }\n\n    return getInteractionDefaultSelectedValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input,\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    clearInteractionAutoCloseTimer();\n\n    if (!isInteractionOverlayOpen || !shouldAutoContinueInteraction) {\n      return;\n    }\n\n    // Auto-close passive interaction checkpoints 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        />\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 = () => {\n    const target = sectionRef.current;\n    if (!target) return;\n\n    if (document.fullscreenElement) {\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 (hasCurrentStepAudioUrl) {\n        setIsAudioLoadingVisible(false);\n        return;\n      }\n\n      if (!currentStepHasSpeakableElement || hasCompletedCurrentStepAudio) {\n        setIsAudioLoadingVisible(false);\n        return;\n      }\n\n      setIsAudioLoadingVisible(loading);\n    },\n    [\n      currentStepHasSpeakableElement,\n      hasCompletedCurrentStepAudio,\n      hasCurrentStepAudioUrl,\n    ]\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      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    },\n    [onPointerDown, showPlayerControls]\n  );\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(\"relative h-full w-full\", className)}\n      onPointerDown={handleSurfacePointerDown}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-full min-h-0 w-full\",\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        <div className=\"pointer-events-none absolute left-1/2 top-1/2 z-[3] flex size-28 -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center gap-2 rounded-2xl bg-foreground/65 px-3 py-4 text-center text-xs leading-4 font-medium text-background shadow-lg backdrop-blur-sm\">\n          <LoaderCircle className=\"size-5 animate-spin text-background\" />\n          <span>{bufferingText}</span>\n        </div>\n      ) : null}\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          hasInteraction={Boolean(activeInteractionElement)}\n          isInteractionOpen={isInteractionOverlayOpen}\n          onLoadingChange={handlePlayerLoadingChange}\n          nextDisabled={!canGoNext}\n          onEnded={handlePlayerEnded}\n          onFullscreen={handleFullscreen}\n          onInteractionToggle={handleInteractionToggle}\n          onNext={handleNext}\n          onPrev={handlePrev}\n          prevDisabled={!canGoPrev}\n          showControls={playerVisible}\n          customActions={playerCustomActions}\n        />\n      ) : null}\n    </section>\n  );\n};\n\nexport default Slide;\n"],"names":["CHECKPOINT_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","playerCustomActions","bufferingText","interactionTitle","interactionTexts","playerAutoHideDelay","interactionDefaultValueOptions","onPlayerVisibilityChange","onStepChange","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","pendingInteractionOverlayStepIndexRef","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","currentAudioKey","setCurrentAudioKey","isAudioLoadingVisible","setIsAudioLoadingVisible","hasCompletedCurrentStepAudio","setHasCompletedCurrentStepAudio","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","playerVisible","playerCustomActionCount","getPlayerCustomActionCount","interactionOverlayStyle","mountedStepStates","currentMountedStateIndex","nextMountedStepStates","mountedStateIndexByStep","stepElementList","stepIndex","existingMountedStateIndex","mountedStepState","currentStepKey","currentAudioIndex","audioItem","currentAudioSequenceStartKey","currentInteractionResetKey","currentPlaybackResetKey","hasCurrentStepAudioUrl","clearPlayerHideTimer","useCallback","clearInteractionAutoCloseTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioKey","continueAfterInteraction","showPlayerControls","enableAutoHide","hasResolvedCurrentInteraction","shouldBlockPlaybackForInteraction","useEffect","handleSandboxInteraction","event","isSandboxInteractionMessage","useWakePlayerFromIframe","shouldOpenInteractionOverlayAfterAudio","interactionDefaults","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","isInteractionReadonly","shouldAutoContinueInteraction","handleInteractionSend","resolvedUserInput","prevElement","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","shouldShowInteractionOverlay","currentRenderElementKeys","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","mountedStepStateIndex","LoaderCircle","Player"],"mappings":"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"}

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

@@ -24,6 +24,10 @@ declare const meta: {
             control: "text";
             description: string;
         };
+        interactionTexts: {
+            control: "object";
+            description: string;
+        };
         playerAutoHideDelay: {
             control: {
                 type: "number";
@@ -36,10 +40,24 @@ declare const meta: {
             control: "boolean";
             description: string;
         };
+        playerCustomActions: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
     };
     args: {
         elementList: never[];
-        interactionTitle: string;
+        interactionTexts: {
+            title: string;
+            confirmButtonText: string;
+            copyButtonText: string;
+            copiedButtonText: string;
+        };
         playerAutoHideDelay: number;
         playerAlwaysVisible: false;
     };
@@ -47,6 +65,14 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const CustomPlayerActionButton: Story;
 export declare const FullViewportSlides: Story;
 export declare const FullViewportSingleSlide: Story;
+export declare const FullViewportSingleSlideWithEmptyPpt: Story;
+export declare const HistorySlides: Story;
+export declare const StreamingSingleIframeSlide: Story;
+export declare const StreamingSpeakableLoadingOnlySlide: Story;
 export declare const FullViewportSingleSlideWithSSE: Story;
+export declare const HistoryInteractionTriggeredSSE: Story;
+export declare const AudioSegmentsPlayback: Story;
+export declare const StreamingSpeakableDelayedAudioSlide: Story;

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

@@ -1,12 +1,12 @@
 import { default as Slide } from './Slide';
 import { default as Player } from './Player';
 import { applyDiffElement, applyUnifiedDiff, parseUnifiedDiff, splitDiffContent } from './diff-utils';
-import { getInteractionDefaultSelectedValues, getInteractionDefaultValues } from './interaction-defaults';
+import { getInteractionDefaultSelectedValues, getInteractionDefaultValues } from '../../lib/interaction-defaults';
 import { default as useSlide } from './useSlide';
 export default Slide;
 export { Slide, applyDiffElement, applyUnifiedDiff, parseUnifiedDiff, splitDiffContent, Player, useSlide, getInteractionDefaultValues, getInteractionDefaultSelectedValues, };
-export type { SlideProps } from './Slide';
-export type { InteractionDefaultResolver, InteractionDefaultResolverParams, InteractionDefaultValueOptions, InteractionDefaultValues, InteractionParseResult, } from './interaction-defaults';
+export type { SlideInteractionTexts, SlideProps } from './Slide';
+export type { InteractionDefaultResolver, InteractionDefaultResolverParams, InteractionDefaultValueOptions, InteractionDefaultValues, InteractionParseResult, } from '../../lib/interaction-defaults';
 export type { Element, ElementAudioSegment } from './types';
 export type { PlayerProps } from './Player';
 export type { UseSlideResult } from './useSlide';

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 export type ElementType = "slot" | "html" | "svg" | "diff" | "img" | "interaction" | "tables" | "code" | "latex" | "md_img" | "mermaid" | "title" | "text" | "link" | string;
-export type SlideOperation = "new" | "append" | string;
 export interface ElementAudioSegment {
     segment_index: number;
     audio_data: string;
@@ -13,11 +12,11 @@ export interface ElementAudioSegment {
 export interface Element {
     content: React.ReactNode;
     type: ElementType;
-    is_show?: boolean;
-    operation?: SlideOperation;
-    is_checkpoint?: boolean;
-    serial_number?: number;
-    is_read?: boolean;
+    is_renderable?: boolean;
+    is_new?: boolean;
+    is_marker?: boolean;
+    sequence_number?: number;
+    is_speakable?: boolean;
     audio_url?: string;
     user_input?: string;
     readonly?: boolean;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),I=require("./diff-utils.cjs.js"),A=t=>t.filter(n=>n.is_checkpoint),y=t=>t.reduce((n,e,o)=>(e.is_checkpoint&&n.push(o),n),[]),h=t=>!!(t?.is_read&&(t.audio_url||(t.audio_segments?.length??0)>0)),w=(t=[])=>t.length>0&&!t.some(n=>n.is_final),k=t=>t.reduce((n,e)=>(h(e)&&n.push({serialNumber:e.serial_number,audioUrl:e.audio_url,audioSegments:e.audio_segments,isAudioStreaming:w(e.audio_segments)}),n),[]),q=t=>{const n=new Map;let e=0;return t.forEach((o,r)=>{h(o)&&(n.set(r,e),e+=1)}),n},C=(t,n,e)=>n.reduce((o,r,c)=>{const l=n[c+1]??t.length,a=[];for(let s=r;s<l;s+=1){const d=t[s];if(!h(d))continue;const f=e.get(s);f!=null&&a.push(f)}return o.set(c,a),o},new Map),m=t=>{const n=t.findIndex(e=>e.is_show===!0);return n>=0?n:t.findIndex(e=>e.is_show!==!1)},M=t=>({...t,is_show:!0}),P=(t,n)=>n<0?[]:t.slice(0,n+1).reduce((e,o)=>{if(o.type==="interaction")return e;const r=M(o);return r.type==="diff"?I.applyDiffElement(e,r)??[...e,r]:o.operation==="new"?[r]:e.length===0?[r]:[...e,r]},[]),R=(t,n)=>t.length===n.length&&t.every((e,o)=>e===n[o]),v=(t=[])=>{const n=u.useRef(t),e=u.useMemo(()=>R(n.current,t)?n.current:(n.current=t,t),[t]),o=u.useMemo(()=>A(e),[e]),r=u.useMemo(()=>y(e),[e]),c=u.useMemo(()=>k(e),[e]),l=u.useMemo(()=>q(e),[e]),a=u.useMemo(()=>C(e,r,l),[l,r,e]),[s,d]=u.useState(()=>m(o));u.useEffect(()=>{d(i=>o.length===0?-1:i>=0&&i<o.length?i:m(o))},[o]);const f=u.useCallback(()=>{d(i=>i<=0?Math.max(i,0):Math.max(i-1,0))},[]),S=u.useCallback(()=>{d(i=>i<0?i:Math.min(i+1,o.length-1))},[o.length]),_=s>0,p=s>=0&&s<o.length-1,g=u.useMemo(()=>{if(s<0)return;const i=o[s];if(i)return M(i)},[s,o]),x=u.useMemo(()=>P(o,s),[s,o]),b=u.useMemo(()=>a.get(s)??[],[s,a]),E=u.useMemo(()=>g?.type==="interaction"?g:void 0,[g]);return{currentElementList:x,slideElementList:o,currentIndex:s,audioList:c,currentAudioSequenceIndexes:b,currentInteractionElement:E,canGoPrev:_,canGoNext:p,handlePrev:f,handleNext:S}};exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),I=require("./diff-utils.cjs.js"),R=e=>e.filter(n=>n.is_marker),C=e=>e.reduce((n,t,r)=>(t.is_marker&&n.push(r),n),[]),m=e=>!!(e?.is_speakable&&(e.audio_url||(e.audio_segments?.length??0)>0)),N=(e=[])=>e.length>0&&!e.some(n=>n.is_final),P=(e,n)=>{const t=e;return t.element_bid||t.blockBid||t.generated_block_bid||`${e.type}:${String(e.sequence_number??n)}`},v=e=>e.reduce((n,t,r)=>{if(m(t)){const s=t.audio_segments??[],c=s.length>0;n.push({audioKey:P(t,r),sequenceNumber:t.sequence_number,audioUrl:c?"":t.audio_url,audioSegments:s,isAudioStreaming:N(s)})}return n},[]),w=e=>{const n=new Map;let t=0;return e.forEach((r,s)=>{m(r)&&(n.set(s,t),t+=1)}),n},B=(e,n,t)=>n.reduce((r,s,c)=>{const f=n[c+1]??e.length,d=[];for(let a=s;a<f;a+=1){const i=e[a];if(!m(i))continue;const l=t.get(a);l!=null&&d.push(l)}return r.set(c,d),r},new Map),h=e=>{const n=e.findIndex(t=>t.is_renderable===!0);return n>=0?n:e.findIndex(t=>t.is_renderable!==!1)},b=e=>({...e,is_renderable:!0}),M=(e,n)=>n<0?[]:e.slice(0,n+1).reduce((t,r)=>{if(r.type==="interaction")return t;const s=b(r);return s.type==="diff"?I.applyDiffElement(t,s)??[...t,s]:r.is_new?[s]:t.length===0?[s]:[...t,s]},[]),G=e=>e.map((n,t)=>M(e,t)),H=(e,n,t)=>{if(t<0)return!1;const r=n[t];if(typeof r!="number")return!1;const s=n[t+1]??e.length;for(let c=r;c<s;c+=1)if(e[c]?.is_speakable)return!0;return!1},K=(e,n)=>e.length===n.length&&e.every((t,r)=>t===n[r]),U=(e,n)=>e.length===n.length&&e.every((t,r)=>t===n[r]),$=(e=[])=>{const n=o.useRef(e),t=o.useRef([]),r=o.useMemo(()=>K(n.current,e)?n.current:(n.current=e,e),[e]),s=o.useMemo(()=>R(r),[r]),c=o.useMemo(()=>C(r),[r]),f=o.useMemo(()=>v(r),[r]),d=o.useMemo(()=>w(r),[r]),a=o.useMemo(()=>B(r,c,d),[d,c,r]),[i,l]=o.useState(()=>h(s));o.useEffect(()=>{l(u=>s.length===0?-1:u>=0&&u<s.length?u:h(s))},[s]);const S=o.useCallback(()=>{l(u=>u<=0?Math.max(u,0):Math.max(u-1,0))},[]),_=o.useCallback(()=>{l(u=>u<0?u:Math.min(u+1,s.length-1))},[s.length]),p=i>0,x=i>=0&&i<s.length-1,g=o.useMemo(()=>{if(i<0)return;const u=s[i];if(u)return b(u)},[i,s]),E=o.useMemo(()=>M(s,i),[i,s]),k=o.useMemo(()=>G(s),[s]),A=o.useMemo(()=>{const u=a.get(i)??[];return U(t.current,u)?t.current:(t.current=u,u)},[i,a]),y=o.useMemo(()=>H(r,c,i),[i,c,r]),q=o.useMemo(()=>g?.type==="interaction"?g:void 0,[g]);return{currentElementList:E,stepElementLists:k,slideElementList:s,currentIndex:i,audioList:f,currentAudioSequenceIndexes:A,currentStepHasSpeakableElement:y,currentInteractionElement:q,canGoPrev:p,canGoNext:x,handlePrev:S,handleNext:_}};exports.default=$;
 //# sourceMappingURL=useSlide.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSlide.cjs.js","sources":["../../../src/components/Slide/useSlide.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { applyDiffElement } from \"./diff-utils\";\nimport type { Element, ElementAudioSegment } from \"./types\";\n\nexport interface SlideAudioItem {\n  serialNumber?: number;\n  audioUrl?: string;\n  audioSegments?: ElementAudioSegment[];\n  isAudioStreaming?: boolean;\n}\n\nexport interface UseSlideResult {\n  currentElementList: Element[];\n  slideElementList: Element[];\n  currentIndex: number;\n  audioList: SlideAudioItem[];\n  currentAudioSequenceIndexes: number[];\n  currentInteractionElement?: Element;\n  canGoPrev: boolean;\n  canGoNext: boolean;\n  handlePrev: () => void;\n  handleNext: () => void;\n}\n\nconst getSlideElementList = (elementList: Element[]) =>\n  elementList.filter((element) => element.is_checkpoint);\n\nconst getSlideElementIndexes = (elementList: Element[]) =>\n  elementList.reduce<number[]>((indexes, element, index) => {\n    if (element.is_checkpoint) {\n      indexes.push(index);\n    }\n\n    return indexes;\n  }, []);\n\nconst hasPlayableAudio = (element?: Element) =>\n  Boolean(\n    element?.is_read &&\n      (element.audio_url || (element.audio_segments?.length ?? 0) > 0)\n  );\n\nconst isStreamingAudio = (segments: ElementAudioSegment[] = []) =>\n  segments.length > 0 && !segments.some((segment) => segment.is_final);\n\nconst getAudioList = (elementList: Element[]) =>\n  elementList.reduce<SlideAudioItem[]>((list, element) => {\n    if (hasPlayableAudio(element)) {\n      list.push({\n        serialNumber: element.serial_number,\n        audioUrl: element.audio_url,\n        audioSegments: element.audio_segments,\n        isAudioStreaming: isStreamingAudio(element.audio_segments),\n      });\n    }\n\n    return list;\n  }, []);\n\nconst getAudioIndexMap = (elementList: Element[]) => {\n  const audioIndexMap = new Map<number, number>();\n  let audioIndex = 0;\n\n  elementList.forEach((element, index) => {\n    if (hasPlayableAudio(element)) {\n      audioIndexMap.set(index, audioIndex);\n      audioIndex += 1;\n    }\n  });\n\n  return audioIndexMap;\n};\n\nconst getSlideAudioSequenceMap = (\n  elementList: Element[],\n  slideElementIndexes: number[],\n  audioIndexMap: Map<number, number>\n) =>\n  slideElementIndexes.reduce<Map<number, number[]>>(\n    (sequenceMap, startIndex, slideIndex) => {\n      const nextCheckpointIndex =\n        slideElementIndexes[slideIndex + 1] ?? elementList.length;\n      const sequenceIndexes: number[] = [];\n\n      for (let index = startIndex; index < nextCheckpointIndex; index += 1) {\n        const element = elementList[index];\n\n        if (!hasPlayableAudio(element)) {\n          continue;\n        }\n\n        const audioIndex = audioIndexMap.get(index);\n\n        if (audioIndex == null) {\n          continue;\n        }\n\n        sequenceIndexes.push(audioIndex);\n      }\n\n      sequenceMap.set(slideIndex, sequenceIndexes);\n      return sequenceMap;\n    },\n    new Map<number, number[]>()\n  );\n\nconst getInitialSlideIndex = (slideElementList: Element[]) => {\n  const visibleIndex = slideElementList.findIndex(\n    (element) => element.is_show === true\n  );\n\n  if (visibleIndex >= 0) {\n    return visibleIndex;\n  }\n\n  return slideElementList.findIndex((element) => element.is_show !== false);\n};\n\nconst getVisibleElement = (element: Element): Element => ({\n  ...element,\n  is_show: true,\n});\n\nconst getCurrentElementList = (\n  slideElementList: Element[],\n  currentIndex: number\n) => {\n  if (currentIndex < 0) {\n    return [];\n  }\n\n  return slideElementList\n    .slice(0, currentIndex + 1)\n    .reduce<Element[]>((currentList, element) => {\n      if (element.type === \"interaction\") {\n        return currentList;\n      }\n\n      const visibleElement = getVisibleElement(element);\n\n      if (visibleElement.type === \"diff\") {\n        const nextList = applyDiffElement(currentList, visibleElement);\n\n        return nextList ?? [...currentList, visibleElement];\n      }\n\n      if (element.operation === \"new\") {\n        return [visibleElement];\n      }\n\n      if (currentList.length === 0) {\n        return [visibleElement];\n      }\n\n      return [...currentList, visibleElement];\n    }, []);\n};\n\nconst hasSameElementReferences = (\n  prevElementList: Element[],\n  nextElementList: Element[]\n) =>\n  prevElementList.length === nextElementList.length &&\n  prevElementList.every((element, index) => element === nextElementList[index]);\n\nconst useSlide = (elementList: Element[] = []): UseSlideResult => {\n  const stableElementListRef = useRef(elementList);\n  const stableElementList = useMemo(() => {\n    if (hasSameElementReferences(stableElementListRef.current, elementList)) {\n      return stableElementListRef.current;\n    }\n\n    // Reuse the previous wrapper array when the element references are unchanged.\n    stableElementListRef.current = elementList;\n    return elementList;\n  }, [elementList]);\n  const slideElementList = useMemo(\n    () => getSlideElementList(stableElementList),\n    [stableElementList]\n  );\n  const slideElementIndexes = useMemo(\n    () => getSlideElementIndexes(stableElementList),\n    [stableElementList]\n  );\n  const audioList = useMemo(\n    () => getAudioList(stableElementList),\n    [stableElementList]\n  );\n  const audioIndexMap = useMemo(\n    () => getAudioIndexMap(stableElementList),\n    [stableElementList]\n  );\n  const slideAudioSequenceMap = useMemo(\n    () =>\n      getSlideAudioSequenceMap(\n        stableElementList,\n        slideElementIndexes,\n        audioIndexMap\n      ),\n    [audioIndexMap, slideElementIndexes, stableElementList]\n  );\n  const [currentIndex, setCurrentIndex] = useState(() =>\n    getInitialSlideIndex(slideElementList)\n  );\n\n  useEffect(() => {\n    setCurrentIndex((prevIndex) => {\n      if (slideElementList.length === 0) {\n        return -1;\n      }\n\n      if (prevIndex >= 0 && prevIndex < slideElementList.length) {\n        return prevIndex;\n      }\n\n      return getInitialSlideIndex(slideElementList);\n    });\n  }, [slideElementList]);\n\n  const handlePrev = useCallback(() => {\n    setCurrentIndex((prevIndex) => {\n      if (prevIndex <= 0) {\n        return Math.max(prevIndex, 0);\n      }\n\n      return Math.max(prevIndex - 1, 0);\n    });\n  }, []);\n\n  const handleNext = useCallback(() => {\n    setCurrentIndex((prevIndex) => {\n      if (prevIndex < 0) {\n        return prevIndex;\n      }\n\n      return Math.min(prevIndex + 1, slideElementList.length - 1);\n    });\n  }, [slideElementList.length]);\n\n  const canGoPrev = currentIndex > 0;\n  const canGoNext =\n    currentIndex >= 0 && currentIndex < slideElementList.length - 1;\n  const currentStepElement = useMemo(() => {\n    if (currentIndex < 0) {\n      return undefined;\n    }\n\n    const element = slideElementList[currentIndex];\n\n    if (!element) {\n      return undefined;\n    }\n\n    return getVisibleElement(element);\n  }, [currentIndex, slideElementList]);\n  const currentElementList = useMemo(\n    () => getCurrentElementList(slideElementList, currentIndex),\n    [currentIndex, slideElementList]\n  );\n  const currentAudioSequenceIndexes = useMemo(\n    () => slideAudioSequenceMap.get(currentIndex) ?? [],\n    [currentIndex, slideAudioSequenceMap]\n  );\n  const currentInteractionElement = useMemo(\n    () =>\n      currentStepElement?.type === \"interaction\"\n        ? currentStepElement\n        : undefined,\n    [currentStepElement]\n  );\n\n  return {\n    currentElementList,\n    slideElementList,\n    currentIndex,\n    audioList,\n    currentAudioSequenceIndexes,\n    currentInteractionElement,\n    canGoPrev,\n    canGoNext,\n    handlePrev,\n    handleNext,\n  };\n};\n\nexport default useSlide;\n"],"names":["getSlideElementList","elementList","element","getSlideElementIndexes","indexes","index","hasPlayableAudio","isStreamingAudio","segments","segment","getAudioList","list","getAudioIndexMap","audioIndexMap","audioIndex","getSlideAudioSequenceMap","slideElementIndexes","sequenceMap","startIndex","slideIndex","nextCheckpointIndex","sequenceIndexes","getInitialSlideIndex","slideElementList","visibleIndex","getVisibleElement","getCurrentElementList","currentIndex","currentList","visibleElement","applyDiffElement","hasSameElementReferences","prevElementList","nextElementList","useSlide","stableElementListRef","useRef","stableElementList","useMemo","audioList","slideAudioSequenceMap","setCurrentIndex","useState","useEffect","prevIndex","handlePrev","useCallback","handleNext","canGoPrev","canGoNext","currentStepElement","currentElementList","currentAudioSequenceIndexes","currentInteractionElement"],"mappings":"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"}
+{"version":3,"file":"useSlide.cjs.js","sources":["../../../src/components/Slide/useSlide.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { applyDiffElement } from \"./diff-utils\";\nimport type { Element, ElementAudioSegment } from \"./types\";\n\nexport interface SlideAudioItem {\n  audioKey?: string;\n  sequenceNumber?: number;\n  audioUrl?: string;\n  audioSegments?: ElementAudioSegment[];\n  isAudioStreaming?: boolean;\n}\n\nexport interface UseSlideResult {\n  currentElementList: Element[];\n  stepElementLists: Element[][];\n  slideElementList: Element[];\n  currentIndex: number;\n  audioList: SlideAudioItem[];\n  currentAudioSequenceIndexes: number[];\n  currentStepHasSpeakableElement: boolean;\n  currentInteractionElement?: Element;\n  canGoPrev: boolean;\n  canGoNext: boolean;\n  handlePrev: () => void;\n  handleNext: () => void;\n}\n\nconst getMarkerElementList = (elementList: Element[]) =>\n  elementList.filter((element) => element.is_marker);\n\nconst getMarkerElementIndexes = (elementList: Element[]) =>\n  elementList.reduce<number[]>((indexes, element, index) => {\n    if (element.is_marker) {\n      indexes.push(index);\n    }\n\n    return indexes;\n  }, []);\n\nconst hasPlayableAudio = (element?: Element) =>\n  Boolean(\n    element?.is_speakable &&\n      (element.audio_url || (element.audio_segments?.length ?? 0) > 0)\n  );\n\nconst isStreamingAudio = (segments: ElementAudioSegment[] = []) =>\n  segments.length > 0 && !segments.some((segment) => segment.is_final);\n\nconst getElementAudioKey = (element: Element, index: number) => {\n  const candidateElement = element as Element & {\n    element_bid?: string;\n    blockBid?: string;\n    generated_block_bid?: string;\n  };\n\n  return (\n    candidateElement.element_bid ||\n    candidateElement.blockBid ||\n    candidateElement.generated_block_bid ||\n    `${element.type}:${String(element.sequence_number ?? index)}`\n  );\n};\n\nconst getAudioList = (elementList: Element[]) =>\n  elementList.reduce<SlideAudioItem[]>((list, element, elementIndex) => {\n    if (hasPlayableAudio(element)) {\n      const normalizedAudioSegments = element.audio_segments ?? [];\n      const hasAudioSegments = normalizedAudioSegments.length > 0;\n\n      list.push({\n        audioKey: getElementAudioKey(element, elementIndex),\n        sequenceNumber: element.sequence_number,\n        // Keep one canonical source to avoid duplicated playback resets.\n        // When streaming segments exist, keep playback on the segment source.\n        audioUrl: hasAudioSegments ? \"\" : element.audio_url,\n        audioSegments: normalizedAudioSegments,\n        isAudioStreaming: isStreamingAudio(normalizedAudioSegments),\n      });\n    }\n\n    return list;\n  }, []);\n\nconst getAudioIndexMap = (elementList: Element[]) => {\n  const audioIndexMap = new Map<number, number>();\n  let audioIndex = 0;\n\n  elementList.forEach((element, index) => {\n    if (hasPlayableAudio(element)) {\n      audioIndexMap.set(index, audioIndex);\n      audioIndex += 1;\n    }\n  });\n\n  return audioIndexMap;\n};\n\nconst getSlideAudioSequenceMap = (\n  elementList: Element[],\n  markerElementIndexes: number[],\n  audioIndexMap: Map<number, number>\n) =>\n  markerElementIndexes.reduce<Map<number, number[]>>(\n    (sequenceMap, startIndex, slideIndex) => {\n      const nextMarkerIndex =\n        markerElementIndexes[slideIndex + 1] ?? elementList.length;\n      const sequenceIndexes: number[] = [];\n\n      for (let index = startIndex; index < nextMarkerIndex; index += 1) {\n        const element = elementList[index];\n\n        if (!hasPlayableAudio(element)) {\n          continue;\n        }\n\n        const audioIndex = audioIndexMap.get(index);\n\n        if (audioIndex == null) {\n          continue;\n        }\n\n        sequenceIndexes.push(audioIndex);\n      }\n\n      sequenceMap.set(slideIndex, sequenceIndexes);\n      return sequenceMap;\n    },\n    new Map<number, number[]>()\n  );\n\nconst getInitialSlideIndex = (slideElementList: Element[]) => {\n  const visibleIndex = slideElementList.findIndex(\n    (element) => element.is_renderable === true\n  );\n\n  if (visibleIndex >= 0) {\n    return visibleIndex;\n  }\n\n  return slideElementList.findIndex(\n    (element) => element.is_renderable !== false\n  );\n};\n\nconst getVisibleElement = (element: Element): Element => ({\n  ...element,\n  is_renderable: true,\n});\n\nconst getCurrentElementList = (\n  slideElementList: Element[],\n  currentIndex: number\n) => {\n  if (currentIndex < 0) {\n    return [];\n  }\n\n  return slideElementList\n    .slice(0, currentIndex + 1)\n    .reduce<Element[]>((currentList, element) => {\n      if (element.type === \"interaction\") {\n        return currentList;\n      }\n\n      const visibleElement = getVisibleElement(element);\n\n      if (visibleElement.type === \"diff\") {\n        const nextList = applyDiffElement(currentList, visibleElement);\n\n        return nextList ?? [...currentList, visibleElement];\n      }\n\n      if (element.is_new) {\n        return [visibleElement];\n      }\n\n      if (currentList.length === 0) {\n        return [visibleElement];\n      }\n\n      return [...currentList, visibleElement];\n    }, []);\n};\n\nconst getStepElementLists = (slideElementList: Element[]) =>\n  slideElementList.map((_, index) =>\n    getCurrentElementList(slideElementList, index)\n  );\n\nconst getStepHasSpeakableElement = (\n  elementList: Element[],\n  markerElementIndexes: number[],\n  currentIndex: number\n) => {\n  if (currentIndex < 0) {\n    return false;\n  }\n\n  const startIndex = markerElementIndexes[currentIndex];\n\n  if (typeof startIndex !== \"number\") {\n    return false;\n  }\n\n  const nextMarkerIndex =\n    markerElementIndexes[currentIndex + 1] ?? elementList.length;\n\n  for (let index = startIndex; index < nextMarkerIndex; index += 1) {\n    if (elementList[index]?.is_speakable) {\n      return true;\n    }\n  }\n\n  return false;\n};\n\nconst hasSameElementReferences = (\n  prevElementList: Element[],\n  nextElementList: Element[]\n) =>\n  prevElementList.length === nextElementList.length &&\n  prevElementList.every((element, index) => element === nextElementList[index]);\n\nconst hasSameNumberValues = (prevValues: number[], nextValues: number[]) =>\n  prevValues.length === nextValues.length &&\n  prevValues.every((value, index) => value === nextValues[index]);\n\nconst useSlide = (elementList: Element[] = []): UseSlideResult => {\n  const stableElementListRef = useRef(elementList);\n  const stableCurrentAudioSequenceIndexesRef = useRef<number[]>([]);\n  const stableElementList = useMemo(() => {\n    if (hasSameElementReferences(stableElementListRef.current, elementList)) {\n      return stableElementListRef.current;\n    }\n\n    // Reuse the previous wrapper array when the element references are unchanged.\n    stableElementListRef.current = elementList;\n    return elementList;\n  }, [elementList]);\n  const slideElementList = useMemo(\n    () => getMarkerElementList(stableElementList),\n    [stableElementList]\n  );\n  const markerElementIndexes = useMemo(\n    () => getMarkerElementIndexes(stableElementList),\n    [stableElementList]\n  );\n  const audioList = useMemo(\n    () => getAudioList(stableElementList),\n    [stableElementList]\n  );\n  const audioIndexMap = useMemo(\n    () => getAudioIndexMap(stableElementList),\n    [stableElementList]\n  );\n  const slideAudioSequenceMap = useMemo(\n    () =>\n      getSlideAudioSequenceMap(\n        stableElementList,\n        markerElementIndexes,\n        audioIndexMap\n      ),\n    [audioIndexMap, markerElementIndexes, stableElementList]\n  );\n  const [currentIndex, setCurrentIndex] = useState(() =>\n    getInitialSlideIndex(slideElementList)\n  );\n\n  useEffect(() => {\n    setCurrentIndex((prevIndex) => {\n      if (slideElementList.length === 0) {\n        return -1;\n      }\n\n      if (prevIndex >= 0 && prevIndex < slideElementList.length) {\n        return prevIndex;\n      }\n\n      return getInitialSlideIndex(slideElementList);\n    });\n  }, [slideElementList]);\n\n  const handlePrev = useCallback(() => {\n    setCurrentIndex((prevIndex) => {\n      if (prevIndex <= 0) {\n        return Math.max(prevIndex, 0);\n      }\n\n      return Math.max(prevIndex - 1, 0);\n    });\n  }, []);\n\n  const handleNext = useCallback(() => {\n    setCurrentIndex((prevIndex) => {\n      if (prevIndex < 0) {\n        return prevIndex;\n      }\n\n      return Math.min(prevIndex + 1, slideElementList.length - 1);\n    });\n  }, [slideElementList.length]);\n\n  const canGoPrev = currentIndex > 0;\n  const canGoNext =\n    currentIndex >= 0 && currentIndex < slideElementList.length - 1;\n  const currentStepElement = useMemo(() => {\n    if (currentIndex < 0) {\n      return undefined;\n    }\n\n    const element = slideElementList[currentIndex];\n\n    if (!element) {\n      return undefined;\n    }\n\n    return getVisibleElement(element);\n  }, [currentIndex, slideElementList]);\n  const currentElementList = useMemo(\n    () => getCurrentElementList(slideElementList, currentIndex),\n    [currentIndex, slideElementList]\n  );\n  const stepElementLists = useMemo(\n    () => getStepElementLists(slideElementList),\n    [slideElementList]\n  );\n  const currentAudioSequenceIndexes = useMemo(() => {\n    const nextAudioSequenceIndexes =\n      slideAudioSequenceMap.get(currentIndex) ?? [];\n\n    if (\n      hasSameNumberValues(\n        stableCurrentAudioSequenceIndexesRef.current,\n        nextAudioSequenceIndexes\n      )\n    ) {\n      return stableCurrentAudioSequenceIndexesRef.current;\n    }\n\n    stableCurrentAudioSequenceIndexesRef.current = nextAudioSequenceIndexes;\n\n    return nextAudioSequenceIndexes;\n  }, [currentIndex, slideAudioSequenceMap]);\n  const currentStepHasSpeakableElement = useMemo(\n    () =>\n      getStepHasSpeakableElement(\n        stableElementList,\n        markerElementIndexes,\n        currentIndex\n      ),\n    [currentIndex, markerElementIndexes, stableElementList]\n  );\n  const currentInteractionElement = useMemo(\n    () =>\n      currentStepElement?.type === \"interaction\"\n        ? currentStepElement\n        : undefined,\n    [currentStepElement]\n  );\n\n  return {\n    currentElementList,\n    stepElementLists,\n    slideElementList,\n    currentIndex,\n    audioList,\n    currentAudioSequenceIndexes,\n    currentStepHasSpeakableElement,\n    currentInteractionElement,\n    canGoPrev,\n    canGoNext,\n    handlePrev,\n    handleNext,\n  };\n};\n\nexport default useSlide;\n"],"names":["getMarkerElementList","elementList","element","getMarkerElementIndexes","indexes","index","hasPlayableAudio","isStreamingAudio","segments","segment","getElementAudioKey","candidateElement","getAudioList","list","elementIndex","normalizedAudioSegments","hasAudioSegments","getAudioIndexMap","audioIndexMap","audioIndex","getSlideAudioSequenceMap","markerElementIndexes","sequenceMap","startIndex","slideIndex","nextMarkerIndex","sequenceIndexes","getInitialSlideIndex","slideElementList","visibleIndex","getVisibleElement","getCurrentElementList","currentIndex","currentList","visibleElement","applyDiffElement","getStepElementLists","_","getStepHasSpeakableElement","hasSameElementReferences","prevElementList","nextElementList","hasSameNumberValues","prevValues","nextValues","value","useSlide","stableElementListRef","useRef","stableCurrentAudioSequenceIndexesRef","stableElementList","useMemo","audioList","slideAudioSequenceMap","setCurrentIndex","useState","useEffect","prevIndex","handlePrev","useCallback","handleNext","canGoPrev","canGoNext","currentStepElement","currentElementList","stepElementLists","currentAudioSequenceIndexes","nextAudioSequenceIndexes","currentStepHasSpeakableElement","currentInteractionElement"],"mappings":"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"}

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

@@ -1,16 +1,19 @@
 import { Element, ElementAudioSegment } from './types';
 export interface SlideAudioItem {
-    serialNumber?: number;
+    audioKey?: string;
+    sequenceNumber?: number;
     audioUrl?: string;
     audioSegments?: ElementAudioSegment[];
     isAudioStreaming?: boolean;
 }
 export interface UseSlideResult {
     currentElementList: Element[];
+    stepElementLists: Element[][];
     slideElementList: Element[];
     currentIndex: number;
     audioList: SlideAudioItem[];
     currentAudioSequenceIndexes: number[];
+    currentStepHasSpeakableElement: boolean;
     currentInteractionElement?: Element;
     canGoPrev: boolean;
     canGoNext: boolean;