markdown-flow-ui 0.1.100-beta.13 → 0.1.100-beta.14

package/dist/components/ContentRender/SandboxApp.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SandboxApp.es.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\nexport interface SandboxAppProps {\n  html: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  resetToken?: number;\n  mode?: \"content\" | \"blackboard\";\n  hasRootVhHeight?: boolean;\n}\n\nconst IMAGE_REUSE_ATTRIBUTES = [\n  \"src\",\n  \"srcset\",\n  \"sizes\",\n  \"alt\",\n  \"class\",\n  \"width\",\n  \"height\",\n  \"style\",\n  \"loading\",\n  \"decoding\",\n  \"crossorigin\",\n  \"referrerpolicy\",\n];\n\nconst getImageReuseKey = (image: HTMLImageElement) =>\n  IMAGE_REUSE_ATTRIBUTES.map(\n    (attribute) => `${attribute}:${image.getAttribute(attribute) || \"\"}`\n  ).join(\"|\");\n\nconst collectReusableImages = (root: ParentNode) => {\n  const imageMap = new Map<string, HTMLImageElement[]>();\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const image = node as HTMLImageElement;\n    const key = getImageReuseKey(image);\n    const bucket = imageMap.get(key) || [];\n    bucket.push(image);\n    imageMap.set(key, bucket);\n  });\n  return imageMap;\n};\n\nconst syncImageAttributes = (\n  sourceImage: HTMLImageElement,\n  targetImage: HTMLImageElement\n) => {\n  const sourceAttributes = Array.from(sourceImage.attributes);\n  const sourceAttributeNames = new Set(\n    sourceAttributes.map((attribute) => attribute.name)\n  );\n\n  Array.from(targetImage.attributes).forEach((attribute) => {\n    if (!sourceAttributeNames.has(attribute.name)) {\n      targetImage.removeAttribute(attribute.name);\n    }\n  });\n\n  sourceAttributes.forEach((attribute) => {\n    targetImage.setAttribute(attribute.name, attribute.value);\n  });\n};\n\nconst reuseRenderedImages = (\n  root: ParentNode,\n  imageMap: Map<string, HTMLImageElement[]>\n) => {\n  if (!imageMap.size) return;\n\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const nextImage = node as HTMLImageElement;\n    const key = getImageReuseKey(nextImage);\n    const bucket = imageMap.get(key);\n    const preservedImage = bucket?.shift();\n    if (!preservedImage) return;\n\n    syncImageAttributes(nextImage, preservedImage);\n    nextImage.replaceWith(preservedImage);\n\n    if (bucket && bucket.length === 0) {\n      imageMap.delete(key);\n    }\n  });\n};\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n  html,\n  styleLoadingText,\n  scriptLoadingText,\n  resetToken = 0,\n  mode = \"content\",\n  hasRootVhHeight = false,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [, setIsWaitingFirstDiv] = useState(true);\n  const [isGeneratingStyles, setIsGeneratingStyles] = useState(false);\n  const [isGeneratingScripts, setIsGeneratingScripts] = useState(false);\n  const appendedStylesRef = useRef<HTMLStyleElement[]>([]);\n  const appendedScriptsRef = useRef<HTMLScriptElement[]>([]);\n  const styleStartRef = useRef(0);\n  const scriptStartRef = useRef(0);\n  const styleTimerRef = useRef<number | null>(null);\n  const scriptTimerRef = useRef<number | null>(null);\n  const hasStylesRef = useRef(false);\n  const hasScriptsRef = useRef(false);\n  const hasRenderedContentRef = useRef(false);\n  const prevResetTokenRef = useRef(resetToken);\n  const MIN_LOADING_MS = 200;\n\n  const clearTimer = (timerRef: React.MutableRefObject<number | null>) => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const settleStateWithMinimumDelay = (\n    setter: React.Dispatch<React.SetStateAction<boolean>>,\n    timerRef: React.MutableRefObject<number | null>,\n    startRef: React.MutableRefObject<number>,\n    onDone?: () => void\n  ) => {\n    const elapsed = performance.now() - startRef.current;\n    const delay = Math.max(0, MIN_LOADING_MS - elapsed);\n    clearTimer(timerRef);\n    timerRef.current = window.setTimeout(() => {\n      setter(false);\n      onDone?.();\n      timerRef.current = null;\n    }, delay);\n  };\n\n  useEffect(() => {\n    const doc = containerRef.current?.ownerDocument;\n    if (!doc) return;\n    const styleId = \"sandbox-spinner-style\";\n    let styleEl = doc.getElementById(styleId) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = doc.createElement(\"style\");\n      styleEl.id = styleId;\n      doc.head?.appendChild(styleEl);\n    }\n    styleEl.textContent = `\n      @keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }\n      .sandbox-wrapper { align-items: center; }\n      .sandbox-container { width: 100%; }\n      .sandbox-container svg,\n      .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }\n      .justify-\\\\[safe_center\\\\]{\n        justify-content: safe center;\n      }\n    `;\n  }, []);\n\n  useEffect(() => {\n    if (resetToken !== prevResetTokenRef.current) {\n      hasRenderedContentRef.current = false;\n      prevResetTokenRef.current = resetToken;\n    }\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n\n    const container = containerRef.current;\n    if (!container) return;\n    const doc = container.ownerDocument;\n    const body = doc?.body;\n    if (!body) return;\n    const reusableImages = collectReusableImages(container);\n\n    appendedStylesRef.current.forEach((node) => node.remove());\n    appendedStylesRef.current = [];\n    appendedScriptsRef.current.forEach((node) => node.remove());\n    appendedScriptsRef.current = [];\n\n    const hasRenderedBefore = hasRenderedContentRef.current;\n    setIsWaitingFirstDiv(!hasRenderedBefore);\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n    const wrapper = doc.createElement(\"div\");\n    wrapper.innerHTML = html;\n\n    const openScriptCount = (html.match(/<script[\\s>]/gi) || []).length;\n    const closeScriptCount = (html.match(/<\\/script>/gi) || []).length;\n    const shouldExecuteScripts =\n      openScriptCount > 0 && openScriptCount === closeScriptCount;\n\n    const resourceQueue: HTMLElement[] = [];\n\n    Array.from(wrapper.querySelectorAll(\"style, script\")).forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        const cloned = doc.createElement(\"style\");\n        cloned.textContent = node.textContent || \"\";\n        Array.from(node.attributes).forEach((attr) => {\n          cloned.setAttribute(attr.name, attr.value);\n        });\n        resourceQueue.push(cloned);\n      } else {\n        const replacement = doc.createElement(\"script\");\n        Array.from(node.attributes).forEach((attr) => {\n          replacement.setAttribute(attr.name, attr.value);\n        });\n        replacement.textContent = node.textContent || \"\";\n        resourceQueue.push(replacement);\n      }\n      node.remove();\n    });\n    reuseRenderedImages(wrapper, reusableImages);\n\n    const hasStyles = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"style\"\n    );\n    const hasScripts = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"script\"\n    );\n    if (hasStyles) {\n      hasStylesRef.current = true;\n      styleStartRef.current = performance.now();\n      clearTimer(styleTimerRef);\n      setIsGeneratingStyles(true);\n    }\n    if (hasScripts) {\n      hasScriptsRef.current = true;\n      scriptStartRef.current = performance.now();\n      clearTimer(scriptTimerRef);\n      setIsGeneratingScripts(true);\n    }\n\n    const hasFirstElement = !!wrapper.firstElementChild;\n    setIsWaitingFirstDiv(!hasFirstElement && !hasRenderedBefore);\n    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    container.innerHTML = \"\";\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.append(...contentNodes);\n\n    resourceQueue.forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        doc.head?.appendChild(node);\n        appendedStylesRef.current.push(node as HTMLStyleElement);\n        return;\n      }\n\n      if (shouldExecuteScripts) {\n        const scriptNode = node as HTMLScriptElement;\n        const scriptText = scriptNode.textContent || \"\";\n        const shouldValidate = !scriptNode.src;\n\n        if (shouldValidate) {\n          try {\n            // Validate script is syntactically complete before executing\n\n            new Function(scriptText);\n          } catch {\n            scriptNode.remove();\n            return;\n          }\n        }\n\n        try {\n          body.appendChild(scriptNode);\n          appendedScriptsRef.current.push(scriptNode);\n        } catch {\n          scriptNode.remove();\n        }\n      } else {\n        // Defer execution until all script tags are fully received\n        node.remove();\n      }\n    });\n    requestAnimationFrame(() => {\n      if (hasStyles) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingStyles,\n          styleTimerRef,\n          styleStartRef,\n          () => {\n            hasStylesRef.current = false;\n          }\n        );\n      }\n      if (hasScripts) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingScripts,\n          scriptTimerRef,\n          scriptStartRef,\n          () => {\n            hasScriptsRef.current = false;\n          }\n        );\n      }\n    });\n  }, [html, resetToken]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  const overlayMessage = (() => {\n    if (isGeneratingScripts || hasScriptsRef.current)\n      return scriptLoadingText || \"Building scripts cache...\";\n    if (isGeneratingStyles || hasStylesRef.current)\n      return styleLoadingText || \"Building styles...\";\n    return null;\n  })();\n\n  const isBlackboard = mode === \"blackboard\";\n  const sandboxWrapperStyle: React.CSSProperties = {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Keep blackboard scroll behavior while centering content in non-blackboard mode\n    justifyContent: isBlackboard ? \"space-around\" : \"flex-start\",\n  };\n  const sandboxContainerStyle: React.CSSProperties = {\n    pointerEvents: overlayMessage ? \"none\" : undefined,\n    margin: isBlackboard ? undefined : \"auto 0\",\n    width: \"100%\",\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className=\"sandbox-wrapper\"\n      style={sandboxWrapperStyle}\n      aria-busy={!!overlayMessage}\n    >\n      <div\n        ref={containerRef}\n        className=\"sandbox-container\"\n        style={sandboxContainerStyle}\n      />\n      {overlayMessage && (\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            background: \"rgba(51, 51, 51, 0.80)\",\n            color: \"#ffffff\",\n            fontSize: 16,\n            fontWeight: 700,\n            gap: 10,\n            pointerEvents: \"auto\",\n            zIndex: 20,\n          }}\n        >\n          <Loader2\n            aria-hidden\n            size={20}\n            style={{ animation: \"sandbox-spin 1s linear infinite\" }}\n          />\n          {overlayMessage}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SandboxApp;\n"],"names":["IMAGE_REUSE_ATTRIBUTES","getImageReuseKey","image","attribute","collectReusableImages","root","imageMap","node","key","bucket","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","reuseRenderedImages","nextImage","preservedImage","SandboxApp","html","styleLoadingText","scriptLoadingText","resetToken","mode","hasRootVhHeight","wrapperRef","useRef","containerRef","setIsWaitingFirstDiv","useState","isGeneratingStyles","setIsGeneratingStyles","isGeneratingScripts","setIsGeneratingScripts","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","doc","styleId","styleEl","container","body","reusableImages","hasRenderedBefore","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","hasFirstElement","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","Loader2"],"mappings":"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"}
+{"version":3,"file":"SandboxApp.es.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\nexport interface SandboxAppProps {\n  html: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  resetToken?: number;\n  mode?: \"content\" | \"blackboard\";\n  hasRootVhHeight?: boolean;\n  stretchRootHeight?: boolean;\n}\n\nconst IMAGE_REUSE_ATTRIBUTES = [\n  \"src\",\n  \"srcset\",\n  \"sizes\",\n  \"alt\",\n  \"class\",\n  \"width\",\n  \"height\",\n  \"style\",\n  \"loading\",\n  \"decoding\",\n  \"crossorigin\",\n  \"referrerpolicy\",\n];\n\nconst getImageReuseKey = (image: HTMLImageElement) =>\n  IMAGE_REUSE_ATTRIBUTES.map(\n    (attribute) => `${attribute}:${image.getAttribute(attribute) || \"\"}`\n  ).join(\"|\");\n\nconst collectReusableImages = (root: ParentNode) => {\n  const imageMap = new Map<string, HTMLImageElement[]>();\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const image = node as HTMLImageElement;\n    const key = getImageReuseKey(image);\n    const bucket = imageMap.get(key) || [];\n    bucket.push(image);\n    imageMap.set(key, bucket);\n  });\n  return imageMap;\n};\n\nconst syncImageAttributes = (\n  sourceImage: HTMLImageElement,\n  targetImage: HTMLImageElement\n) => {\n  const sourceAttributes = Array.from(sourceImage.attributes);\n  const sourceAttributeNames = new Set(\n    sourceAttributes.map((attribute) => attribute.name)\n  );\n\n  Array.from(targetImage.attributes).forEach((attribute) => {\n    if (!sourceAttributeNames.has(attribute.name)) {\n      targetImage.removeAttribute(attribute.name);\n    }\n  });\n\n  sourceAttributes.forEach((attribute) => {\n    targetImage.setAttribute(attribute.name, attribute.value);\n  });\n};\n\nconst reuseRenderedImages = (\n  root: ParentNode,\n  imageMap: Map<string, HTMLImageElement[]>\n) => {\n  if (!imageMap.size) return;\n\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const nextImage = node as HTMLImageElement;\n    const key = getImageReuseKey(nextImage);\n    const bucket = imageMap.get(key);\n    const preservedImage = bucket?.shift();\n    if (!preservedImage) return;\n\n    syncImageAttributes(nextImage, preservedImage);\n    nextImage.replaceWith(preservedImage);\n\n    if (bucket && bucket.length === 0) {\n      imageMap.delete(key);\n    }\n  });\n};\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n  html,\n  styleLoadingText,\n  scriptLoadingText,\n  resetToken = 0,\n  mode = \"content\",\n  hasRootVhHeight = false,\n  stretchRootHeight = false,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [, setIsWaitingFirstDiv] = useState(true);\n  const [isGeneratingStyles, setIsGeneratingStyles] = useState(false);\n  const [isGeneratingScripts, setIsGeneratingScripts] = useState(false);\n  const appendedStylesRef = useRef<HTMLStyleElement[]>([]);\n  const appendedScriptsRef = useRef<HTMLScriptElement[]>([]);\n  const styleStartRef = useRef(0);\n  const scriptStartRef = useRef(0);\n  const styleTimerRef = useRef<number | null>(null);\n  const scriptTimerRef = useRef<number | null>(null);\n  const hasStylesRef = useRef(false);\n  const hasScriptsRef = useRef(false);\n  const hasRenderedContentRef = useRef(false);\n  const prevResetTokenRef = useRef(resetToken);\n  const MIN_LOADING_MS = 200;\n\n  const clearTimer = (timerRef: React.MutableRefObject<number | null>) => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const settleStateWithMinimumDelay = (\n    setter: React.Dispatch<React.SetStateAction<boolean>>,\n    timerRef: React.MutableRefObject<number | null>,\n    startRef: React.MutableRefObject<number>,\n    onDone?: () => void\n  ) => {\n    const elapsed = performance.now() - startRef.current;\n    const delay = Math.max(0, MIN_LOADING_MS - elapsed);\n    clearTimer(timerRef);\n    timerRef.current = window.setTimeout(() => {\n      setter(false);\n      onDone?.();\n      timerRef.current = null;\n    }, delay);\n  };\n\n  useEffect(() => {\n    const doc = containerRef.current?.ownerDocument;\n    if (!doc) return;\n    const styleId = \"sandbox-spinner-style\";\n    let styleEl = doc.getElementById(styleId) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = doc.createElement(\"style\");\n      styleEl.id = styleId;\n      doc.head?.appendChild(styleEl);\n    }\n    styleEl.textContent = `\n      @keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }\n      .sandbox-wrapper { align-items: center; }\n      .sandbox-container { width: 100%; }\n      .sandbox-container svg,\n      .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }\n      .justify-\\\\[safe_center\\\\]{\n        justify-content: safe center;\n      }\n    `;\n  }, []);\n\n  useEffect(() => {\n    if (resetToken !== prevResetTokenRef.current) {\n      hasRenderedContentRef.current = false;\n      prevResetTokenRef.current = resetToken;\n    }\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n\n    const container = containerRef.current;\n    if (!container) return;\n    const doc = container.ownerDocument;\n    const body = doc?.body;\n    if (!body) return;\n    const reusableImages = collectReusableImages(container);\n\n    appendedStylesRef.current.forEach((node) => node.remove());\n    appendedStylesRef.current = [];\n    appendedScriptsRef.current.forEach((node) => node.remove());\n    appendedScriptsRef.current = [];\n\n    const hasRenderedBefore = hasRenderedContentRef.current;\n    setIsWaitingFirstDiv(!hasRenderedBefore);\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n    const wrapper = doc.createElement(\"div\");\n    wrapper.innerHTML = html;\n\n    const openScriptCount = (html.match(/<script[\\s>]/gi) || []).length;\n    const closeScriptCount = (html.match(/<\\/script>/gi) || []).length;\n    const shouldExecuteScripts =\n      openScriptCount > 0 && openScriptCount === closeScriptCount;\n\n    const resourceQueue: HTMLElement[] = [];\n\n    Array.from(wrapper.querySelectorAll(\"style, script\")).forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        const cloned = doc.createElement(\"style\");\n        cloned.textContent = node.textContent || \"\";\n        Array.from(node.attributes).forEach((attr) => {\n          cloned.setAttribute(attr.name, attr.value);\n        });\n        resourceQueue.push(cloned);\n      } else {\n        const replacement = doc.createElement(\"script\");\n        Array.from(node.attributes).forEach((attr) => {\n          replacement.setAttribute(attr.name, attr.value);\n        });\n        replacement.textContent = node.textContent || \"\";\n        resourceQueue.push(replacement);\n      }\n      node.remove();\n    });\n    reuseRenderedImages(wrapper, reusableImages);\n\n    const hasStyles = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"style\"\n    );\n    const hasScripts = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"script\"\n    );\n    if (hasStyles) {\n      hasStylesRef.current = true;\n      styleStartRef.current = performance.now();\n      clearTimer(styleTimerRef);\n      setIsGeneratingStyles(true);\n    }\n    if (hasScripts) {\n      hasScriptsRef.current = true;\n      scriptStartRef.current = performance.now();\n      clearTimer(scriptTimerRef);\n      setIsGeneratingScripts(true);\n    }\n\n    const hasFirstElement = !!wrapper.firstElementChild;\n    setIsWaitingFirstDiv(!hasFirstElement && !hasRenderedBefore);\n    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    container.innerHTML = \"\";\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.append(...contentNodes);\n\n    resourceQueue.forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        doc.head?.appendChild(node);\n        appendedStylesRef.current.push(node as HTMLStyleElement);\n        return;\n      }\n\n      if (shouldExecuteScripts) {\n        const scriptNode = node as HTMLScriptElement;\n        const scriptText = scriptNode.textContent || \"\";\n        const shouldValidate = !scriptNode.src;\n\n        if (shouldValidate) {\n          try {\n            // Validate script is syntactically complete before executing\n\n            new Function(scriptText);\n          } catch {\n            scriptNode.remove();\n            return;\n          }\n        }\n\n        try {\n          body.appendChild(scriptNode);\n          appendedScriptsRef.current.push(scriptNode);\n        } catch {\n          scriptNode.remove();\n        }\n      } else {\n        // Defer execution until all script tags are fully received\n        node.remove();\n      }\n    });\n    requestAnimationFrame(() => {\n      if (hasStyles) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingStyles,\n          styleTimerRef,\n          styleStartRef,\n          () => {\n            hasStylesRef.current = false;\n          }\n        );\n      }\n      if (hasScripts) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingScripts,\n          scriptTimerRef,\n          scriptStartRef,\n          () => {\n            hasScriptsRef.current = false;\n          }\n        );\n      }\n    });\n  }, [html, resetToken]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  const overlayMessage = (() => {\n    if (isGeneratingScripts || hasScriptsRef.current)\n      return scriptLoadingText || \"Building scripts cache...\";\n    if (isGeneratingStyles || hasStylesRef.current)\n      return styleLoadingText || \"Building styles...\";\n    return null;\n  })();\n\n  const isBlackboard = mode === \"blackboard\";\n  const shouldStretchRootHeight = isBlackboard && stretchRootHeight;\n  const sandboxWrapperStyle: React.CSSProperties = {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Keep blackboard scroll behavior while centering content in non-blackboard mode\n    justifyContent: shouldStretchRootHeight\n      ? \"flex-start\"\n      : isBlackboard\n        ? \"space-around\"\n        : \"flex-start\",\n  };\n  const sandboxContainerStyle: React.CSSProperties = {\n    pointerEvents: overlayMessage ? \"none\" : undefined,\n    margin: isBlackboard ? undefined : \"auto 0\",\n    width: \"100%\",\n    height: shouldStretchRootHeight ? \"100%\" : undefined,\n    minHeight: shouldStretchRootHeight ? 0 : undefined,\n    flex: shouldStretchRootHeight ? \"1 1 auto\" : undefined,\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className=\"sandbox-wrapper\"\n      style={sandboxWrapperStyle}\n      aria-busy={!!overlayMessage}\n    >\n      <div\n        ref={containerRef}\n        className=\"sandbox-container\"\n        style={sandboxContainerStyle}\n      />\n      {overlayMessage && (\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            background: \"rgba(51, 51, 51, 0.80)\",\n            color: \"#ffffff\",\n            fontSize: 16,\n            fontWeight: 700,\n            gap: 10,\n            pointerEvents: \"auto\",\n            zIndex: 20,\n          }}\n        >\n          <Loader2\n            aria-hidden\n            size={20}\n            style={{ animation: \"sandbox-spin 1s linear infinite\" }}\n          />\n          {overlayMessage}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SandboxApp;\n"],"names":["IMAGE_REUSE_ATTRIBUTES","getImageReuseKey","image","attribute","collectReusableImages","root","imageMap","node","key","bucket","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","reuseRenderedImages","nextImage","preservedImage","SandboxApp","html","styleLoadingText","scriptLoadingText","resetToken","mode","hasRootVhHeight","stretchRootHeight","wrapperRef","useRef","containerRef","setIsWaitingFirstDiv","useState","isGeneratingStyles","setIsGeneratingStyles","isGeneratingScripts","setIsGeneratingScripts","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","doc","styleId","styleEl","container","body","reusableImages","hasRenderedBefore","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","hasFirstElement","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","Loader2"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),He=require("../../lib/browserUserActivation.cjs.js"),Ke=require("../../lib/sandboxInteraction.cjs.js"),M=require("../../lib/utils.cjs.js"),Ue=require("../ContentRender/ContentRender.cjs.js"),pe=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const he=require("../../lib/interaction-defaults.cjs.js"),Ve=require("./Player.cjs.js"),ze=require("./useSlide.cjs.js"),Ge=require("./useWakePlayerFromIframe.cjs.js");;/* empty css               */const We=1e3,be=t.memo(({content:y,title:E,defaultButtonText:c,defaultInputText:_,defaultSelectedValues:b,confirmButtonText:S,copyButtonText:T,copiedButtonText:R,onSend:F,readonly:C=!1})=>n.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[n.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:n.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:E})}),n.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:n.jsxRuntimeExports.jsx(Ue.default,{content:y,defaultButtonText:c,defaultInputText:_,defaultSelectedValues:b,confirmButtonText:S,copyButtonText:T,copiedButtonText:R,onSend:F,readonly:C,enableTypewriter:!1,sandboxMode:"content"})}),n.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-arrow"})]}));be.displayName="InteractionOverlayCard";const Ye=(y,E)=>y.length===E.length&&y.every((c,_)=>{const b=E[_];return c.sequence_number===b?.sequence_number&&c.type===b?.type&&c.content===b?.content}),Je=({elementList:y=[],showPlayer:E=!0,playerAlwaysVisible:c=!1,playerClassName:_,interactionTitle:b,interactionTexts:S,playerAutoHideDelay:T=3e3,interactionDefaultValueOptions:R,onSend:F,onPlayerVisibilityChange:C,onStepChange:ee,className:ve,onPointerDown:te,...ge})=>{const J=t.useRef(null),Q=t.useRef(null),ne=t.useRef(null),P=t.useRef(null),q=t.useRef(null),A=t.useRef(null),re=t.useRef([]),L=t.useRef(!1),{currentElementList:f,stepElementLists:se,slideElementList:O,currentIndex:p,audioList:oe,currentAudioSequenceIndexes:k,currentInteractionElement:N,canGoPrev:ye,canGoNext:v,handlePrev:ue,handleNext:h}=ze.default(y),le=t.useMemo(()=>{if(!(p<0))return O[p]},[p,O]),Ee=O.filter(e=>e.is_renderable!==!1).length===1,d=E&&(O.length>0||oe.length>0||!!N),[ie,$]=t.useState(!0),[D,B]=t.useState(!1),[Se,X]=t.useState(!1),[Re]=t.useState(()=>He.hasBrowserUserActivation()),we=Re||Se,[Ie,H]=t.useState(-1),[K,U]=t.useState(-1),[r,Z]=t.useState(),[V,z]=t.useState(!1),w=d&&(c||ie),g=t.useCallback(()=>{P.current!==null&&(window.clearTimeout(P.current),P.current=null)},[]),m=t.useCallback(()=>{A.current!==null&&(window.clearTimeout(A.current),A.current=null)},[]),I=t.useCallback(()=>{q.current!==null&&(window.clearTimeout(q.current),q.current=null)},[]),j=t.useCallback(()=>{I(),m(),H(-1),U(-1),Z(void 0),z(!1)},[I,m]),G=t.useCallback(()=>{const e=k[0];return typeof e!="number"?!1:(U(0),H(e),!0)},[k]),W=t.useCallback(()=>{m(),z(!1),!G()&&v&&h()},[v,m,h,G]),i=t.useCallback((e=D)=>{d&&($(!0),g(),!(c||!e||T<=0)&&(P.current=window.setTimeout(()=>{$(!1),P.current=null},T)))},[g,D,c,T,d]);t.useEffect(()=>()=>{I(),g(),m()},[I,m,g]),t.useEffect(()=>(C?.(w),()=>{C?.(!1)}),[C,w]),t.useEffect(()=>{ee?.(le,p)},[p,le,ee]),t.useEffect(()=>{if(!d){g(),$(!1);return}if(c){g(),$(!0);return}D||i(!0)},[g,D,c,d,i]),t.useEffect(()=>{if(typeof window>"u")return;const e=s=>{s.origin===window.location.origin&&Ke.isSandboxInteractionMessage(s.data)&&d&&(B(!0),i(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[d,i]),Ge.default({sectionRef:J,enabled:d,onWake:()=>{B(!0),i(!0)}}),t.useEffect(()=>{if(j(),!(f.length===0&&!N)){if(N){Z(N),z(!0);return}if(!G()&&v)return q.current=window.setTimeout(()=>{q.current=null,h()},We),()=>{I()}}},[v,I,f,N,h,j,G]);const ae=t.useMemo(()=>r?he.getInteractionDefaultValues(typeof r.content=="string"?r.content:void 0,r.user_input,R):{},[r,R]),je=t.useMemo(()=>{if(r)return he.getInteractionDefaultSelectedValues(typeof r.content=="string"?r.content:void 0,r.user_input,R)},[r,R]),ce=!!r?.user_input?.trim(),de=!!r?.readonly||ce,fe=de||ce,_e=t.useCallback(e=>{const u=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");Z(a=>!a||!u?a:{...a,user_input:u}),F?.(e,r),W()},[r,W,F]);t.useEffect(()=>{if(m(),!(!V||!fe))return A.current=window.setTimeout(()=>{A.current=null,W()},2e3),()=>{m()}},[m,W,V,fe]);const Te=e=>e?e.type==="slot"?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?n.jsxRuntimeExports.jsx(pe.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",type:"sandbox",content:e.content}):n.jsxRuntimeExports.jsx(pe.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,Ce=(e=[],s=!1)=>{if(e.length===0)return null;const u=e.filter(o=>o.is_renderable!==!1).length,a=e.reduce((o,l,x)=>l.is_renderable!==!1?x:o,-1);return n.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((o,l)=>{const x=o.type==="html"&&o.is_renderable===!1;return n.jsxRuntimeExports.jsx("div",{ref:s&&l===a?ne:null,"aria-hidden":x||void 0,className:M.cn("w-full shrink-0",u===1&&o.is_renderable!==!1&&"slide-element--single",x?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":o.is_renderable===!1&&"hidden"),children:Te(o)},o.sequence_number??`${o.type}-${l}`)})})},{mountedStepStates:Pe,currentMountedStateIndex:qe}=t.useMemo(()=>{const e=[],s=new Map;return se.forEach((u,a)=>{const o=e.findIndex(l=>Ye(l.elementList,u));if(o>=0){e[o]?.sourceStepIndexes.push(a),s.set(a,o);return}e.push({elementList:u,sourceStepIndexes:[a]}),s.set(a,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:p>=0?s.get(p)??-1:-1}},[p,se]),Ae=()=>{const e=J.current;if(e){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},me=t.useCallback(()=>{const e=Q.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),ke=t.useCallback(()=>{L.current=!0,B(!0),X(!0),i(!0),j(),ue()},[ue,j,i]),Ne=t.useCallback(()=>{L.current=!0,B(!0),X(!0),i(!0),j(),h()},[h,j,i]),Be=t.useCallback(e=>{if(K<0||k[K]!==e)return;const s=K+1,u=k[s];if(typeof u=="number"){U(s),H(u);return}H(-1),U(-1),v&&h()},[v,k,K,h]),Me=t.useCallback(()=>{r&&z(e=>!e)},[r]),xe=t.useCallback(e=>{e.stopPropagation(),w&&i(!0)},[ie,i]),Fe=t.useCallback(e=>{te?.(e),B(!0),i(!0)},[te,i]),Le=!!r&&V,Y=t.useMemo(()=>f.map((e,s)=>`${e.sequence_number??`${e.type}-${s}`}:${String(e.is_new??"")}`),[f]);return t.useEffect(()=>{const e=re.current,a=(e.length>0&&e.length<Y.length&&e.every((l,x)=>l===Y[x])?f.slice(e.length):[]).some(l=>l.is_new===!1);if(re.current=Y,!a)return;const o=window.requestAnimationFrame(()=>{const l=Q.current,x=ne.current;if(!l||!x)return;const Oe=l.getBoundingClientRect(),$e=x.getBoundingClientRect(),De=l.scrollTop+($e.top-Oe.top);l.scrollTo({top:Math.max(De,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(o)}},[f,Y]),t.useEffect(()=>{if(!L.current||(L.current=!1,f.length===0))return;const e=window.requestAnimationFrame(()=>{me()});return()=>{window.cancelAnimationFrame(e)}},[f,me]),n.jsxRuntimeExports.jsxs("section",{ref:J,className:M.cn("relative h-full w-full",ve),onPointerDown:Fe,...ge,children:[n.jsxRuntimeExports.jsx("div",{className:M.cn("h-full min-h-0 w-full",Ee?"slide-content--single":"grid gap-4"),children:f.length>0?n.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:n.jsxRuntimeExports.jsx("div",{ref:Q,className:"slide-stage__layer w-full",children:Pe.map((e,s)=>{const u=s===qe;return n.jsxRuntimeExports.jsx("div",{"aria-hidden":!u||void 0,className:"w-full",style:{display:u?void 0:"none"},children:Ce(e.elementList,u)},e.sourceStepIndexes[0]??s)})})}):null}),Le?n.jsxRuntimeExports.jsx("div",{className:M.cn("slide-interaction-overlay",w&&d?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:xe,onPointerDown:xe,children:n.jsxRuntimeExports.jsx(be,{content:String(r?.content??""),defaultButtonText:ae.buttonText??"",defaultInputText:ae.inputText??"",defaultSelectedValues:je,confirmButtonText:S?.confirmButtonText,copyButtonText:S?.copyButtonText,copiedButtonText:S?.copiedButtonText,onSend:_e,readonly:de,title:S?.title??b??"Submit the content below to continue."})}):null,d?n.jsxRuntimeExports.jsx(Ve.default,{audioList:oe,className:M.cn("absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",_,!w&&"pointer-events-none opacity-0"),currentAudioIndex:Ie,defaultPlaying:we,hasInteraction:!!r,isInteractionOpen:V,nextDisabled:!v,onEnded:Be,onFullscreen:Ae,onInteractionToggle:Me,onPlayRequest:()=>X(!0),onNext:Ne,onPrev:ke,prevDisabled:!ye,showControls:w}):null]})};exports.default=Je;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),De=require("../../lib/browserUserActivation.cjs.js"),We=require("../../lib/sandboxInteraction.cjs.js"),M=require("../../lib/utils.cjs.js"),Ke=require("../ContentRender/ContentRender.cjs.js"),pe=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const he=require("../../lib/interaction-defaults.cjs.js"),Ue=require("./Player.cjs.js"),Ve=require("./useSlide.cjs.js"),ze=require("./useWakePlayerFromIframe.cjs.js");;/* empty css               */const Ge=1e3,ge=t.memo(({content:S,title:y,defaultButtonText:c,defaultInputText:_,defaultSelectedValues:g,confirmButtonText:E,copyButtonText:T,copiedButtonText:R,onSend:F,readonly:C=!1})=>r.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:r.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:y})}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:r.jsxRuntimeExports.jsx(Ke.default,{content:S,defaultButtonText:c,defaultInputText:_,defaultSelectedValues:g,confirmButtonText:E,copyButtonText:T,copiedButtonText:R,onSend:F,readonly:C,enableTypewriter:!1,sandboxMode:"content"})}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-arrow"})]}));ge.displayName="InteractionOverlayCard";const Ye=(S,y)=>S.length===y.length&&S.every((c,_)=>{const g=y[_];return c.sequence_number===g?.sequence_number&&c.type===g?.type&&c.content===g?.content}),Je=({elementList:S=[],showPlayer:y=!0,playerAlwaysVisible:c=!1,playerClassName:_,interactionTitle:g,interactionTexts:E,playerAutoHideDelay:T=3e3,interactionDefaultValueOptions:R,onSend:F,onPlayerVisibilityChange:C,onStepChange:ee,className:be,onPointerDown:te,...ve})=>{const J=t.useRef(null),Q=t.useRef(null),ne=t.useRef(null),P=t.useRef(null),q=t.useRef(null),A=t.useRef(null),re=t.useRef([]),L=t.useRef(!1),{currentElementList:f,stepElementLists:se,slideElementList:O,currentIndex:p,audioList:oe,currentAudioSequenceIndexes:k,currentInteractionElement:N,canGoPrev:Se,canGoNext:b,handlePrev:ue,handleNext:h}=Ve.default(S),le=t.useMemo(()=>{if(!(p<0))return O[p]},[p,O]),ye=O.filter(e=>e.is_renderable!==!1).length===1,d=y&&(O.length>0||oe.length>0||!!N),[ie,H]=t.useState(!0),[$,B]=t.useState(!1),[Ee,X]=t.useState(!1),[Re]=t.useState(()=>De.hasBrowserUserActivation()),we=Re||Ee,[Ie,D]=t.useState(-1),[W,K]=t.useState(-1),[s,Z]=t.useState(),[U,V]=t.useState(!1),w=d&&(c||ie),v=t.useCallback(()=>{P.current!==null&&(window.clearTimeout(P.current),P.current=null)},[]),m=t.useCallback(()=>{A.current!==null&&(window.clearTimeout(A.current),A.current=null)},[]),I=t.useCallback(()=>{q.current!==null&&(window.clearTimeout(q.current),q.current=null)},[]),j=t.useCallback(()=>{I(),m(),D(-1),K(-1),Z(void 0),V(!1)},[I,m]),z=t.useCallback(()=>{const e=k[0];return typeof e!="number"?!1:(K(0),D(e),!0)},[k]),G=t.useCallback(()=>{m(),V(!1),!z()&&b&&h()},[b,m,h,z]),i=t.useCallback((e=$)=>{d&&(H(!0),v(),!(c||!e||T<=0)&&(P.current=window.setTimeout(()=>{H(!1),P.current=null},T)))},[v,$,c,T,d]);t.useEffect(()=>()=>{I(),v(),m()},[I,m,v]),t.useEffect(()=>(C?.(w),()=>{C?.(!1)}),[C,w]),t.useEffect(()=>{ee?.(le,p)},[p,le,ee]),t.useEffect(()=>{if(!d){v(),H(!1);return}if(c){v(),H(!0);return}$||i(!0)},[v,$,c,d,i]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&We.isSandboxInteractionMessage(n.data)&&d&&(B(!0),i(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[d,i]),ze.default({sectionRef:J,enabled:d,onWake:()=>{B(!0),i(!0)}}),t.useEffect(()=>{if(j(),!(f.length===0&&!N)){if(N){Z(N),V(!0);return}if(!z()&&b)return q.current=window.setTimeout(()=>{q.current=null,h()},Ge),()=>{I()}}},[b,I,f,N,h,j,z]);const ae=t.useMemo(()=>s?he.getInteractionDefaultValues(typeof s.content=="string"?s.content:void 0,s.user_input,R):{},[s,R]),je=t.useMemo(()=>{if(s)return he.getInteractionDefaultSelectedValues(typeof s.content=="string"?s.content:void 0,s.user_input,R)},[s,R]),ce=!!s?.user_input?.trim(),de=!!s?.readonly||ce,fe=de||ce,_e=t.useCallback(e=>{const u=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");Z(a=>!a||!u?a:{...a,user_input:u}),F?.(e,s),G()},[s,G,F]);t.useEffect(()=>{if(m(),!(!U||!fe))return A.current=window.setTimeout(()=>{A.current=null,G()},2e3),()=>{m()}},[m,G,U,fe]);const Te=(e,n={})=>e?e.type==="slot"?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?r.jsxRuntimeExports.jsx(pe.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content}):r.jsxRuntimeExports.jsx(pe.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,Ce=(e=[],n=!1)=>{if(e.length===0)return null;const u=e.filter(o=>o.is_renderable!==!1).length,a=e.reduce((o,l,x)=>l.is_renderable!==!1?x:o,-1);return r.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((o,l)=>{const x=o.type==="html"&&o.is_renderable===!1;return r.jsxRuntimeExports.jsx("div",{ref:n&&l===a?ne:null,"aria-hidden":x||void 0,className:M.cn("w-full shrink-0",u===1&&o.is_renderable!==!1&&"slide-element--single",x?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":o.is_renderable===!1&&"hidden"),children:Te(o,{replaceRootScreenHeightWithFull:u===1&&o.type==="html"&&o.is_renderable!==!1})},o.sequence_number??`${o.type}-${l}`)})})},{mountedStepStates:Pe,currentMountedStateIndex:qe}=t.useMemo(()=>{const e=[],n=new Map;return se.forEach((u,a)=>{const o=e.findIndex(l=>Ye(l.elementList,u));if(o>=0){e[o]?.sourceStepIndexes.push(a),n.set(a,o);return}e.push({elementList:u,sourceStepIndexes:[a]}),n.set(a,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:p>=0?n.get(p)??-1:-1}},[p,se]),Ae=()=>{const e=J.current;if(e){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},me=t.useCallback(()=>{const e=Q.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),ke=t.useCallback(()=>{L.current=!0,B(!0),X(!0),i(!0),j(),ue()},[ue,j,i]),Ne=t.useCallback(()=>{L.current=!0,B(!0),X(!0),i(!0),j(),h()},[h,j,i]),Be=t.useCallback(e=>{if(W<0||k[W]!==e)return;const n=W+1,u=k[n];if(typeof u=="number"){K(n),D(u);return}D(-1),K(-1),b&&h()},[b,k,W,h]),Me=t.useCallback(()=>{s&&V(e=>!e)},[s]),xe=t.useCallback(e=>{e.stopPropagation(),w&&i(!0)},[ie,i]),Fe=t.useCallback(e=>{te?.(e),B(!0),i(!0)},[te,i]),Le=!!s&&U,Y=t.useMemo(()=>f.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[f]);return t.useEffect(()=>{const e=re.current,a=(e.length>0&&e.length<Y.length&&e.every((l,x)=>l===Y[x])?f.slice(e.length):[]).some(l=>l.is_new===!1);if(re.current=Y,!a)return;const o=window.requestAnimationFrame(()=>{const l=Q.current,x=ne.current;if(!l||!x)return;const Oe=l.getBoundingClientRect(),He=x.getBoundingClientRect(),$e=l.scrollTop+(He.top-Oe.top);l.scrollTo({top:Math.max($e,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(o)}},[f,Y]),t.useEffect(()=>{if(!L.current||(L.current=!1,f.length===0))return;const e=window.requestAnimationFrame(()=>{me()});return()=>{window.cancelAnimationFrame(e)}},[f,me]),r.jsxRuntimeExports.jsxs("section",{ref:J,className:M.cn("relative h-full w-full",be),onPointerDown:Fe,...ve,children:[r.jsxRuntimeExports.jsx("div",{className:M.cn("h-full min-h-0 w-full",ye?"slide-content--single":"grid gap-4"),children:f.length>0?r.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:r.jsxRuntimeExports.jsx("div",{ref:Q,className:"slide-stage__layer w-full",children:Pe.map((e,n)=>{const u=n===qe;return r.jsxRuntimeExports.jsx("div",{"aria-hidden":!u||void 0,className:"w-full h-full",style:{display:u?void 0:"none"},children:Ce(e.elementList,u)},e.sourceStepIndexes[0]??n)})})}):null}),Le?r.jsxRuntimeExports.jsx("div",{className:M.cn("slide-interaction-overlay",w&&d?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:xe,onPointerDown:xe,children:r.jsxRuntimeExports.jsx(ge,{content:String(s?.content??""),defaultButtonText:ae.buttonText??"",defaultInputText:ae.inputText??"",defaultSelectedValues:je,confirmButtonText:E?.confirmButtonText,copyButtonText:E?.copyButtonText,copiedButtonText:E?.copiedButtonText,onSend:_e,readonly:de,title:E?.title??g??"Submit the content below to continue."})}):null,d?r.jsxRuntimeExports.jsx(Ue.default,{audioList:oe,className:M.cn("absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",_,!w&&"pointer-events-none opacity-0"),currentAudioIndex:Ie,defaultPlaying:we,hasInteraction:!!s,isInteractionOpen:U,nextDisabled:!b,onEnded:Be,onFullscreen:Ae,onInteractionToggle:Me,onPlayRequest:()=>X(!0),onNext:Ne,onPrev:ke,prevDisabled:!Se,showControls:w}):null]})};exports.default=Je;
 //# sourceMappingURL=Slide.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slide.cjs.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 { 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\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  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  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    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 [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    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 (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 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,\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      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  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 = (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 = (\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            </div>\n          );\n        })}\n      </div>\n    );\n  };\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\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    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    showPlayerControls(true);\n    resetAudioSequence();\n    goNext();\n  }, [goNext, resetAudioSequence, showPlayerControls]);\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  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\"\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      {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          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","interactionTitle","interactionTexts","playerAutoHideDelay","interactionDefaultValueOptions","onPlayerVisibilityChange","onStepChange","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","currentElementList","stepElementLists","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","currentStepElement","useMemo","isSingleSlide","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","handleSandboxInteraction","event","isSandboxInteractionMessage","useWakePlayerFromIframe","interactionDefaults","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","isInteractionReadonly","shouldAutoContinueInteraction","handleInteractionSend","resolvedUserInput","prevElement","renderSlideElement","Fragment","IframeSandbox","renderSlideElementList","isActiveStep","visibleElementCount","lastVisibleElementIndex","lastVisibleIndex","isPreRenderedHtml","cn","mountedStepStates","currentMountedStateIndex","nextMountedStepStates","mountedStateIndexByStep","stepElementList","stepIndex","existingMountedStateIndex","mountedStepState","handleFullscreen","target","scrollStageToBottom","stageLayerElement","handlePrev","handleNext","handlePlayerEnded","audioIndex","nextSequencePosition","handleInteractionToggle","prevOpen","stopOverlayPropagation","handleSurfacePointerDown","shouldShowInteractionOverlay","currentRenderElementKeys","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","mountedStepStateIndex","Player"],"mappings":"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"}
+{"version":3,"file":"Slide.cjs.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 { 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  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  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    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 [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    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 (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 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,\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      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  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 { 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\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    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    showPlayerControls(true);\n    resetAudioSequence();\n    goNext();\n  }, [goNext, resetAudioSequence, showPlayerControls]);\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  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      {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          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","interactionTitle","interactionTexts","playerAutoHideDelay","interactionDefaultValueOptions","onPlayerVisibilityChange","onStepChange","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","currentElementList","stepElementLists","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","currentStepElement","useMemo","isSingleSlide","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","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","mountedStepStates","currentMountedStateIndex","nextMountedStepStates","mountedStateIndexByStep","stepElementList","stepIndex","existingMountedStateIndex","mountedStepState","handleFullscreen","target","scrollStageToBottom","stageLayerElement","handlePrev","handleNext","handlePlayerEnded","audioIndex","nextSequencePosition","handleInteractionToggle","prevOpen","stopOverlayPropagation","handleSurfacePointerDown","shouldShowInteractionOverlay","currentRenderElementKeys","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","mountedStepStateIndex","Player"],"mappings":"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"}