npm - markdown-flow-ui - Versions diffs - 0.1.100-beta.2 → 0.1.100-beta.21 - Mend

markdown-flow-ui 0.1.100-beta.2 → 0.1.100-beta.21

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

Files changed (90) hide show

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

	@@ -1 +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 playerClassName?: string;\n interactionTitle?: string;\n playerAutoHideDelay?: number;\n}\n\nconst Slide: React.FC<SlideProps> = ({\n elementList = [],\n showPlayer = true,\n playerClassName,\n interactionTitle,\n playerAutoHideDelay = 3000,\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 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\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 (!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 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 if (!shouldRenderPlayer) {\n clearPlayerHideTimer();\n setIsPlayerVisible(false);\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 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\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 continueAfterInteraction();\n },\n [continueAfterInteraction]\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 (isPlayerVisible) {\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 && !isPlayerVisible ? (\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 isPlayerVisible && 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={hasResolvedInteractionInput}\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 !isPlayerVisible && \"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={isPlayerVisible}\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","playerClassName","interactionTitle","playerAutoHideDelay","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","currentElementList","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","isSingleSlide","element","shouldRenderPlayer","isPlayerVisible","setIsPlayerVisible","useState","hasPlayerInteracted","setHasPlayerInteracted","hasPlaybackInteracted","setHasPlaybackInteracted","shouldAutoPlay","hasBrowserUserActivation","canAutoPlayAudio","currentAudioIndex","setCurrentAudioIndex","currentAudioSequencePosition","setCurrentAudioSequencePosition","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","clearPlayerHideTimer","useCallback","clearInteractionAutoCloseTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioIndex","continueAfterInteraction","showPlayerControls","enableAutoHide","useEffect","interactionDefaults","useMemo","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","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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"}
1	+ {"version":3,"file":"Slide.es.js","sources":["../../../src/components/Slide/Slide.tsx"],"sourcesContent":["import React, {\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { LoaderCircle } from \"lucide-react\";\n\nimport { hasBrowserUserActivation } from \"../../lib/browserUserActivation\";\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 { Element } from \"./types\";\nimport useSlide from \"./useSlide\";\nimport useWakePlayerFromIframe from \"./useWakePlayerFromIframe\";\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 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 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 {\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 [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 [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 &&\n (playerAlwaysVisible \|\| isPlayerVisible \|\| isAudioLoadingVisible);\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 currentAudioSequenceStartKey = useMemo(\n () => String(currentAudioSequenceIndexes[0] ?? \"none\"),\n [currentAudioSequenceIndexes]\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 () =>\n [\n currentStepKey,\n currentInteractionResetKey,\n currentAudioSequenceStartKey,\n ].join(\"\|\"),\n [currentAudioSequenceStartKey, currentInteractionResetKey, currentStepKey]\n );\n\n const clearPlayerHideTimer = useCallback(() => {\n if (playerHideTimerRef.current === null) {\n return;\n }\n\n window.clearTimeout(playerHideTimerRef.current);\n playerHideTimerRef.current = null;\n }, []);\n\n const clearInteractionAutoCloseTimer = useCallback(() => {\n if (interactionAutoCloseTimerRef.current === null) {\n return;\n }\n\n window.clearTimeout(interactionAutoCloseTimerRef.current);\n interactionAutoCloseTimerRef.current = null;\n }, []);\n\n const clearAutoAdvanceTimer = useCallback(() => {\n if (autoAdvanceTimerRef.current === null) {\n return;\n }\n\n window.clearTimeout(autoAdvanceTimerRef.current);\n autoAdvanceTimerRef.current = null;\n }, []);\n\n const resetAudioSequence = useCallback(() => {\n clearAutoAdvanceTimer();\n clearInteractionAutoCloseTimer();\n setCurrentAudioIndex(-1);\n setCurrentAudioSequencePosition(-1);\n setIsAudioLoadingVisible(false);\n setHasCompletedCurrentStepAudio(false);\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 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 resetAudioSequence();\n\n if (currentElementList.length === 0 && !currentInteractionElement) {\n return;\n }\n\n if (shouldBlockPlaybackForInteraction) {\n // Show the interaction gate before playing any follow-up audio.\n setActiveInteractionElement(currentInteractionElement);\n setIsInteractionOverlayOpen(true);\n return;\n }\n\n if (currentInteractionElement) {\n setActiveInteractionElement(currentInteractionElement);\n setIsInteractionOverlayOpen(false);\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 (currentAudioSequenceIndexes.length === 0) {\n setIsAudioLoadingVisible(true);\n }\n }, [\n currentAudioSequenceIndexes.length,\n currentStepHasSpeakableElement,\n hasCompletedCurrentStepAudio,\n shouldBlockPlaybackForInteraction,\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 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 setHasPlayerInteracted(true);\n setHasPlaybackInteracted(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 setHasPlayerInteracted(true);\n setHasPlaybackInteracted(true);\n setIsAudioLoadingVisible(false);\n showPlayerControls(true);\n resetAudioSequence();\n goNext();\n }, [goNext, resetAudioSequence, showPlayerControls]);\n\n const handlePlayerLoadingChange = useCallback(\n (loading: boolean) => {\n if (!currentStepHasSpeakableElement \|\| hasCompletedCurrentStepAudio) {\n setIsAudioLoadingVisible(false);\n return;\n }\n\n setIsAudioLoadingVisible(loading);\n },\n [currentStepHasSpeakableElement, hasCompletedCurrentStepAudio]\n );\n\n const handlePlayerEnded = useCallback(\n (audioIndex: number) => {\n 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 setHasCompletedCurrentStepAudio(true);\n setIsAudioLoadingVisible(false);\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 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 >\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={canAutoPlayAudio}\n hasInteraction={Boolean(activeInteractionElement)}\n isInteractionOpen={isInteractionOverlayOpen}\n onLoadingChange={handlePlayerLoadingChange}\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","confirmButtonText","copyButtonText","copiedButtonText","onSend","readonly","jsxs","jsx","ContentRender","areStepElementListsEqual","prevElementList","nextElementList","element","index","nextElement","Slide","elementList","showPlayer","playerAlwaysVisible","playerClassName","bufferingText","interactionTitle","interactionTexts","playerAutoHideDelay","interactionDefaultValueOptions","onPlayerVisibilityChange","onStepChange","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","currentElementList","stepElementLists","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentStepHasSpeakableElement","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","currentStepElement","useMemo","isSingleSlide","shouldRenderPlayer","isPlayerVisible","setIsPlayerVisible","useState","hasPlayerInteracted","setHasPlayerInteracted","hasPlaybackInteracted","setHasPlaybackInteracted","shouldAutoPlay","hasBrowserUserActivation","canAutoPlayAudio","currentAudioIndex","setCurrentAudioIndex","currentAudioSequencePosition","setCurrentAudioSequencePosition","isAudioLoadingVisible","setIsAudioLoadingVisible","hasCompletedCurrentStepAudio","setHasCompletedCurrentStepAudio","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","playerVisible","mountedStepStates","currentMountedStateIndex","nextMountedStepStates","mountedStateIndexByStep","stepElementList","stepIndex","existingMountedStateIndex","mountedStepState","currentStepKey","currentAudioSequenceStartKey","currentInteractionResetKey","currentPlaybackResetKey","clearPlayerHideTimer","useCallback","clearInteractionAutoCloseTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioIndex","continueAfterInteraction","showPlayerControls","enableAutoHide","hasResolvedCurrentInteraction","shouldBlockPlaybackForInteraction","useEffect","handleSandboxInteraction","event","isSandboxInteractionMessage","useWakePlayerFromIframe","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","audioIndex","nextSequencePosition","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 CHANGED Viewed

@@ -24,6 +24,10 @@ declare const meta: {
             control: "text";
             description: string;
         };
+        interactionTexts: {
+            control: "object";
+            description: string;
+        };
         playerAutoHideDelay: {
             control: {
                 type: "number";
@@ -32,11 +36,21 @@ declare const meta: {
             };
             description: string;
         };
+        playerAlwaysVisible: {
+            control: "boolean";
+            description: string;
+        };
     };
     args: {
         elementList: never[];
-        interactionTitle: string;
+        interactionTexts: {
+            title: string;
+            confirmButtonText: string;
+            copyButtonText: string;
+            copiedButtonText: string;
+        };
         playerAutoHideDelay: number;
+        playerAlwaysVisible: false;
     };
 };
 export default meta;
@@ -44,4 +58,10 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: 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 StreamingSpeakableDelayedAudioSlide: Story;

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

@@ -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 CHANGED Viewed

@@ -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,12 +12,13 @@ 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;
     audio_segments?: ElementAudioSegment[];
 }

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

@@ -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)=>(m(t)&&n.push({audioKey:P(t,r),sequenceNumber:t.sequence_number,audioUrl:t.audio_url,audioSegments:t.audio_segments,isAudioStreaming:N(t.audio_segments)}),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),b=e=>{const n=e.findIndex(t=>t.is_renderable===!0);return n>=0?n:e.findIndex(t=>t.is_renderable!==!1)},M=e=>({...e,is_renderable:!0}),h=(e,n)=>n<0?[]:e.slice(0,n+1).reduce((t,r)=>{if(r.type==="interaction")return t;const s=M(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)=>h(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(()=>b(s));o.useEffect(()=>{l(u=>s.length===0?-1:u>=0&&u<s.length?u:b(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 M(u)},[i,s]),E=o.useMemo(()=>h(s,i),[i,s]),k=o.useMemo(()=>G(s),[s]),y=o.useMemo(()=>{const u=a.get(i)??[];return U(t.current,u)?t.current:(t.current=u,u)},[i,a]),A=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:y,currentStepHasSpeakableElement:A,currentInteractionElement:q,canGoPrev:p,canGoNext:x,handlePrev:S,handleNext:_}};exports.default=$;
 //# sourceMappingURL=useSlide.cjs.js.map

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

	@@ -1 +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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"}
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 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 list.push({\n audioKey: getElementAudioKey(element, elementIndex),\n sequenceNumber: element.sequence_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 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","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 CHANGED Viewed

@@ -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;