markdown-flow-ui 0.1.120 → 0.1.121

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

@@ -1 +1 @@
-{"version":3,"file":"ContentRender.es.js","sources":["../../../src/components/ContentRender/ContentRender.tsx"],"sourcesContent":["import \"highlight.js/styles/github.css\";\nimport \"katex/dist/katex.min.css\";\nimport React, { useEffect, useMemo, useRef } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeHighlight from \"rehype-highlight\";\nimport rehypeKatex from \"rehype-katex\";\nimport rehypeRaw from \"rehype-raw\";\nimport remarkBreaks from \"remark-breaks\";\nimport remarkFlow from \"remark-flow\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkMath from \"remark-math\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport { sanitizeInvalidTagName } from \"./utils/sanitize-invalid-tag-name\";\nimport { stripSvgTextLineBreaks } from \"./utils/strip-svg-text-line-breaks\";\nimport \"./contentRender.css\";\nimport \"./github-markdown-light.css\";\nimport CodeBlock from \"./CodeBlock\";\nimport CustomButtonInputVariable, {\n  ComponentsWithCustomVariable,\n} from \"./plugins/CustomVariable\";\nimport MermaidChart from \"./plugins/MermaidChart\";\nimport useTypewriterStateMachine from \"./useTypewriterStateMachine\";\nimport {\n  preserveCustomVariableProperties,\n  restoreCustomVariableProperties,\n} from \"./utils/custom-variable-props\";\nimport {\n  highlightLanguages,\n  subsetLanguages,\n} from \"./utils/highlight-languages\";\n// import { processMarkdownText } from \"./utils/process-markdown\";\nimport {\n  parseMarkdownSegments,\n  mermaidBlockIsComplete,\n} from \"./utils/mermaid-parse\";\nimport { normalizeInlineHtml } from \"./utils/normalize-inline-html\";\nimport IframeSandbox from \"./IframeSandbox\";\nimport {\n  splitContentSegments,\n  type RenderSegment,\n} from \"./utils/split-content\";\nimport {\n  getInteractionDefaultValues,\n  type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\n\nconst SANDBOX_TAG_HINT_PATTERN =\n  /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\\b/i;\n// Define component Props type\nexport interface ContentRenderProps {\n  content: string;\n  /**\n   * Callback invoked when the custom button after content is clicked.\n   * This button is rendered via the `<custom-button-after-content>` tag in markdown content.\n   * @example\n   * ```tsx\n   * <ContentRender\n   *   content=\"Hello <custom-button-after-content>Ask</custom-button-after-content>\"\n   *   onClickCustomButtonAfterContent={() => console.log('Button clicked')}\n   * />\n   * ```\n   */\n  customRenderBar?: CustomRenderBarProps;\n  onClickCustomButtonAfterContent?: () => void;\n  onSend?: (content: OnSendContentParams) => void;\n  typingSpeed?: number;\n  enableTypewriter?: boolean;\n  userInput?: string;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  defaultButtonText?: string;\n  defaultInputText?: string; // Text input by user\n  defaultSelectedValues?: string[]; // Default selected values for multi-select\n  readonly?: boolean;\n  onTypeFinished?: () => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text (i18n support)\n  copyButtonText?: string;\n  // Copied state text (i18n support)\n  copiedButtonText?: string;\n  // Dynamic interaction format for multi-select support\n  dynamicInteractionFormat?: string;\n  // Loading text before first HTML block renders inside iframe (i18n support)\n  sandboxLoadingText?: string;\n  // Loading text while styles are being generated inside iframe\n  sandboxStyleLoadingText?: string;\n  // Loading text while scripts are being cached/executed inside iframe\n  sandboxScriptLoadingText?: string;\n  // Disable sandbox loading overlays when upper layers have already entered an error state\n  disableSandboxLoadingOverlay?: boolean;\n  // Fullscreen button text for iframe sandbox\n  sandboxFullscreenButtonText?: string;\n  // Sandbox render mode\n  sandboxMode?: \"content\" | \"blackboard\";\n  beforeSend?: (param: OnSendContentParams) => boolean;\n  // tooltipMinLength?: number; // Control minimum character length for tooltip display, default 10\n}\n\n// Render svg string via Shadow DOM to avoid markdown wrapping\nconst SvgBlockInShadow: React.FC<{ svg: string }> = ({ svg }) => {\n  const hostRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n    const shadowRoot = host.shadowRoot ?? host.attachShadow({ mode: \"open\" });\n    const styleId = \"content-render-svg-style\";\n    let styleEl = shadowRoot.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!styleEl) {\n      styleEl = document.createElement(\"style\");\n      styleEl.id = styleId;\n      // Keep intrinsic SVG width so the wrapper can scroll horizontally when needed\n      styleEl.textContent = `\n        svg { height: auto; display: inline-block; }\n        svg.content-render-svg-el--responsive { width: 100%; max-width: 100%; }\n        svg.content-render-svg-el--fixed { max-width: none; }\n      `;\n      shadowRoot.appendChild(styleEl);\n    }\n\n    const nodesToRemove = Array.from(shadowRoot.childNodes).filter(\n      (node) => node !== styleEl\n    );\n    nodesToRemove.forEach((node) => shadowRoot.removeChild(node));\n\n    const template = document.createElement(\"template\");\n    const cleanedSvg = stripSvgTextLineBreaks(svg);\n    template.innerHTML = cleanedSvg;\n    shadowRoot.append(template.content.cloneNode(true));\n\n    let hasResponsiveSvg = false;\n    let hasFixedSvg = false;\n\n    shadowRoot.querySelectorAll(\"svg\").forEach((svgEl) => {\n      // Derive responsive sizing from viewBox so pure viewBox SVGs stay visible and fluid\n      const viewBox = svgEl.getAttribute(\"viewBox\");\n      if (!viewBox) return;\n\n      const dimensions = viewBox\n        .trim()\n        .split(/[\\s,]+/)\n        .map((value) => Number(value));\n\n      if (dimensions.length !== 4 || dimensions.some(Number.isNaN)) return;\n\n      const [, , viewBoxWidth, viewBoxHeight] = dimensions;\n      const widthAttr = svgEl.getAttribute(\"width\");\n      const heightAttr = svgEl.getAttribute(\"height\");\n      const isRelativeLength = (value?: string | null) => {\n        if (!value) return false;\n        const normalized = value.trim().toLowerCase();\n        return normalized === \"auto\" || normalized.endsWith(\"%\");\n      };\n      const toNumericLength = (value?: string | null) => {\n        if (!value) return null;\n        const normalized = value.trim().toLowerCase();\n        if (normalized === \"auto\" || normalized.endsWith(\"%\")) {\n          return null;\n        }\n        const parsed = Number.parseFloat(normalized);\n        return Number.isNaN(parsed) ? null : parsed;\n      };\n      // Treat percentage/auto sizing as responsive so viewBox drives the layout\n      const isWidthRelative = isRelativeLength(widthAttr);\n      const isHeightRelative = isRelativeLength(heightAttr);\n      const widthMissing = !widthAttr || widthAttr === \"0\";\n      const heightMissing = !heightAttr || heightAttr === \"0\";\n      const numericWidth = toNumericLength(widthAttr);\n      const numericHeight = toNumericLength(heightAttr);\n      const matchesViewBox =\n        numericWidth === viewBoxWidth && numericHeight === viewBoxHeight;\n\n      // Prefer responsive layout when sizing is relative or matches the viewBox\n      const shouldUseResponsiveSize =\n        isWidthRelative ||\n        isHeightRelative ||\n        (widthMissing && heightMissing) ||\n        matchesViewBox;\n\n      if (shouldUseResponsiveSize) {\n        hasResponsiveSvg = true;\n        svgEl.classList.add(\"content-render-svg-el--responsive\");\n        svgEl.classList.remove(\"content-render-svg-el--fixed\");\n        svgEl.style.width = \"100%\";\n        svgEl.style.height = \"auto\";\n        if (!svgEl.style.aspectRatio && viewBoxHeight > 0) {\n          svgEl.style.aspectRatio = `${viewBoxWidth} / ${viewBoxHeight}`;\n        }\n        return;\n      }\n\n      hasFixedSvg = true;\n      svgEl.classList.add(\"content-render-svg-el--fixed\");\n      svgEl.classList.remove(\"content-render-svg-el--responsive\");\n      if (widthMissing && viewBoxWidth > 0) {\n        svgEl.setAttribute(\"width\", `${viewBoxWidth}`);\n      }\n      if (heightMissing && viewBoxHeight > 0) {\n        svgEl.setAttribute(\"height\", `${viewBoxHeight}`);\n      }\n    });\n\n    const hostResponsive = hasResponsiveSvg && !hasFixedSvg;\n    host.classList.toggle(\"content-render-svg--responsive\", hostResponsive);\n    host.classList.toggle(\"content-render-svg--fixed\", !hostResponsive);\n  }, [svg]);\n\n  return (\n    <div className=\"content-render-svg-scroll\">\n      <div className=\"content-render-svg\" ref={hostRef} />\n    </div>\n  );\n};\n\n// Extended component interface\ntype CustomComponents = ComponentsWithCustomVariable & {\n  \"custom-button-after-content\"?: React.ComponentType<{\n    children: React.ReactNode;\n  }>;\n};\n\nconst remarkPlugins = [remarkGfm, remarkMath, remarkFlow, remarkBreaks];\n\nconst rehypePlugins = [\n  preserveCustomVariableProperties,\n  rehypeRaw,\n  sanitizeInvalidTagName,\n  restoreCustomVariableProperties,\n  [rehypeHighlight, { languages: highlightLanguages, subset: subsetLanguages }],\n  rehypeKatex,\n];\n\nexport const MarkdownRenderer: React.FC<{\n  content: string;\n  components: CustomComponents;\n}> = ({ content: markdownContent, components }) => (\n  <div className=\"markdown-renderer\">\n    <ReactMarkdown\n      remarkPlugins={remarkPlugins}\n      rehypePlugins={rehypePlugins}\n      components={components}\n    >\n      {markdownContent}\n    </ReactMarkdown>\n  </div>\n);\n\nconst mergeNonSandboxSegments = (segments: RenderSegment[]) => {\n  if (segments.length <= 1) return segments;\n  const merged: RenderSegment[] = [];\n\n  segments.forEach((segment) => {\n    if (segment.type === \"sandbox\") {\n      merged.push(segment);\n      return;\n    }\n\n    const last = merged[merged.length - 1];\n    if (last && last.type !== \"sandbox\") {\n      merged[merged.length - 1] = {\n        type: \"markdown\",\n        value: `${last.value}${segment.value}`,\n      };\n      return;\n    }\n\n    merged.push({ type: \"markdown\", value: segment.value });\n  });\n\n  return merged;\n};\n\nconst ContentRender: React.FC<ContentRenderProps> = ({\n  content,\n  customRenderBar,\n  onSend,\n  typingSpeed = 30,\n  enableTypewriter = false,\n  userInput,\n  interactionDefaultValueOptions,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  readonly = false,\n  onTypeFinished,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  sandboxLoadingText,\n  sandboxStyleLoadingText,\n  sandboxScriptLoadingText,\n  disableSandboxLoadingOverlay = false,\n  sandboxFullscreenButtonText,\n  sandboxMode = \"content\",\n  onClickCustomButtonAfterContent,\n  beforeSend,\n  // tooltipMinLength,\n}) => {\n  const normalizedContent = useMemo(\n    () => normalizeInlineHtml(content),\n    [content]\n  );\n\n  const interactionDefaults = useMemo(\n    () =>\n      getInteractionDefaultValues(\n        content,\n        userInput,\n        interactionDefaultValueOptions\n      ),\n    [content, interactionDefaultValueOptions, userInput]\n  );\n\n  const resolvedDefaultButtonText =\n    defaultButtonText?.trim() || interactionDefaults.buttonText;\n  const resolvedDefaultInputText =\n    defaultInputText?.trim() || interactionDefaults.inputText;\n  const fallbackSelectedValues = useMemo(\n    () =>\n      userInput\n        ? userInput\n            .split(\",\")\n            .map((value) => value.trim())\n            .filter(Boolean)\n        : undefined,\n    [userInput]\n  );\n  const resolvedDefaultSelectedValues = defaultSelectedValues?.length\n    ? defaultSelectedValues\n    : interactionDefaults.selectedValues || fallbackSelectedValues;\n\n  // Use custom Hook to handle typewriter effect\n  const components: CustomComponents = {\n    \"custom-button-after-content\": ({\n      children,\n    }: {\n      children: React.ReactNode;\n    }) => {\n      return (\n        <button\n          className=\"content-render-custom-button-after-content\"\n          onClick={onClickCustomButtonAfterContent}\n        >\n          <span className=\"content-render-custom-button-after-content-inner\">\n            {children}\n          </span>\n        </button>\n      );\n    },\n    \"custom-variable\": (props) => (\n      <CustomButtonInputVariable\n        {...props}\n        readonly={readonly}\n        defaultButtonText={resolvedDefaultButtonText}\n        defaultInputText={resolvedDefaultInputText}\n        defaultSelectedValues={resolvedDefaultSelectedValues}\n        onSend={onSend}\n        beforeSend={beforeSend}\n        confirmButtonText={confirmButtonText}\n        // tooltipMinLength={tooltipMinLength}\n      />\n    ),\n    code: (props) => {\n      const { className, children, ...rest } = props as {\n        className?: string;\n        children?: React.ReactNode;\n      };\n      const match = /language-(\\w+)/.exec(className || \"\");\n      const language = match?.[1];\n      if (language === \"mermaid\") {\n        const chartContent = children?.toString().replace(/\\n$/, \"\") || \"\";\n        const frozen = mermaidBlockIsComplete(content, chartContent);\n        return <MermaidChart chart={chartContent} frozen={frozen} />;\n      }\n\n      return (\n        <code className={className} {...rest}>\n          {children}\n        </code>\n      );\n    },\n    table: ({ ...props }) => (\n      <div className=\"content-render-table-container\">\n        <table className=\"content-render-table\" {...props} />\n      </div>\n    ),\n    th: ({ ...props }) => <th className=\"content-render-th\" {...props} />,\n    td: ({ ...props }) => <td className=\"content-render-td\" {...props} />,\n    tr: ({ ...props }) => <tr className=\"content-render-tr\" {...props} />,\n    li: ({ node, ...props }) => {\n      const className = node?.properties?.className;\n      const hasTaskListItem =\n        (typeof className === \"string\" &&\n          className.includes(\"task-list-item\")) ||\n        (Array.isArray(className) && className.includes(\"task-list-item\"));\n      if (hasTaskListItem) {\n        return <li className=\"content-render-task-list-item\" {...props} />;\n      }\n      return <li {...props} />;\n    },\n    ol: ({ ...props }) => <ol className=\"content-render-ol\" {...props} />,\n    ul: ({ ...props }) => <ul className=\"content-render-ul\" {...props} />,\n    input: ({ ...props }) => {\n      if (props.type === \"checkbox\") {\n        return (\n          <input\n            type=\"checkbox\"\n            className=\"content-render-checkbox\"\n            disabled\n            {...props}\n          />\n        );\n      }\n      return <input {...props} />;\n    },\n    a: ({ children, ...props }) => (\n      <a target=\"_blank\" rel=\"noopener noreferrer\" {...props}>\n        {children}\n      </a>\n    ),\n    pre: (props) => (\n      <CodeBlock\n        {...props}\n        copyButtonText={copyButtonText}\n        copiedButtonText={copiedButtonText}\n      />\n    ),\n  };\n\n  const { displayContent, isComplete } = useTypewriterStateMachine({\n    // processMarkdownText will let code block printf(\"You win!\\n\") become printf(\"You win!<br/>\");\n    // content: processMarkdownText(content),\n    content: normalizedContent,\n    typingSpeed,\n    disabled: !enableTypewriter,\n  });\n  // Render the full content synchronously when typewriter is disabled\n  // to avoid a first-paint flash where content appears after helper actions.\n  const resolvedDisplayContent = enableTypewriter\n    ? displayContent\n    : normalizedContent;\n\n  const hasPotentialSandboxTags = useMemo(\n    () => SANDBOX_TAG_HINT_PATTERN.test(content),\n    [content]\n  );\n\n  const renderSegments = useMemo(\n    () => (hasPotentialSandboxTags ? splitContentSegments(content, true) : []),\n    [content, hasPotentialSandboxTags]\n  );\n\n  const hasSandbox = renderSegments.some(\n    (segment) => segment.type === \"sandbox\"\n  );\n  const mergedRenderSegments = useMemo(\n    () => mergeNonSandboxSegments(renderSegments),\n    [renderSegments]\n  );\n\n  const segments = useMemo(\n    () => parseMarkdownSegments(resolvedDisplayContent),\n    [resolvedDisplayContent]\n  );\n\n  const hasCompleted = useRef(false);\n\n  useEffect(() => {\n    if (hasSandbox) return;\n    if (isComplete && !hasCompleted.current) {\n      hasCompleted.current = true; // Mark as completed\n      onTypeFinished?.(); // Call the passed callback\n    }\n  }, [hasSandbox, isComplete, onTypeFinished]);\n\n  useEffect(() => {\n    if (hasSandbox) return;\n    hasCompleted.current = false; // Reset completion status when content changes\n  }, [hasSandbox, content]);\n\n  const renderMarkdownSegments = (raw: string, keyPrefix: string) => {\n    const normalized = normalizeInlineHtml(raw);\n    const parsed = parseMarkdownSegments(normalized);\n\n    return parsed.map((seg, index) => {\n      const key = `${keyPrefix}-${seg.type}-${index}`;\n\n      if (seg.type === \"text\") {\n        return (\n          <MarkdownRenderer\n            key={key}\n            components={components}\n            content={seg.value}\n          />\n        );\n      }\n\n      if (seg.type === \"mermaid\") {\n        return (\n          <MermaidChart key={key} chart={seg.value} frozen={!seg.complete} />\n        );\n      }\n\n      if (seg.type === \"svg\") {\n        return <SvgBlockInShadow key={key} svg={seg.value} />;\n      }\n\n      return null;\n    });\n  };\n\n  if (hasSandbox) {\n    return (\n      <div className=\"content-render markdown-body\">\n        {mergedRenderSegments.map((segment, idx) =>\n          segment.type === \"sandbox\" ? (\n            <IframeSandbox\n              key={`sandbox-${idx}`}\n              hideFullScreen\n              type=\"sandbox\"\n              content={segment.value}\n              className=\"content-render-iframe\"\n              loadingText={sandboxLoadingText}\n              styleLoadingText={sandboxStyleLoadingText}\n              scriptLoadingText={sandboxScriptLoadingText}\n              disableLoadingOverlay={disableSandboxLoadingOverlay}\n              fullScreenButtonText={sandboxFullscreenButtonText}\n              mode={sandboxMode}\n            />\n          ) : (\n            <React.Fragment key={`md-${idx}`}>\n              {renderMarkdownSegments(segment.value, `md-${idx}`)}\n            </React.Fragment>\n          )\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"content-render markdown-body\">\n      {segments.map((seg, index) => {\n        if (seg.type === \"text\") {\n          return (\n            <MarkdownRenderer\n              key={index}\n              components={components}\n              content={seg.value}\n            />\n          );\n        }\n\n        if (seg.type === \"mermaid\") {\n          return (\n            <MermaidChart\n              key={index}\n              chart={seg.value}\n              frozen={!seg.complete}\n            />\n          );\n        }\n\n        if (seg.type === \"svg\") {\n          return <SvgBlockInShadow key={index} svg={seg.value} />;\n        }\n      })}\n\n      {customRenderBar && (\n        <div className=\"content-render-custom-bar\">\n          {React.createElement(customRenderBar, {\n            content,\n            displayContent,\n            onSend,\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ContentRender;\n"],"names":["SANDBOX_TAG_HINT_PATTERN","SvgBlockInShadow","svg","hostRef","useRef","useEffect","host","shadowRoot","styleId","styleEl","node","template","cleanedSvg","stripSvgTextLineBreaks","hasResponsiveSvg","hasFixedSvg","svgEl","viewBox","dimensions","value","viewBoxWidth","viewBoxHeight","widthAttr","heightAttr","isRelativeLength","normalized","toNumericLength","parsed","isWidthRelative","isHeightRelative","widthMissing","heightMissing","numericWidth","numericHeight","hostResponsive","jsx","remarkPlugins","remarkGfm","remarkMath","remarkFlow","remarkBreaks","rehypePlugins","preserveCustomVariableProperties","rehypeRaw","sanitizeInvalidTagName","restoreCustomVariableProperties","rehypeHighlight","highlightLanguages","subsetLanguages","rehypeKatex","MarkdownRenderer","markdownContent","components","ReactMarkdown","mergeNonSandboxSegments","segments","merged","segment","last","ContentRender","content","customRenderBar","onSend","typingSpeed","enableTypewriter","userInput","interactionDefaultValueOptions","defaultButtonText","defaultInputText","defaultSelectedValues","readonly","onTypeFinished","confirmButtonText","copyButtonText","copiedButtonText","sandboxLoadingText","sandboxStyleLoadingText","sandboxScriptLoadingText","disableSandboxLoadingOverlay","sandboxFullscreenButtonText","sandboxMode","onClickCustomButtonAfterContent","beforeSend","normalizedContent","useMemo","normalizeInlineHtml","interactionDefaults","getInteractionDefaultValues","resolvedDefaultButtonText","resolvedDefaultInputText","fallbackSelectedValues","resolvedDefaultSelectedValues","children","props","CustomButtonInputVariable","className","rest","chartContent","frozen","mermaidBlockIsComplete","MermaidChart","CodeBlock","displayContent","isComplete","useTypewriterStateMachine","resolvedDisplayContent","hasPotentialSandboxTags","renderSegments","splitContentSegments","hasSandbox","mergedRenderSegments","parseMarkdownSegments","hasCompleted","renderMarkdownSegments","raw","keyPrefix","seg","index","key","idx","IframeSandbox","React","jsxs"],"mappings":"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"}
+{"version":3,"file":"ContentRender.es.js","sources":["../../../src/components/ContentRender/ContentRender.tsx"],"sourcesContent":["import \"highlight.js/styles/github.css\";\nimport \"katex/dist/katex.min.css\";\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeHighlight from \"rehype-highlight\";\nimport rehypeKatex from \"rehype-katex\";\nimport rehypeRaw from \"rehype-raw\";\nimport remarkBreaks from \"remark-breaks\";\nimport remarkFlow from \"remark-flow\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkMath from \"remark-math\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport { sanitizeInvalidTagName } from \"./utils/sanitize-invalid-tag-name\";\nimport { stripSvgTextLineBreaks } from \"./utils/strip-svg-text-line-breaks\";\nimport \"./contentRender.css\";\nimport \"./github-markdown-light.css\";\nimport CodeBlock from \"./CodeBlock\";\nimport CustomButtonInputVariable, {\n  ComponentsWithCustomVariable,\n} from \"./plugins/CustomVariable\";\nimport MermaidChart from \"./plugins/MermaidChart\";\nimport {\n  preserveCustomVariableProperties,\n  restoreCustomVariableProperties,\n} from \"./utils/custom-variable-props\";\nimport {\n  highlightLanguages,\n  subsetLanguages,\n} from \"./utils/highlight-languages\";\n// import { processMarkdownText } from \"./utils/process-markdown\";\nimport {\n  parseMarkdownSegments,\n  mermaidBlockIsComplete,\n} from \"./utils/mermaid-parse\";\nimport { normalizeInlineHtml } from \"./utils/normalize-inline-html\";\nimport IframeSandbox from \"./IframeSandbox\";\nimport {\n  splitContentSegments,\n  type RenderSegment,\n} from \"./utils/split-content\";\nimport {\n  getInteractionDefaultValues,\n  type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\n\nconst SANDBOX_TAG_HINT_PATTERN =\n  /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\\b/i;\n\n// Define component Props type\nexport interface ContentRenderProps {\n  content: string;\n  contentType?: string;\n  /**\n   * Callback invoked when the custom button after content is clicked.\n   * This button is rendered via the `<custom-button-after-content>` tag in markdown content.\n   * @example\n   * ```tsx\n   * <ContentRender\n   *   content=\"Hello <custom-button-after-content>Ask</custom-button-after-content>\"\n   *   onClickCustomButtonAfterContent={() => console.log('Button clicked')}\n   * />\n   * ```\n   */\n  customRenderBar?: CustomRenderBarProps;\n  onClickCustomButtonAfterContent?: () => void;\n  onSend?: (content: OnSendContentParams) => void;\n  typingSpeed?: number;\n  enableTypewriter?: boolean;\n  onTypeFinished?: () => void;\n  onTypewriterStateChange?: (state: ContentRenderTypewriterState) => void;\n  userInput?: string;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  defaultButtonText?: string;\n  defaultInputText?: string; // Text input by user\n  defaultSelectedValues?: string[]; // Default selected values for multi-select\n  readonly?: boolean;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text (i18n support)\n  copyButtonText?: string;\n  // Copied state text (i18n support)\n  copiedButtonText?: string;\n  // Dynamic interaction format for multi-select support\n  dynamicInteractionFormat?: string;\n  // Loading text before first HTML block renders inside iframe (i18n support)\n  sandboxLoadingText?: string;\n  // Loading text while styles are being generated inside iframe\n  sandboxStyleLoadingText?: string;\n  // Loading text while scripts are being cached/executed inside iframe\n  sandboxScriptLoadingText?: string;\n  // Disable sandbox loading overlays when upper layers have already entered an error state\n  disableSandboxLoadingOverlay?: boolean;\n  // Fullscreen button text for iframe sandbox\n  sandboxFullscreenButtonText?: string;\n  // Sandbox render mode\n  sandboxMode?: \"content\" | \"blackboard\";\n  beforeSend?: (param: OnSendContentParams) => boolean;\n  // tooltipMinLength?: number; // Control minimum character length for tooltip display, default 10\n}\n\nexport interface ContentRenderTypewriterState {\n  isTypewriterEnabled: boolean;\n  isTyping: boolean;\n  isComplete: boolean;\n  renderedLength: number;\n  totalLength: number;\n}\n\n// Render svg string via Shadow DOM to avoid markdown wrapping\nconst SvgBlockInShadow: React.FC<{ svg: string }> = ({ svg }) => {\n  const hostRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n    const shadowRoot = host.shadowRoot ?? host.attachShadow({ mode: \"open\" });\n    const styleId = \"content-render-svg-style\";\n    let styleEl = shadowRoot.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!styleEl) {\n      styleEl = document.createElement(\"style\");\n      styleEl.id = styleId;\n      // Keep intrinsic SVG width so the wrapper can scroll horizontally when needed\n      styleEl.textContent = `\n        svg { height: auto; display: inline-block; }\n        svg.content-render-svg-el--responsive { width: 100%; max-width: 100%; }\n        svg.content-render-svg-el--fixed { max-width: none; }\n      `;\n      shadowRoot.appendChild(styleEl);\n    }\n\n    const nodesToRemove = Array.from(shadowRoot.childNodes).filter(\n      (node) => node !== styleEl\n    );\n    nodesToRemove.forEach((node) => shadowRoot.removeChild(node));\n\n    const template = document.createElement(\"template\");\n    const cleanedSvg = stripSvgTextLineBreaks(svg);\n    template.innerHTML = cleanedSvg;\n    shadowRoot.append(template.content.cloneNode(true));\n\n    let hasResponsiveSvg = false;\n    let hasFixedSvg = false;\n\n    shadowRoot.querySelectorAll(\"svg\").forEach((svgEl) => {\n      // Derive responsive sizing from viewBox so pure viewBox SVGs stay visible and fluid\n      const viewBox = svgEl.getAttribute(\"viewBox\");\n      if (!viewBox) return;\n\n      const dimensions = viewBox\n        .trim()\n        .split(/[\\s,]+/)\n        .map((value) => Number(value));\n\n      if (dimensions.length !== 4 || dimensions.some(Number.isNaN)) return;\n\n      const [, , viewBoxWidth, viewBoxHeight] = dimensions;\n      const widthAttr = svgEl.getAttribute(\"width\");\n      const heightAttr = svgEl.getAttribute(\"height\");\n      const isRelativeLength = (value?: string | null) => {\n        if (!value) return false;\n        const normalized = value.trim().toLowerCase();\n        return normalized === \"auto\" || normalized.endsWith(\"%\");\n      };\n      const toNumericLength = (value?: string | null) => {\n        if (!value) return null;\n        const normalized = value.trim().toLowerCase();\n        if (normalized === \"auto\" || normalized.endsWith(\"%\")) {\n          return null;\n        }\n        const parsed = Number.parseFloat(normalized);\n        return Number.isNaN(parsed) ? null : parsed;\n      };\n      // Treat percentage/auto sizing as responsive so viewBox drives the layout\n      const isWidthRelative = isRelativeLength(widthAttr);\n      const isHeightRelative = isRelativeLength(heightAttr);\n      const widthMissing = !widthAttr || widthAttr === \"0\";\n      const heightMissing = !heightAttr || heightAttr === \"0\";\n      const numericWidth = toNumericLength(widthAttr);\n      const numericHeight = toNumericLength(heightAttr);\n      const matchesViewBox =\n        numericWidth === viewBoxWidth && numericHeight === viewBoxHeight;\n\n      // Prefer responsive layout when sizing is relative or matches the viewBox\n      const shouldUseResponsiveSize =\n        isWidthRelative ||\n        isHeightRelative ||\n        (widthMissing && heightMissing) ||\n        matchesViewBox;\n\n      if (shouldUseResponsiveSize) {\n        hasResponsiveSvg = true;\n        svgEl.classList.add(\"content-render-svg-el--responsive\");\n        svgEl.classList.remove(\"content-render-svg-el--fixed\");\n        svgEl.style.width = \"100%\";\n        svgEl.style.height = \"auto\";\n        if (!svgEl.style.aspectRatio && viewBoxHeight > 0) {\n          svgEl.style.aspectRatio = `${viewBoxWidth} / ${viewBoxHeight}`;\n        }\n        return;\n      }\n\n      hasFixedSvg = true;\n      svgEl.classList.add(\"content-render-svg-el--fixed\");\n      svgEl.classList.remove(\"content-render-svg-el--responsive\");\n      if (widthMissing && viewBoxWidth > 0) {\n        svgEl.setAttribute(\"width\", `${viewBoxWidth}`);\n      }\n      if (heightMissing && viewBoxHeight > 0) {\n        svgEl.setAttribute(\"height\", `${viewBoxHeight}`);\n      }\n    });\n\n    const hostResponsive = hasResponsiveSvg && !hasFixedSvg;\n    host.classList.toggle(\"content-render-svg--responsive\", hostResponsive);\n    host.classList.toggle(\"content-render-svg--fixed\", !hostResponsive);\n  }, [svg]);\n\n  return (\n    <div className=\"content-render-svg-scroll\">\n      <div className=\"content-render-svg\" ref={hostRef} />\n    </div>\n  );\n};\n\n// Extended component interface\ntype CustomComponents = ComponentsWithCustomVariable & {\n  \"custom-button-after-content\"?: React.ComponentType<{\n    children: React.ReactNode;\n  }>;\n};\n\nconst remarkPlugins = [remarkGfm, remarkMath, remarkFlow, remarkBreaks];\n\nconst rehypePlugins = [\n  preserveCustomVariableProperties,\n  rehypeRaw,\n  sanitizeInvalidTagName,\n  restoreCustomVariableProperties,\n  [rehypeHighlight, { languages: highlightLanguages, subset: subsetLanguages }],\n  rehypeKatex,\n];\n\nexport const MarkdownRenderer: React.FC<{\n  content: string;\n  components: CustomComponents;\n}> = ({ content: markdownContent, components }) => (\n  <div className=\"markdown-renderer\">\n    <ReactMarkdown\n      remarkPlugins={remarkPlugins}\n      rehypePlugins={rehypePlugins}\n      components={components}\n    >\n      {markdownContent}\n    </ReactMarkdown>\n  </div>\n);\n\nconst mergeNonSandboxSegments = (segments: RenderSegment[]) => {\n  if (segments.length <= 1) return segments;\n  const merged: RenderSegment[] = [];\n\n  segments.forEach((segment) => {\n    if (segment.type === \"sandbox\") {\n      merged.push(segment);\n      return;\n    }\n\n    const last = merged[merged.length - 1];\n    if (last && last.type !== \"sandbox\") {\n      merged[merged.length - 1] = {\n        type: \"markdown\",\n        value: `${last.value}${segment.value}`,\n      };\n      return;\n    }\n\n    merged.push({ type: \"markdown\", value: segment.value });\n  });\n\n  return merged;\n};\n\nconst splitTextByCharacterChunk = (value: string, chunkSize: number) => {\n  const safeChunkSize = Math.max(1, chunkSize);\n  const characters = Array.from(value);\n\n  return {\n    chunk: characters.slice(0, safeChunkSize).join(\"\"),\n    rest: characters.slice(safeChunkSize).join(\"\"),\n  };\n};\n\nconst ContentRender: React.FC<ContentRenderProps> = ({\n  content,\n  contentType,\n  customRenderBar,\n  onSend,\n  typingSpeed = 40,\n  enableTypewriter = false,\n  onTypeFinished,\n  onTypewriterStateChange,\n  userInput,\n  interactionDefaultValueOptions,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  readonly = false,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  sandboxLoadingText,\n  sandboxStyleLoadingText,\n  sandboxScriptLoadingText,\n  disableSandboxLoadingOverlay = false,\n  sandboxFullscreenButtonText,\n  sandboxMode = \"content\",\n  onClickCustomButtonAfterContent,\n  beforeSend,\n  // tooltipMinLength,\n}) => {\n  const shouldApplyTypewriterByContentType =\n    !contentType || contentType === \"text\";\n  const isTypewriterEnabled =\n    Boolean(enableTypewriter) && shouldApplyTypewriterByContentType;\n  const typewriterChunkSize = 2;\n  const typewriterTickMs = Math.max(0, typingSpeed);\n  const [displayContent, setDisplayContent] = useState(() =>\n    isTypewriterEnabled ? \"\" : content\n  );\n  const pendingContentRef = useRef(\"\");\n  const previousTypewriterEnabledRef = useRef(isTypewriterEnabled);\n  const hasReportedTypeFinishedRef = useRef(false);\n\n  useEffect(() => {\n    const wasTypewriterEnabled = previousTypewriterEnabledRef.current;\n    previousTypewriterEnabledRef.current = isTypewriterEnabled;\n    hasReportedTypeFinishedRef.current = false;\n\n    if (!isTypewriterEnabled) {\n      pendingContentRef.current = \"\";\n      setDisplayContent(content);\n      return;\n    }\n\n    setDisplayContent((current) => {\n      const shouldRestartTyping = !wasTypewriterEnabled;\n      const canContinueTyping = content.startsWith(current);\n\n      if (!shouldRestartTyping && !canContinueTyping) {\n        pendingContentRef.current = \"\";\n        return content;\n      }\n\n      const nextVisibleContent =\n        shouldRestartTyping || !canContinueTyping ? \"\" : current;\n\n      pendingContentRef.current = content.slice(nextVisibleContent.length);\n      return nextVisibleContent;\n    });\n  }, [content, isTypewriterEnabled]);\n\n  useEffect(() => {\n    if (!isTypewriterEnabled) {\n      return;\n    }\n\n    if (\n      hasReportedTypeFinishedRef.current ||\n      pendingContentRef.current ||\n      displayContent !== content\n    ) {\n      return;\n    }\n\n    hasReportedTypeFinishedRef.current = true;\n    onTypeFinished?.();\n  }, [content, displayContent, isTypewriterEnabled, onTypeFinished]);\n\n  useEffect(() => {\n    if (!isTypewriterEnabled || !pendingContentRef.current) {\n      return undefined;\n    }\n\n    const typewriterTimer = window.setTimeout(() => {\n      setDisplayContent((current) => {\n        const { chunk, rest } = splitTextByCharacterChunk(\n          pendingContentRef.current,\n          typewriterChunkSize\n        );\n\n        if (!chunk) {\n          return current;\n        }\n\n        pendingContentRef.current = rest;\n        return `${current}${chunk}`;\n      });\n    }, typewriterTickMs);\n\n    return () => window.clearTimeout(typewriterTimer);\n  }, [\n    content,\n    displayContent,\n    isTypewriterEnabled,\n    typewriterChunkSize,\n    typewriterTickMs,\n  ]);\n\n  const typewriterState = useMemo<ContentRenderTypewriterState>(\n    () => ({\n      isTypewriterEnabled,\n      isTyping: isTypewriterEnabled && displayContent !== content,\n      isComplete: displayContent === content,\n      renderedLength: displayContent.length,\n      totalLength: content.length,\n    }),\n    [content, displayContent, isTypewriterEnabled]\n  );\n\n  useEffect(() => {\n    onTypewriterStateChange?.(typewriterState);\n  }, [onTypewriterStateChange, typewriterState]);\n\n  const renderContent = isTypewriterEnabled ? displayContent : content;\n  const normalizedContent = useMemo(\n    () => normalizeInlineHtml(renderContent),\n    [renderContent]\n  );\n\n  const interactionDefaults = useMemo(\n    () =>\n      getInteractionDefaultValues(\n        renderContent,\n        userInput,\n        interactionDefaultValueOptions\n      ),\n    [interactionDefaultValueOptions, renderContent, userInput]\n  );\n\n  const resolvedDefaultButtonText =\n    defaultButtonText?.trim() || interactionDefaults.buttonText;\n  const resolvedDefaultInputText =\n    defaultInputText?.trim() || interactionDefaults.inputText;\n  const fallbackSelectedValues = useMemo(\n    () =>\n      userInput\n        ? userInput\n            .split(\",\")\n            .map((value) => value.trim())\n            .filter(Boolean)\n        : undefined,\n    [userInput]\n  );\n  const resolvedDefaultSelectedValues = defaultSelectedValues?.length\n    ? defaultSelectedValues\n    : interactionDefaults.selectedValues || fallbackSelectedValues;\n\n  const components: CustomComponents = {\n    \"custom-button-after-content\": ({\n      children,\n    }: {\n      children: React.ReactNode;\n    }) => {\n      return (\n        <button\n          className=\"content-render-custom-button-after-content\"\n          onClick={onClickCustomButtonAfterContent}\n        >\n          <span className=\"content-render-custom-button-after-content-inner\">\n            {children}\n          </span>\n        </button>\n      );\n    },\n    \"custom-variable\": (props) => (\n      <CustomButtonInputVariable\n        {...props}\n        readonly={readonly}\n        defaultButtonText={resolvedDefaultButtonText}\n        defaultInputText={resolvedDefaultInputText}\n        defaultSelectedValues={resolvedDefaultSelectedValues}\n        onSend={onSend}\n        beforeSend={beforeSend}\n        confirmButtonText={confirmButtonText}\n        // tooltipMinLength={tooltipMinLength}\n      />\n    ),\n    code: (props) => {\n      const { className, children, ...rest } = props as {\n        className?: string;\n        children?: React.ReactNode;\n      };\n      const match = /language-(\\w+)/.exec(className || \"\");\n      const language = match?.[1];\n      if (language === \"mermaid\") {\n        const chartContent = children?.toString().replace(/\\n$/, \"\") || \"\";\n        const frozen = mermaidBlockIsComplete(renderContent, chartContent);\n        return <MermaidChart chart={chartContent} frozen={frozen} />;\n      }\n\n      return (\n        <code className={className} {...rest}>\n          {children}\n        </code>\n      );\n    },\n    table: ({ ...props }) => (\n      <div className=\"content-render-table-container\">\n        <table className=\"content-render-table\" {...props} />\n      </div>\n    ),\n    th: ({ ...props }) => <th className=\"content-render-th\" {...props} />,\n    td: ({ ...props }) => <td className=\"content-render-td\" {...props} />,\n    tr: ({ ...props }) => <tr className=\"content-render-tr\" {...props} />,\n    li: ({ node, ...props }) => {\n      const className = node?.properties?.className;\n      const hasTaskListItem =\n        (typeof className === \"string\" &&\n          className.includes(\"task-list-item\")) ||\n        (Array.isArray(className) && className.includes(\"task-list-item\"));\n      if (hasTaskListItem) {\n        return <li className=\"content-render-task-list-item\" {...props} />;\n      }\n      return <li {...props} />;\n    },\n    ol: ({ ...props }) => <ol className=\"content-render-ol\" {...props} />,\n    ul: ({ ...props }) => <ul className=\"content-render-ul\" {...props} />,\n    input: ({ ...props }) => {\n      if (props.type === \"checkbox\") {\n        return (\n          <input\n            type=\"checkbox\"\n            className=\"content-render-checkbox\"\n            disabled\n            {...props}\n          />\n        );\n      }\n      return <input {...props} />;\n    },\n    a: ({ children, ...props }) => (\n      <a target=\"_blank\" rel=\"noopener noreferrer\" {...props}>\n        {children}\n      </a>\n    ),\n    pre: (props) => (\n      <CodeBlock\n        {...props}\n        copyButtonText={copyButtonText}\n        copiedButtonText={copiedButtonText}\n      />\n    ),\n  };\n\n  const hasPotentialSandboxTags = useMemo(\n    () => SANDBOX_TAG_HINT_PATTERN.test(renderContent),\n    [renderContent]\n  );\n\n  const renderSegments = useMemo(\n    () =>\n      hasPotentialSandboxTags ? splitContentSegments(renderContent, true) : [],\n    [renderContent, hasPotentialSandboxTags]\n  );\n\n  const hasSandbox = renderSegments.some(\n    (segment) => segment.type === \"sandbox\"\n  );\n  const mergedRenderSegments = useMemo(\n    () => mergeNonSandboxSegments(renderSegments),\n    [renderSegments]\n  );\n\n  const segments = useMemo(\n    () => parseMarkdownSegments(normalizedContent),\n    [normalizedContent]\n  );\n\n  const renderMarkdownSegments = (raw: string, keyPrefix: string) => {\n    const normalized = normalizeInlineHtml(raw);\n    const parsed = parseMarkdownSegments(normalized);\n\n    return parsed.map((seg, index) => {\n      const key = `${keyPrefix}-${seg.type}-${index}`;\n\n      if (seg.type === \"text\") {\n        return (\n          <MarkdownRenderer\n            key={key}\n            components={components}\n            content={seg.value}\n          />\n        );\n      }\n\n      if (seg.type === \"mermaid\") {\n        return (\n          <MermaidChart key={key} chart={seg.value} frozen={!seg.complete} />\n        );\n      }\n\n      if (seg.type === \"svg\") {\n        return <SvgBlockInShadow key={key} svg={seg.value} />;\n      }\n\n      return null;\n    });\n  };\n\n  if (hasSandbox) {\n    return (\n      <div className=\"content-render markdown-body\">\n        {mergedRenderSegments.map((segment, idx) =>\n          segment.type === \"sandbox\" ? (\n            <IframeSandbox\n              key={`sandbox-${idx}`}\n              hideFullScreen\n              type=\"sandbox\"\n              content={segment.value}\n              className=\"content-render-iframe\"\n              loadingText={sandboxLoadingText}\n              styleLoadingText={sandboxStyleLoadingText}\n              scriptLoadingText={sandboxScriptLoadingText}\n              disableLoadingOverlay={disableSandboxLoadingOverlay}\n              fullScreenButtonText={sandboxFullscreenButtonText}\n              mode={sandboxMode}\n            />\n          ) : (\n            <React.Fragment key={`md-${idx}`}>\n              {renderMarkdownSegments(segment.value, `md-${idx}`)}\n            </React.Fragment>\n          )\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"content-render markdown-body\">\n      {segments.map((seg, index) => {\n        if (seg.type === \"text\") {\n          return (\n            <MarkdownRenderer\n              key={index}\n              components={components}\n              content={seg.value}\n            />\n          );\n        }\n\n        if (seg.type === \"mermaid\") {\n          return (\n            <MermaidChart\n              key={index}\n              chart={seg.value}\n              frozen={!seg.complete}\n            />\n          );\n        }\n\n        if (seg.type === \"svg\") {\n          return <SvgBlockInShadow key={index} svg={seg.value} />;\n        }\n      })}\n\n      {customRenderBar && (\n        <div className=\"content-render-custom-bar\">\n          {React.createElement(customRenderBar, {\n            content,\n            displayContent: normalizedContent,\n            onSend,\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ContentRender;\n"],"names":["SANDBOX_TAG_HINT_PATTERN","SvgBlockInShadow","svg","hostRef","useRef","useEffect","host","shadowRoot","styleId","styleEl","node","template","cleanedSvg","stripSvgTextLineBreaks","hasResponsiveSvg","hasFixedSvg","svgEl","viewBox","dimensions","value","viewBoxWidth","viewBoxHeight","widthAttr","heightAttr","isRelativeLength","normalized","toNumericLength","parsed","isWidthRelative","isHeightRelative","widthMissing","heightMissing","numericWidth","numericHeight","hostResponsive","jsx","remarkPlugins","remarkGfm","remarkMath","remarkFlow","remarkBreaks","rehypePlugins","preserveCustomVariableProperties","rehypeRaw","sanitizeInvalidTagName","restoreCustomVariableProperties","rehypeHighlight","highlightLanguages","subsetLanguages","rehypeKatex","MarkdownRenderer","markdownContent","components","ReactMarkdown","mergeNonSandboxSegments","segments","merged","segment","last","splitTextByCharacterChunk","chunkSize","safeChunkSize","characters","ContentRender","content","contentType","customRenderBar","onSend","typingSpeed","enableTypewriter","onTypeFinished","onTypewriterStateChange","userInput","interactionDefaultValueOptions","defaultButtonText","defaultInputText","defaultSelectedValues","readonly","confirmButtonText","copyButtonText","copiedButtonText","sandboxLoadingText","sandboxStyleLoadingText","sandboxScriptLoadingText","disableSandboxLoadingOverlay","sandboxFullscreenButtonText","sandboxMode","onClickCustomButtonAfterContent","beforeSend","isTypewriterEnabled","typewriterChunkSize","typewriterTickMs","displayContent","setDisplayContent","useState","pendingContentRef","previousTypewriterEnabledRef","hasReportedTypeFinishedRef","wasTypewriterEnabled","current","shouldRestartTyping","canContinueTyping","nextVisibleContent","typewriterTimer","chunk","rest","typewriterState","useMemo","renderContent","normalizedContent","normalizeInlineHtml","interactionDefaults","getInteractionDefaultValues","resolvedDefaultButtonText","resolvedDefaultInputText","fallbackSelectedValues","resolvedDefaultSelectedValues","children","props","CustomButtonInputVariable","className","chartContent","frozen","mermaidBlockIsComplete","MermaidChart","CodeBlock","hasPotentialSandboxTags","renderSegments","splitContentSegments","hasSandbox","mergedRenderSegments","parseMarkdownSegments","renderMarkdownSegments","raw","keyPrefix","seg","index","key","idx","IframeSandbox","React","jsxs"],"mappings":"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"}

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

@@ -19,14 +19,11 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const ComprehensiveMarkdownSyntax: Story;
-export declare const MarkdownSyntaxWithTypewriter: Story;
 export declare const MathAndMermaidDemo: Story;
-export declare const MermaidWithTypewriter: Story;
 export declare const ContentRenderMathAndMermaid: Story;
 export declare const CustomButtonAfterContentDemo: Story;
 export declare const MermaidErrorHandlingTest: Story;
 export declare const MultiSelectExamples: Story;
-export declare const MultiSelectWithTypewriter: Story;
 export declare const InteractiveMultiSelectDemo: Story;
 export declare const ChineseMultiSelectDemo: Story;
 export declare const NativeHtmlElements: Story;
@@ -36,3 +33,4 @@ export declare const SVGDemo: Story;
 export declare const HTMLDemo: Story;
 export declare const HTMLDemoIframeOnly: Story;
 export declare const ReadingModeAppendedAskBlocks: Story;
+export declare const TypewriterStreamingChineseText: Story;

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

@@ -6,7 +6,6 @@ export type { SandboxAppProps } from './SandboxApp';
 export type { RenderSegment } from './utils/split-content';
 export { splitContentSegments } from './utils/split-content';
 export { default as ContentRender } from './ContentRender';
+export type { ContentRenderProps } from './ContentRender';
 export { default as MarkdownFlowInput } from './MarkdownFlowInput';
-export { default as useTypewriter } from './useTypewriter';
-export { default as useTypewriterStateMachine } from './useTypewriterStateMachine';
 export type { MarkdownFlowInputProps } from './MarkdownFlowInput';

package/dist/components/MarkdownFlow/MarkdownFlow.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../../_virtual/jsx-runtime.cjs.js"),B=require("../ContentRender/ContentRender.cjs.js");require("react");require("react-dom/client");require("../ui/inputGroup/input-group.cjs.js");;/* empty css                      */const C=({initialContentList:s=[],customRenderBar:n,onSend:d,typingSpeed:i,enableTypewriter:a=!1,onBlockComplete:o,confirmButtonText:l,copyButtonText:c,copiedButtonText:m,beforeSend:p,interactionDefaultValueOptions:x})=>u.jsxRuntimeExports.jsx("div",{className:"markdown-flow",children:s.map((e,r)=>{const t=e.isFinished??!1,y=!t&&a,S=t?void 0:d,T=t?void 0:i,f=p??(()=>!0);return u.jsxRuntimeExports.jsx(B.default,{content:e.content,userInput:e.userInput,defaultInputText:e.defaultInputText,defaultButtonText:e.defaultButtonText,defaultSelectedValues:e.defaultSelectedValues,readonly:e.readonly,enableTypewriter:y,customRenderBar:e.customRenderBar||n,onSend:S,beforeSend:f,interactionDefaultValueOptions:x,onClickCustomButtonAfterContent:e.onClickCustomButtonAfterContent,typingSpeed:T,confirmButtonText:l,copyButtonText:c,copiedButtonText:m,dynamicInteractionFormat:e.dynamicInteractionFormat,onTypeFinished:()=>{o?.(r)}},r)})});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),x=require("../ContentRender/ContentRender.cjs.js");require("react");require("react-dom/client");require("../ui/inputGroup/input-group.cjs.js");;/* empty css                      */const p=({initialContentList:r=[],customRenderBar:u,onSend:s,confirmButtonText:d,copyButtonText:i,copiedButtonText:a,beforeSend:n,interactionDefaultValueOptions:l})=>t.jsxRuntimeExports.jsx("div",{className:"markdown-flow",children:r.map((e,o)=>{const m=e.isFinished??!1?void 0:s,c=n??(()=>!0);return t.jsxRuntimeExports.jsx(x.default,{content:e.content,userInput:e.userInput,defaultInputText:e.defaultInputText,defaultButtonText:e.defaultButtonText,defaultSelectedValues:e.defaultSelectedValues,readonly:e.readonly,customRenderBar:e.customRenderBar||u,onSend:m,beforeSend:c,interactionDefaultValueOptions:l,onClickCustomButtonAfterContent:e.onClickCustomButtonAfterContent,confirmButtonText:d,copyButtonText:i,copiedButtonText:a,dynamicInteractionFormat:e.dynamicInteractionFormat},o)})});exports.default=p;
 //# sourceMappingURL=MarkdownFlow.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownFlow.cjs.js","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InteractionDefaultValueOptions } from \"../../lib/interaction-defaults\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n  initialContentList?: {\n    content: string;\n    isFinished?: boolean;\n    userInput?: string;\n    defaultInputText?: string;\n    defaultButtonText?: string;\n    defaultSelectedValues?: string[];\n    readonly?: boolean;\n    customRenderBar?: CustomRenderBarProps;\n    onClickCustomButtonAfterContent?: () => void;\n    dynamicInteractionFormat?: string;\n  }[];\n  customRenderBar?: CustomRenderBarProps;\n  onSend?: (content: OnSendContentParams) => void;\n  typingSpeed?: number;\n  enableTypewriter?: boolean;\n  onBlockComplete?: (blockIndex: number) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text for code blocks\n  copyButtonText?: string;\n  // Copied state text for code blocks\n  copiedButtonText?: string;\n  beforeSend?: (content: OnSendContentParams) => boolean;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n  initialContentList = [],\n  customRenderBar,\n  onSend: onSendProp,\n  typingSpeed: typingSpeedProp,\n  enableTypewriter = false,\n  onBlockComplete,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend: beforeSendProp,\n  interactionDefaultValueOptions,\n}) => {\n  return (\n    <div className=\"markdown-flow\">\n      {initialContentList.map((contentInfo, index) => {\n        const isFinished = contentInfo.isFinished ?? false;\n        const enableTypewriterForBlock = !isFinished && enableTypewriter;\n        const onSend = isFinished ? undefined : onSendProp;\n        const typingSpeed = isFinished ? undefined : typingSpeedProp;\n        const beforeSend = beforeSendProp ?? (() => true);\n        return (\n          <ContentRender\n            key={index}\n            content={contentInfo.content}\n            userInput={contentInfo.userInput}\n            defaultInputText={contentInfo.defaultInputText}\n            defaultButtonText={contentInfo.defaultButtonText}\n            defaultSelectedValues={contentInfo.defaultSelectedValues}\n            readonly={contentInfo.readonly}\n            enableTypewriter={enableTypewriterForBlock}\n            customRenderBar={contentInfo.customRenderBar || customRenderBar}\n            onSend={onSend}\n            beforeSend={beforeSend}\n            interactionDefaultValueOptions={interactionDefaultValueOptions}\n            onClickCustomButtonAfterContent={\n              contentInfo.onClickCustomButtonAfterContent\n            }\n            typingSpeed={typingSpeed}\n            confirmButtonText={confirmButtonText}\n            copyButtonText={copyButtonText}\n            copiedButtonText={copiedButtonText}\n            dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n            onTypeFinished={() => {\n              onBlockComplete?.(index);\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","customRenderBar","onSendProp","typingSpeedProp","enableTypewriter","onBlockComplete","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","interactionDefaultValueOptions","jsx","contentInfo","index","isFinished","enableTypewriterForBlock","onSend","typingSpeed","beforeSend","ContentRender"],"mappings":"qVAkCA,MAAMA,EAA4C,CAAC,CACjD,mBAAAC,EAAqB,CAAA,EACrB,gBAAAC,EACA,OAAQC,EACR,YAAaC,EACb,iBAAAC,EAAmB,GACnB,gBAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,WAAYC,EACZ,+BAAAC,CACF,IAEIC,wBAAC,OAAI,UAAU,gBACZ,WAAmB,IAAI,CAACC,EAAaC,IAAU,CAC9C,MAAMC,EAAaF,EAAY,YAAc,GACvCG,EAA2B,CAACD,GAAcV,EAC1CY,EAASF,EAAa,OAAYZ,EAClCe,EAAcH,EAAa,OAAYX,EACvCe,EAAaT,IAAmB,IAAM,IAC5C,OACEE,EAAAA,kBAAAA,IAACQ,EAAAA,QAAA,CAEC,QAASP,EAAY,QACrB,UAAWA,EAAY,UACvB,iBAAkBA,EAAY,iBAC9B,kBAAmBA,EAAY,kBAC/B,sBAAuBA,EAAY,sBACnC,SAAUA,EAAY,SACtB,iBAAkBG,EAClB,gBAAiBH,EAAY,iBAAmBX,EAChD,OAAAe,EACA,WAAAE,EACA,+BAAAR,EACA,gCACEE,EAAY,gCAEd,YAAAK,EACA,kBAAAX,EACA,eAAAC,EACA,iBAAAC,EACA,yBAA0BI,EAAY,yBACtC,eAAgB,IAAM,CACpBP,IAAkBQ,CAAK,CACzB,CAAA,EAtBKA,CAAA,CAyBX,CAAC,CAAA,CACH"}
+{"version":3,"file":"MarkdownFlow.cjs.js","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InteractionDefaultValueOptions } from \"../../lib/interaction-defaults\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n  initialContentList?: {\n    content: string;\n    isFinished?: boolean;\n    userInput?: string;\n    defaultInputText?: string;\n    defaultButtonText?: string;\n    defaultSelectedValues?: string[];\n    readonly?: boolean;\n    customRenderBar?: CustomRenderBarProps;\n    onClickCustomButtonAfterContent?: () => void;\n    dynamicInteractionFormat?: string;\n  }[];\n  customRenderBar?: CustomRenderBarProps;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text for code blocks\n  copyButtonText?: string;\n  // Copied state text for code blocks\n  copiedButtonText?: string;\n  beforeSend?: (content: OnSendContentParams) => boolean;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n  initialContentList = [],\n  customRenderBar,\n  onSend: onSendProp,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend: beforeSendProp,\n  interactionDefaultValueOptions,\n}) => {\n  return (\n    <div className=\"markdown-flow\">\n      {initialContentList.map((contentInfo, index) => {\n        const isFinished = contentInfo.isFinished ?? false;\n        const onSend = isFinished ? undefined : onSendProp;\n        const beforeSend = beforeSendProp ?? (() => true);\n        return (\n          <ContentRender\n            key={index}\n            content={contentInfo.content}\n            userInput={contentInfo.userInput}\n            defaultInputText={contentInfo.defaultInputText}\n            defaultButtonText={contentInfo.defaultButtonText}\n            defaultSelectedValues={contentInfo.defaultSelectedValues}\n            readonly={contentInfo.readonly}\n            customRenderBar={contentInfo.customRenderBar || customRenderBar}\n            onSend={onSend}\n            beforeSend={beforeSend}\n            interactionDefaultValueOptions={interactionDefaultValueOptions}\n            onClickCustomButtonAfterContent={\n              contentInfo.onClickCustomButtonAfterContent\n            }\n            confirmButtonText={confirmButtonText}\n            copyButtonText={copyButtonText}\n            copiedButtonText={copiedButtonText}\n            dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","customRenderBar","onSendProp","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","interactionDefaultValueOptions","jsx","contentInfo","index","onSend","beforeSend","ContentRender"],"mappings":"qVA+BA,MAAMA,EAA4C,CAAC,CACjD,mBAAAC,EAAqB,CAAA,EACrB,gBAAAC,EACA,OAAQC,EACR,kBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,WAAYC,EACZ,+BAAAC,CACF,IAEIC,wBAAC,OAAI,UAAU,gBACZ,WAAmB,IAAI,CAACC,EAAaC,IAAU,CAE9C,MAAMC,EADaF,EAAY,YAAc,GACjB,OAAYP,EAClCU,EAAaN,IAAmB,IAAM,IAC5C,OACEE,EAAAA,kBAAAA,IAACK,EAAAA,QAAA,CAEC,QAASJ,EAAY,QACrB,UAAWA,EAAY,UACvB,iBAAkBA,EAAY,iBAC9B,kBAAmBA,EAAY,kBAC/B,sBAAuBA,EAAY,sBACnC,SAAUA,EAAY,SACtB,gBAAiBA,EAAY,iBAAmBR,EAChD,OAAAU,EACA,WAAAC,EACA,+BAAAL,EACA,gCACEE,EAAY,gCAEd,kBAAAN,EACA,eAAAC,EACA,iBAAAC,EACA,yBAA0BI,EAAY,wBAAA,EAjBjCC,CAAA,CAoBX,CAAC,CAAA,CACH"}

package/dist/components/MarkdownFlow/MarkdownFlow.d.ts

@@ -16,9 +16,6 @@ export interface MarkdownFlowProps {
     }[];
     customRenderBar?: CustomRenderBarProps;
     onSend?: (content: OnSendContentParams) => void;
-    typingSpeed?: number;
-    enableTypewriter?: boolean;
-    onBlockComplete?: (blockIndex: number) => void;
     confirmButtonText?: string;
     copyButtonText?: string;
     copiedButtonText?: string;

package/dist/components/MarkdownFlow/MarkdownFlow.es.js

@@ -1,25 +1,22 @@
-import { j as o } from "../../_virtual/jsx-runtime.es.js";
-import C from "../ContentRender/ContentRender.es.js";
+import { j as t } from "../../_virtual/jsx-runtime.es.js";
+import c from "../ContentRender/ContentRender.es.js";
 import "react";
 import "react-dom/client";
 import "../ui/inputGroup/input-group.es.js";
 /* empty css                    */
 const j = ({
-  initialContentList: a = [],
+  initialContentList: r = [],
   customRenderBar: d,
-  onSend: n,
-  typingSpeed: s,
-  enableTypewriter: i = !1,
-  onBlockComplete: u,
-  confirmButtonText: l,
-  copyButtonText: m,
-  copiedButtonText: p,
-  beforeSend: c,
-  interactionDefaultValueOptions: y
-}) => /* @__PURE__ */ o.jsx("div", { className: "markdown-flow", children: a.map((e, r) => {
-  const t = e.isFinished ?? !1, x = !t && i, S = t ? void 0 : n, f = t ? void 0 : s, B = c ?? (() => !0);
-  return /* @__PURE__ */ o.jsx(
-    C,
+  onSend: a,
+  confirmButtonText: s,
+  copyButtonText: u,
+  copiedButtonText: o,
+  beforeSend: i,
+  interactionDefaultValueOptions: n
+}) => /* @__PURE__ */ t.jsx("div", { className: "markdown-flow", children: r.map((e, l) => {
+  const m = e.isFinished ?? !1 ? void 0 : a, p = i ?? (() => !0);
+  return /* @__PURE__ */ t.jsx(
+    c,
     {
       content: e.content,
       userInput: e.userInput,
@@ -27,22 +24,17 @@ const j = ({
       defaultButtonText: e.defaultButtonText,
       defaultSelectedValues: e.defaultSelectedValues,
       readonly: e.readonly,
-      enableTypewriter: x,
       customRenderBar: e.customRenderBar || d,
-      onSend: S,
-      beforeSend: B,
-      interactionDefaultValueOptions: y,
+      onSend: m,
+      beforeSend: p,
+      interactionDefaultValueOptions: n,
       onClickCustomButtonAfterContent: e.onClickCustomButtonAfterContent,
-      typingSpeed: f,
-      confirmButtonText: l,
-      copyButtonText: m,
-      copiedButtonText: p,
-      dynamicInteractionFormat: e.dynamicInteractionFormat,
-      onTypeFinished: () => {
-        u?.(r);
-      }
+      confirmButtonText: s,
+      copyButtonText: u,
+      copiedButtonText: o,
+      dynamicInteractionFormat: e.dynamicInteractionFormat
     },
-    r
+    l
   );
 }) });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownFlow.es.js","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InteractionDefaultValueOptions } from \"../../lib/interaction-defaults\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n  initialContentList?: {\n    content: string;\n    isFinished?: boolean;\n    userInput?: string;\n    defaultInputText?: string;\n    defaultButtonText?: string;\n    defaultSelectedValues?: string[];\n    readonly?: boolean;\n    customRenderBar?: CustomRenderBarProps;\n    onClickCustomButtonAfterContent?: () => void;\n    dynamicInteractionFormat?: string;\n  }[];\n  customRenderBar?: CustomRenderBarProps;\n  onSend?: (content: OnSendContentParams) => void;\n  typingSpeed?: number;\n  enableTypewriter?: boolean;\n  onBlockComplete?: (blockIndex: number) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text for code blocks\n  copyButtonText?: string;\n  // Copied state text for code blocks\n  copiedButtonText?: string;\n  beforeSend?: (content: OnSendContentParams) => boolean;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n  initialContentList = [],\n  customRenderBar,\n  onSend: onSendProp,\n  typingSpeed: typingSpeedProp,\n  enableTypewriter = false,\n  onBlockComplete,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend: beforeSendProp,\n  interactionDefaultValueOptions,\n}) => {\n  return (\n    <div className=\"markdown-flow\">\n      {initialContentList.map((contentInfo, index) => {\n        const isFinished = contentInfo.isFinished ?? false;\n        const enableTypewriterForBlock = !isFinished && enableTypewriter;\n        const onSend = isFinished ? undefined : onSendProp;\n        const typingSpeed = isFinished ? undefined : typingSpeedProp;\n        const beforeSend = beforeSendProp ?? (() => true);\n        return (\n          <ContentRender\n            key={index}\n            content={contentInfo.content}\n            userInput={contentInfo.userInput}\n            defaultInputText={contentInfo.defaultInputText}\n            defaultButtonText={contentInfo.defaultButtonText}\n            defaultSelectedValues={contentInfo.defaultSelectedValues}\n            readonly={contentInfo.readonly}\n            enableTypewriter={enableTypewriterForBlock}\n            customRenderBar={contentInfo.customRenderBar || customRenderBar}\n            onSend={onSend}\n            beforeSend={beforeSend}\n            interactionDefaultValueOptions={interactionDefaultValueOptions}\n            onClickCustomButtonAfterContent={\n              contentInfo.onClickCustomButtonAfterContent\n            }\n            typingSpeed={typingSpeed}\n            confirmButtonText={confirmButtonText}\n            copyButtonText={copyButtonText}\n            copiedButtonText={copiedButtonText}\n            dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n            onTypeFinished={() => {\n              onBlockComplete?.(index);\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","customRenderBar","onSendProp","typingSpeedProp","enableTypewriter","onBlockComplete","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","interactionDefaultValueOptions","jsx","contentInfo","index","isFinished","enableTypewriterForBlock","onSend","typingSpeed","beforeSend","ContentRender"],"mappings":";;;;;;AAkCA,MAAMA,IAA4C,CAAC;AAAA,EACjD,oBAAAC,IAAqB,CAAA;AAAA,EACrB,iBAAAC;AAAA,EACA,QAAQC;AAAA,EACR,aAAaC;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,gCAAAC;AACF,MAEIC,gBAAAA,MAAC,SAAI,WAAU,iBACZ,YAAmB,IAAI,CAACC,GAAaC,MAAU;AAC9C,QAAMC,IAAaF,EAAY,cAAc,IACvCG,IAA2B,CAACD,KAAcV,GAC1CY,IAASF,IAAa,SAAYZ,GAClCe,IAAcH,IAAa,SAAYX,GACvCe,IAAaT,MAAmB,MAAM;AAC5C,SACEE,gBAAAA,EAAAA;AAAAA,IAACQ;AAAA,IAAA;AAAA,MAEC,SAASP,EAAY;AAAA,MACrB,WAAWA,EAAY;AAAA,MACvB,kBAAkBA,EAAY;AAAA,MAC9B,mBAAmBA,EAAY;AAAA,MAC/B,uBAAuBA,EAAY;AAAA,MACnC,UAAUA,EAAY;AAAA,MACtB,kBAAkBG;AAAA,MAClB,iBAAiBH,EAAY,mBAAmBX;AAAA,MAChD,QAAAe;AAAA,MACA,YAAAE;AAAA,MACA,gCAAAR;AAAA,MACA,iCACEE,EAAY;AAAA,MAEd,aAAAK;AAAA,MACA,mBAAAX;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,0BAA0BI,EAAY;AAAA,MACtC,gBAAgB,MAAM;AACpB,QAAAP,IAAkBQ,CAAK;AAAA,MACzB;AAAA,IAAA;AAAA,IAtBKA;AAAA,EAAA;AAyBX,CAAC,EAAA,CACH;"}
+{"version":3,"file":"MarkdownFlow.es.js","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InteractionDefaultValueOptions } from \"../../lib/interaction-defaults\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n  initialContentList?: {\n    content: string;\n    isFinished?: boolean;\n    userInput?: string;\n    defaultInputText?: string;\n    defaultButtonText?: string;\n    defaultSelectedValues?: string[];\n    readonly?: boolean;\n    customRenderBar?: CustomRenderBarProps;\n    onClickCustomButtonAfterContent?: () => void;\n    dynamicInteractionFormat?: string;\n  }[];\n  customRenderBar?: CustomRenderBarProps;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text for code blocks\n  copyButtonText?: string;\n  // Copied state text for code blocks\n  copiedButtonText?: string;\n  beforeSend?: (content: OnSendContentParams) => boolean;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n  initialContentList = [],\n  customRenderBar,\n  onSend: onSendProp,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend: beforeSendProp,\n  interactionDefaultValueOptions,\n}) => {\n  return (\n    <div className=\"markdown-flow\">\n      {initialContentList.map((contentInfo, index) => {\n        const isFinished = contentInfo.isFinished ?? false;\n        const onSend = isFinished ? undefined : onSendProp;\n        const beforeSend = beforeSendProp ?? (() => true);\n        return (\n          <ContentRender\n            key={index}\n            content={contentInfo.content}\n            userInput={contentInfo.userInput}\n            defaultInputText={contentInfo.defaultInputText}\n            defaultButtonText={contentInfo.defaultButtonText}\n            defaultSelectedValues={contentInfo.defaultSelectedValues}\n            readonly={contentInfo.readonly}\n            customRenderBar={contentInfo.customRenderBar || customRenderBar}\n            onSend={onSend}\n            beforeSend={beforeSend}\n            interactionDefaultValueOptions={interactionDefaultValueOptions}\n            onClickCustomButtonAfterContent={\n              contentInfo.onClickCustomButtonAfterContent\n            }\n            confirmButtonText={confirmButtonText}\n            copyButtonText={copyButtonText}\n            copiedButtonText={copiedButtonText}\n            dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","customRenderBar","onSendProp","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","interactionDefaultValueOptions","jsx","contentInfo","index","onSend","beforeSend","ContentRender"],"mappings":";;;;;;AA+BA,MAAMA,IAA4C,CAAC;AAAA,EACjD,oBAAAC,IAAqB,CAAA;AAAA,EACrB,iBAAAC;AAAA,EACA,QAAQC;AAAA,EACR,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,gCAAAC;AACF,MAEIC,gBAAAA,MAAC,SAAI,WAAU,iBACZ,YAAmB,IAAI,CAACC,GAAaC,MAAU;AAE9C,QAAMC,IADaF,EAAY,cAAc,KACjB,SAAYP,GAClCU,IAAaN,MAAmB,MAAM;AAC5C,SACEE,gBAAAA,EAAAA;AAAAA,IAACK;AAAA,IAAA;AAAA,MAEC,SAASJ,EAAY;AAAA,MACrB,WAAWA,EAAY;AAAA,MACvB,kBAAkBA,EAAY;AAAA,MAC9B,mBAAmBA,EAAY;AAAA,MAC/B,uBAAuBA,EAAY;AAAA,MACnC,UAAUA,EAAY;AAAA,MACtB,iBAAiBA,EAAY,mBAAmBR;AAAA,MAChD,QAAAU;AAAA,MACA,YAAAC;AAAA,MACA,gCAAAL;AAAA,MACA,iCACEE,EAAY;AAAA,MAEd,mBAAAN;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,0BAA0BI,EAAY;AAAA,IAAA;AAAA,IAjBjCC;AAAA,EAAA;AAoBX,CAAC,EAAA,CACH;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),fn=require("../../lib/sandboxInteraction.cjs.js"),z=require("../../lib/utils.cjs.js"),mn=require("../ui/loading-overlay-card.cjs.js"),pn=require("../ContentRender/ContentRender.cjs.js"),St=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const yt=require("../../lib/interaction-defaults.cjs.js"),Se=require("../../lib/mobileDevice.cjs.js"),hn=require("./Player.cjs.js"),xn=require("./SubtitleOverlay.cjs.js"),bn=require("./useSlide.cjs.js"),vn=require("./useWakePlayerFromIframe.cjs.js"),le=require("./utils/mobileScreenMode.cjs.js"),En=require("./utils/interactionPlayback.cjs.js"),Sn=require("./utils/appendedMarkerAdvance.cjs.js"),yn=require("./utils/playbackSequence.cjs.js"),gt=require("./utils/playerCustomActions.cjs.js"),gn=require("./utils/playbackTimeStore.cjs.js"),An=require("./utils/playerToggleMode.cjs.js");;/* empty css               */const Rn=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),In=2e3,wn=300,_n=160,Cn=16,qe="waitingForAudio",At={waitingForAudio:"Waiting for current slide audio...",loadingAudio:"Loading current slide audio...",waitingForMoreAudio:"Waiting for more current slide audio..."},Mn=(h,E)=>typeof h=="string"?h:h[E]??h[qe]??At[E],kn=(h,E)=>E?h!=="loadingAudio":!1,Rt=t.memo(({content:h,title:E,defaultButtonText:S,defaultInputText:$,defaultSelectedValues:y,confirmButtonText:N,copyButtonText:Y,copiedButtonText:ye,onSend:ge,readonly:q=!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:E})}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:r.jsxRuntimeExports.jsx(pn.default,{content:h,defaultButtonText:S,defaultInputText:$,defaultSelectedValues:y,confirmButtonText:N,copyButtonText:Y,copiedButtonText:ye,onSend:ge,readonly:q,enableTypewriter:!1,sandboxMode:"content"})})]}));Rt.displayName="InteractionOverlayCard";const Tn=(h,E)=>h.length===E.length&&h.every((S,$)=>{const y=E[$];return S.sequence_number===y?.sequence_number&&S.type===y?.type&&S.content===y?.content}),Pn=({elementList:h=[],showPlayer:E=!0,playerAlwaysVisible:S=!1,playerClassName:$,fullscreenHeader:y,playerCustomActions:N,playerCustomActionPauseOnActive:Y=!0,bufferingText:ye=At,interactionTitle:ge,interactionTexts:q,playerTexts:It,playerAutoHideDelay:Ae=3e3,markerAutoAdvanceDelay:Oe=In,interactionDefaultValueOptions:ie,onSend:Le,onPlayerVisibilityChange:Re,onMobileViewModeChange:Ve,onStepChange:De,enableIframeScaling:wt=!0,disableLoadingOverlay:R=!1,className:_t,onPointerDown:Ke,...Ct})=>{const ce=t.useRef(null),Ue=t.useRef(null),Ie=t.useRef(null),We=t.useRef(null),X=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),Z=t.useRef(null),Ge=t.useRef(null),He=t.useRef([]),ae=t.useRef(!1),O=t.useRef(null),ze=t.useRef(null),$e=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),{currentElementList:k,stepElementLists:Ye,slideElementList:T,currentIndex:c,audioList:d,currentAudioSequenceIndexes:de,currentStepHasSpeakableElement:x,currentInteractionElement:i,canGoPrev:Mt,canGoNext:v,handlePrev:Xe,handleNext:I}=bn.default(h),ee=t.useMemo(()=>{if(!(c<0))return T[c]},[c,T]),kt=T.filter(e=>e.is_renderable!==!1).length===1,g=E&&(T.length>0||d.length>0||!!i),w=t.useMemo(()=>de.map(e=>d[e]?.audioKey).filter(e=>!!e),[d,de]),[Je,fe]=t.useState(!0),[me,te]=t.useState(!1),[ne,Qe]=t.useState(!0),[f,L]=t.useState(null),[Tt,m]=t.useState(!1),[Pt,we]=t.useState(qe),[_,Ze]=t.useState(!1),[jt,_e]=t.useState(!1),[et,Ft]=t.useState(!0),[Ce,Me]=t.useState(!1),[s,ke]=t.useState(),[pe,he]=t.useState(!1),[Bt,re]=t.useState(0),[tt,Nt]=t.useState(!1),P=t.useMemo(()=>Se.isMobileDevice(),[]),[xe,Te]=t.useState(le.DEFAULT_MOBILE_VIEW_MODE),[nt,Pe]=t.useState(!1),[qt,rt]=t.useState(()=>P?Se.isLandscapeViewport():!1),V=t.useMemo(()=>gn.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:D,isImmersiveMobileFullscreen:K,isNativeMobileFullscreen:st,shouldRotateFullscreenViewport:Ot}=t.useMemo(()=>le.resolveMobileViewModeState({hasManualMobileViewMode:nt,isMobileDevice:P,mobileViewMode:xe}),[nt,P,qt,xe]),Lt=t.useRef(D),C=g&&(S||Je),Vt=K&&C,Dt=K&&C,Kt=K||st,ot=tt&&!P,Ut=t.useCallback(e=>{Pe(!0),Te(e)},[]),ut=t.useCallback(()=>{Pe(!1),Te(le.DEFAULT_MOBILE_VIEW_MODE)},[]),Wt=t.useCallback(()=>{ut(),y?.onBack?.()},[y,ut]),lt=t.useCallback(e=>{Me(e)},[]),it=t.useCallback(()=>{Me(e=>!e)},[]),{mountedStepStates:Gt,currentMountedStateIndex:Ht}=t.useMemo(()=>{const e=[],n=new Map;return Ye.forEach((u,a)=>{const o=e.findIndex(l=>Tn(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:c>=0?n.get(c)??-1:-1}},[c,Ye]),ct=t.useMemo(()=>String(c),[c]),p=t.useMemo(()=>f?d.findIndex(e=>(e.audioKey??"")===f):-1,[d,f]),je=t.useMemo(()=>p>=0?d[p]:void 0,[d,p]),zt=je?.element?.subtitle_cues??[],be=t.useMemo(()=>w[0]??"none",[w]),Fe=t.useMemo(()=>({currentElement:gt.resolvePlayerCustomActionElement({currentAudioIndex:p,currentAudioSequenceIndexes:de,audioList:d,currentInteractionElement:s,currentStepElement:ee}),currentIndex:c,currentStepElement:ee,isActive:Ce,setActive:lt,toggleActive:it}),[s,d,p,de,c,ee,Ce,lt,it]),Be=t.useMemo(()=>gt.getPlayerCustomActionCount(N,Fe),[Fe,N]),$t=t.useMemo(()=>({"--slide-player-custom-action-count":String(Be),"--slide-player-mobile-control-count":String(Be+4)}),[Be]),at=w.length>0,dt=t.useMemo(()=>i?`${i.sequence_number??"none"}:${String(i.content??"")}`:"none",[i]),se=t.useMemo(()=>[ct,dt].join("|"),[dt,ct]),Yt=t.useMemo(()=>[se,je?.audioKey??"none",String(p)].join("|"),[p,je?.audioKey,se]),ft=!!t.useMemo(()=>!be||be==="none"?"":d.find(n=>n.audioKey===be)?.audioUrl?.trim()??"",[d,be]),F=Y&&!!N&&Ce,oe=t.useMemo(()=>An.shouldUseAutoAdvanceToggle({canGoNext:v,currentAudioIndex:p,currentStepHasSpeakableElement:x,hasInteraction:!!i}),[v,p,i,x]),B=t.useCallback(()=>{X.current!==null&&(window.clearTimeout(X.current),X.current=null)},[]),j=t.useCallback(()=>{Q.current!==null&&(window.clearTimeout(Q.current),Q.current=null)},[]),M=t.useCallback(()=>{Z.current!==null&&(window.clearTimeout(Z.current),Z.current=null)},[]),U=t.useCallback(()=>{J.current!==null&&(window.clearTimeout(J.current),J.current=null)},[]),W=t.useCallback(()=>{U(),j(),M(),L(null),V.reset(),m(!1),we(qe),Ze(!1),_e(!1),ke(void 0),he(!1),re(0)},[U,j,M,V]),G=t.useCallback(()=>{const e=w[0];return e?(L(e),!0):!1},[w]),ve=t.useCallback(()=>{j(),M(),he(!1),re(0),!G()&&v&&I()},[v,j,M,I,G]),mt=t.useCallback(e=>{if(M(),!e)return;const n=()=>{Z.current=null,re(_n),he(!0),O.current=null};Z.current=window.setTimeout(n,wn)},[M]),b=t.useCallback((e=me)=>{g&&(fe(!0),B(),!(S||!e||Ae<=0)&&(X.current=window.setTimeout(()=>{fe(!1),X.current=null},Ae)))},[B,me,S,Ae,g]),ue=!!(i?.readonly||i?.user_input?.trim()),H=!!i&&!ue;t.useEffect(()=>{Qe(!0),Y&&Me(!1)},[c,Y]),t.useEffect(()=>()=>{U(),B(),j(),M()},[U,j,M,B]),t.useEffect(()=>(Re?.(C),()=>{Re?.(!1)}),[Re,C]),t.useEffect(()=>{P||xe===le.DEFAULT_MOBILE_VIEW_MODE||(Pe(!1),Te(le.DEFAULT_MOBILE_VIEW_MODE))},[P,xe]),t.useEffect(()=>{if(!P){rt(!1);return}const e=()=>{rt(Se.isLandscapeViewport())};return e(),Se.subscribeMobileDeviceChange(e)},[P]),t.useEffect(()=>{Ve?.(D)},[D,Ve]),t.useEffect(()=>{Lt.current=D},[D]),t.useEffect(()=>{De?.(ee,c)},[c,ee,De]),t.useEffect(()=>{const e=$e.current,n=Sn.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:T.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:v,currentAudioKey:f,hasCompletedCurrentStepAudio:_,hasResolvedCurrentInteraction:ue,currentStepHasSpeakableElement:x,currentInteractionElement:i,isAutoAdvanceEnabled:ne,shouldUseSilentStepAutoAdvanceToggle:oe});$e.current={markerCount:T.length,currentIndex:c,canGoNext:v},n&&I()},[v,f,c,i,x,I,_,ue,ne,oe,T.length]),t.useEffect(()=>{if(!g){B(),fe(!1);return}if(S){B(),fe(!0);return}me||b(!0)},[B,me,S,g,b]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&fn.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&g&&(te(!0),b(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[g,b]),vn.default({sectionRef:ce,enabled:g,onWake:()=>{te(!0),b(!0)}}),t.useEffect(()=>{const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=yn.getPlaybackSequenceTransition({previousResetKey:ze.current,nextResetKey:se,currentAudioKey:f,hasCompletedCurrentStepAudio:_});ze.current=se;const u=O.current===c&&!!i,a=En.shouldPresentInteractionOverlay({hasInteraction:!!i,shouldBlockPlaybackForInteraction:H,shouldOpenInteractionOverlayAfterAudio:u,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:ue,currentStepHasSpeakableElement:x});if(e&&W(),!(k.length===0&&!i)&&!F){if(i&&ke(i),a){mt(i);return}if(M(),O.current=null,!!n&&!G()){if(x){if(R){m(!1);return}m(!0);return}if(v&&!(oe&&!ne))return J.current=window.setTimeout(()=>{J.current=null,I()},Oe),()=>{U()}}}},[v,U,k.length,i,f,se,x,Oe,I,_,R,ne,ue,H,M,W,mt,G,F,oe]),t.useEffect(()=>{if(R||F||!x||H){m(!1);return}if(_){m(!1);return}if(at){m(!1);return}we("waitingForAudio"),m(!0)},[at,x,_,R,F,H]),t.useEffect(()=>{f||w.length===0||F||!x||H||_||G()},[f,w,x,_,F,H,G]),t.useEffect(()=>{!f||p>=0||L(null)},[p,f]),t.useEffect(()=>{p>=0||V.reset()},[p,V]),t.useEffect(()=>{_e(!1)},[Yt]);const pt=t.useMemo(()=>{if(!s)return{};const e=!!s.user_input?.trim();return yt.getInteractionDefaultValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:ie)},[s,ie]),Xt=t.useMemo(()=>{if(!s)return;const e=!!s.user_input?.trim();return yt.getInteractionDefaultSelectedValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:ie)},[s,ie]),ht=!!s?.user_input?.trim(),xt=!!s?.readonly||ht,bt=xt||ht,Ne=!!s&&pe,Jt=t.useCallback(e=>{const u=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");ke(a=>!a||!u?a:{...a,user_input:u}),Le?.(e,s),ve()},[s,ve,Le]);t.useEffect(()=>{const e=()=>{Nt(document.fullscreenElement===ce.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{if(!Ne){re(0);return}const e=Ge.current;if(!e)return;const n=()=>{const a=Math.ceil(e.getBoundingClientRect().height);re(a+Cn)};if(n(),typeof ResizeObserver>"u")return;const u=new ResizeObserver(()=>{n()});return u.observe(e),()=>{u.disconnect()}},[Ne]),t.useEffect(()=>{if(j(),!(!pe||!bt))return Q.current=window.setTimeout(()=>{Q.current=null,ve()},2e3),()=>{j()}},[j,ve,pe,bt]);const Qt=(e,n={})=>e?e.type==="slot"?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?r.jsxRuntimeExports.jsx(St.default,{className:"content-render-iframe",disableLoadingOverlay:R,hideFullScreen:!0,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:wt}):r.jsxRuntimeExports.jsx(St.default,{className:"content-render-iframe",disableLoadingOverlay:R,hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,Zt=(e=[],n=!1)=>{if(e.length===0)return null;const u=e.filter(o=>o.is_renderable!==!1).length,a=e.reduce((o,l,A)=>l.is_renderable!==!1?A:o,-1);return r.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((o,l)=>{const A=o.type==="html"&&o.is_renderable===!1;return r.jsxRuntimeExports.jsx("div",{ref:n&&l===a?We:null,"aria-hidden":A||void 0,className:z.cn("w-full shrink-0",u===1&&o.is_renderable!==!1&&"slide-element--single",A?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":o.is_renderable===!1&&"hidden"),children:Qt(o,{replaceRootScreenHeightWithFull:u===1&&o.type==="html"&&o.is_renderable!==!1})},o.sequence_number??`${o.type}-${l}`)})})},en=t.useCallback(()=>{const e=ce.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),vt=t.useCallback(()=>{const e=Ie.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),tn=t.useCallback(()=>{ae.current=!0,O.current=null,te(!0),m(!1),b(!0),W(),Xe()},[Xe,W,b]),nn=t.useCallback(()=>{ae.current=!0,O.current=null,te(!0),m(!1),b(!0),W(),I()},[I,W,b]),rn=t.useCallback(({loading:e,reason:n})=>{if(R){m(!1);return}if(!x||_){m(!1);return}e&&n&&we(n),m(kn(n,e))},[x,_,R]);t.useEffect(()=>{R&&m(!1)},[R]);const sn=t.useCallback(e=>{const n=d[e]?.audioKey;if(!n||!f||n!==f)return;const u=w.findIndex(l=>l===n);if(u<0){L(null);return}const a=u+1,o=w[a];if(o){L(o);return}if(L(null),Ze(!0),m(!1),v){const l=c+1,A=T[l];ft&&A?.type==="interaction"&&(O.current=l),I();return}},[d,v,c,f,w,I,ft,T]),on=t.useCallback(()=>{s&&he(e=>!e)},[s]),Et=t.useCallback(e=>{e.stopPropagation(),C&&b(!0)},[Je,b]),un=t.useCallback(e=>{Ke?.(e)},[Ke]),ln=t.useCallback(()=>{te(!0),b(!0)},[b]),Ee=t.useMemo(()=>k.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[k]);return t.useEffect(()=>{const e=He.current,a=(e.length>0&&e.length<Ee.length&&e.every((l,A)=>l===Ee[A])?k.slice(e.length):[]).some(l=>l.is_new===!1);if(He.current=Ee,!a)return;const o=window.requestAnimationFrame(()=>{const l=Ie.current,A=We.current;if(!l||!A)return;const cn=l.getBoundingClientRect(),an=A.getBoundingClientRect(),dn=l.scrollTop+(an.top-cn.top);l.scrollTo({top:Math.max(dn,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(o)}},[k,Ee]),t.useEffect(()=>{if(!ae.current||(ae.current=!1,k.length===0))return;const e=window.requestAnimationFrame(()=>{vt()});return()=>{window.cancelAnimationFrame(e)}},[k,vt]),r.jsxRuntimeExports.jsxs("section",{ref:ce,className:z.cn("relative h-full w-full",P&&"slide--mobile-device",ot&&"slide--browser-fullscreen",K&&"slide--mobile-landscape",st&&"slide--mobile-landscape-native",_t),onClick:ln,onPointerDown:un,...Ct,children:[Kt?r.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,r.jsxRuntimeExports.jsxs("div",{ref:Ue,className:z.cn("slide__viewport relative h-full min-h-0 w-full",K&&"slide__viewport--mobile-landscape",K&&!Ot&&"slide__viewport--mobile-landscape-native"),children:[Vt?r.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[r.jsxRuntimeExports.jsx("button",{"aria-label":y?.backAriaLabel??"Back",className:"slide-landscape-header__back",onClick:Wt,type:"button",children:r.jsxRuntimeExports.jsx(Rn.default,{className:"slide-landscape-header__icon h-6 w-6",strokeWidth:2.25})}),y?.content?r.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:y.content}):null]}):null,r.jsxRuntimeExports.jsx("div",{className:z.cn("h-full min-h-0 w-full",Dt&&"slide__viewport-content--with-header",kt?"slide-content--single":"grid gap-4"),children:k.length>0?r.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:r.jsxRuntimeExports.jsx("div",{ref:Ie,className:"slide-stage__layer w-full",children:Gt.map((e,n)=>{const u=n===Ht;return r.jsxRuntimeExports.jsx("div",{"aria-hidden":!u||void 0,className:"w-full h-full",style:{display:u?void 0:"none"},children:Zt(e.elementList,u)},e.sourceStepIndexes[0]??n)})})}):null}),Tt?r.jsxRuntimeExports.jsx(mn.default,{message:Mn(ye,Pt),className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,r.jsxRuntimeExports.jsx(xn.default,{extraBottomOffset:Bt,hasPlayerGap:C,isEnabled:et&&jt,isPlayerHidden:g&&!C,playbackTimeStore:V,subtitleCues:zt}),Ne?r.jsxRuntimeExports.jsx("div",{ref:Ge,className:z.cn("slide-interaction-overlay",C&&g?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:Et,onPointerDown:Et,style:$t,children:r.jsxRuntimeExports.jsx(Rt,{content:String(s?.content??""),defaultButtonText:pt.buttonText??"",defaultInputText:pt.inputText??"",defaultSelectedValues:Xt,confirmButtonText:q?.confirmButtonText,copyButtonText:q?.copyButtonText,copiedButtonText:q?.copiedButtonText,onSend:Jt,readonly:xt,title:q?.title??ge??"Submit the content below to continue."})}):null,g?r.jsxRuntimeExports.jsx(hn.default,{audioList:d,className:z.cn("absolute left-1/2 z-[2] -translate-x-1/2",ot?"bottom-3":"-bottom-3",$,!C&&"pointer-events-none opacity-0"),currentAudioIndex:p,defaultPlaying:!0,isPlaybackPaused:F,isAutoAdvanceEnabled:ne,hasInteraction:!!s,isInteractionOpen:pe,isSubtitleEnabled:et,onAutoAdvanceToggle:Qe,onLoadingChange:rn,onPlaybackStarted:()=>{_e(!0)},onPlaybackTimeChange:V.setTime,onSubtitleToggle:()=>{Ft(e=>!e)},nextDisabled:!v,onEnded:sn,onFullscreen:en,isFullscreen:tt,mobileViewMode:D,settingsPortalContainer:Ue.current,onMobileViewModeChange:Ut,onInteractionToggle:on,onNext:nn,onPrev:tn,prevDisabled:!Mt,showControls:C,texts:It,customActionContext:Fe,customActions:N,useAutoAdvanceToggle:oe}):null]})]})};exports.default=Pn;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),fn=require("../../lib/sandboxInteraction.cjs.js"),z=require("../../lib/utils.cjs.js"),mn=require("../ui/loading-overlay-card.cjs.js"),pn=require("../ContentRender/ContentRender.cjs.js"),St=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const yt=require("../../lib/interaction-defaults.cjs.js"),Se=require("../../lib/mobileDevice.cjs.js"),hn=require("./Player.cjs.js"),xn=require("./SubtitleOverlay.cjs.js"),bn=require("./useSlide.cjs.js"),vn=require("./useWakePlayerFromIframe.cjs.js"),le=require("./utils/mobileScreenMode.cjs.js"),En=require("./utils/interactionPlayback.cjs.js"),Sn=require("./utils/appendedMarkerAdvance.cjs.js"),yn=require("./utils/playbackSequence.cjs.js"),gt=require("./utils/playerCustomActions.cjs.js"),gn=require("./utils/playbackTimeStore.cjs.js"),An=require("./utils/playerToggleMode.cjs.js");;/* empty css               */const Rn=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),In=2e3,wn=300,_n=160,Cn=16,qe="waitingForAudio",At={waitingForAudio:"Waiting for current slide audio...",loadingAudio:"Loading current slide audio...",waitingForMoreAudio:"Waiting for more current slide audio..."},Mn=(h,E)=>typeof h=="string"?h:h[E]??h[qe]??At[E],kn=(h,E)=>E?h!=="loadingAudio":!1,Rt=t.memo(({content:h,title:E,defaultButtonText:S,defaultInputText:$,defaultSelectedValues:y,confirmButtonText:N,copyButtonText:Y,copiedButtonText:ye,onSend:ge,readonly:q=!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:E})}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:r.jsxRuntimeExports.jsx(pn.default,{content:h,defaultButtonText:S,defaultInputText:$,defaultSelectedValues:y,confirmButtonText:N,copyButtonText:Y,copiedButtonText:ye,onSend:ge,readonly:q,sandboxMode:"content"})})]}));Rt.displayName="InteractionOverlayCard";const Tn=(h,E)=>h.length===E.length&&h.every((S,$)=>{const y=E[$];return S.sequence_number===y?.sequence_number&&S.type===y?.type&&S.content===y?.content}),Pn=({elementList:h=[],showPlayer:E=!0,playerAlwaysVisible:S=!1,playerClassName:$,fullscreenHeader:y,playerCustomActions:N,playerCustomActionPauseOnActive:Y=!0,bufferingText:ye=At,interactionTitle:ge,interactionTexts:q,playerTexts:It,playerAutoHideDelay:Ae=3e3,markerAutoAdvanceDelay:Oe=In,interactionDefaultValueOptions:ie,onSend:Le,onPlayerVisibilityChange:Re,onMobileViewModeChange:Ve,onStepChange:De,enableIframeScaling:wt=!0,disableLoadingOverlay:R=!1,className:_t,onPointerDown:Ke,...Ct})=>{const ce=t.useRef(null),Ue=t.useRef(null),Ie=t.useRef(null),We=t.useRef(null),X=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),Z=t.useRef(null),Ge=t.useRef(null),He=t.useRef([]),ae=t.useRef(!1),O=t.useRef(null),ze=t.useRef(null),$e=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),{currentElementList:k,stepElementLists:Ye,slideElementList:T,currentIndex:c,audioList:d,currentAudioSequenceIndexes:de,currentStepHasSpeakableElement:x,currentInteractionElement:i,canGoPrev:Mt,canGoNext:v,handlePrev:Xe,handleNext:I}=bn.default(h),ee=t.useMemo(()=>{if(!(c<0))return T[c]},[c,T]),kt=T.filter(e=>e.is_renderable!==!1).length===1,g=E&&(T.length>0||d.length>0||!!i),w=t.useMemo(()=>de.map(e=>d[e]?.audioKey).filter(e=>!!e),[d,de]),[Je,fe]=t.useState(!0),[me,te]=t.useState(!1),[ne,Qe]=t.useState(!0),[f,L]=t.useState(null),[Tt,m]=t.useState(!1),[Pt,we]=t.useState(qe),[_,Ze]=t.useState(!1),[jt,_e]=t.useState(!1),[et,Ft]=t.useState(!0),[Ce,Me]=t.useState(!1),[s,ke]=t.useState(),[pe,he]=t.useState(!1),[Bt,re]=t.useState(0),[tt,Nt]=t.useState(!1),P=t.useMemo(()=>Se.isMobileDevice(),[]),[xe,Te]=t.useState(le.DEFAULT_MOBILE_VIEW_MODE),[nt,Pe]=t.useState(!1),[qt,rt]=t.useState(()=>P?Se.isLandscapeViewport():!1),V=t.useMemo(()=>gn.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:D,isImmersiveMobileFullscreen:K,isNativeMobileFullscreen:st,shouldRotateFullscreenViewport:Ot}=t.useMemo(()=>le.resolveMobileViewModeState({hasManualMobileViewMode:nt,isMobileDevice:P,mobileViewMode:xe}),[nt,P,qt,xe]),Lt=t.useRef(D),C=g&&(S||Je),Vt=K&&C,Dt=K&&C,Kt=K||st,ot=tt&&!P,Ut=t.useCallback(e=>{Pe(!0),Te(e)},[]),ut=t.useCallback(()=>{Pe(!1),Te(le.DEFAULT_MOBILE_VIEW_MODE)},[]),Wt=t.useCallback(()=>{ut(),y?.onBack?.()},[y,ut]),lt=t.useCallback(e=>{Me(e)},[]),it=t.useCallback(()=>{Me(e=>!e)},[]),{mountedStepStates:Gt,currentMountedStateIndex:Ht}=t.useMemo(()=>{const e=[],n=new Map;return Ye.forEach((u,a)=>{const o=e.findIndex(l=>Tn(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:c>=0?n.get(c)??-1:-1}},[c,Ye]),ct=t.useMemo(()=>String(c),[c]),p=t.useMemo(()=>f?d.findIndex(e=>(e.audioKey??"")===f):-1,[d,f]),je=t.useMemo(()=>p>=0?d[p]:void 0,[d,p]),zt=je?.element?.subtitle_cues??[],be=t.useMemo(()=>w[0]??"none",[w]),Fe=t.useMemo(()=>({currentElement:gt.resolvePlayerCustomActionElement({currentAudioIndex:p,currentAudioSequenceIndexes:de,audioList:d,currentInteractionElement:s,currentStepElement:ee}),currentIndex:c,currentStepElement:ee,isActive:Ce,setActive:lt,toggleActive:it}),[s,d,p,de,c,ee,Ce,lt,it]),Be=t.useMemo(()=>gt.getPlayerCustomActionCount(N,Fe),[Fe,N]),$t=t.useMemo(()=>({"--slide-player-custom-action-count":String(Be),"--slide-player-mobile-control-count":String(Be+4)}),[Be]),at=w.length>0,dt=t.useMemo(()=>i?`${i.sequence_number??"none"}:${String(i.content??"")}`:"none",[i]),se=t.useMemo(()=>[ct,dt].join("|"),[dt,ct]),Yt=t.useMemo(()=>[se,je?.audioKey??"none",String(p)].join("|"),[p,je?.audioKey,se]),ft=!!t.useMemo(()=>!be||be==="none"?"":d.find(n=>n.audioKey===be)?.audioUrl?.trim()??"",[d,be]),F=Y&&!!N&&Ce,oe=t.useMemo(()=>An.shouldUseAutoAdvanceToggle({canGoNext:v,currentAudioIndex:p,currentStepHasSpeakableElement:x,hasInteraction:!!i}),[v,p,i,x]),B=t.useCallback(()=>{X.current!==null&&(window.clearTimeout(X.current),X.current=null)},[]),j=t.useCallback(()=>{Q.current!==null&&(window.clearTimeout(Q.current),Q.current=null)},[]),M=t.useCallback(()=>{Z.current!==null&&(window.clearTimeout(Z.current),Z.current=null)},[]),U=t.useCallback(()=>{J.current!==null&&(window.clearTimeout(J.current),J.current=null)},[]),W=t.useCallback(()=>{U(),j(),M(),L(null),V.reset(),m(!1),we(qe),Ze(!1),_e(!1),ke(void 0),he(!1),re(0)},[U,j,M,V]),G=t.useCallback(()=>{const e=w[0];return e?(L(e),!0):!1},[w]),ve=t.useCallback(()=>{j(),M(),he(!1),re(0),!G()&&v&&I()},[v,j,M,I,G]),mt=t.useCallback(e=>{if(M(),!e)return;const n=()=>{Z.current=null,re(_n),he(!0),O.current=null};Z.current=window.setTimeout(n,wn)},[M]),b=t.useCallback((e=me)=>{g&&(fe(!0),B(),!(S||!e||Ae<=0)&&(X.current=window.setTimeout(()=>{fe(!1),X.current=null},Ae)))},[B,me,S,Ae,g]),ue=!!(i?.readonly||i?.user_input?.trim()),H=!!i&&!ue;t.useEffect(()=>{Qe(!0),Y&&Me(!1)},[c,Y]),t.useEffect(()=>()=>{U(),B(),j(),M()},[U,j,M,B]),t.useEffect(()=>(Re?.(C),()=>{Re?.(!1)}),[Re,C]),t.useEffect(()=>{P||xe===le.DEFAULT_MOBILE_VIEW_MODE||(Pe(!1),Te(le.DEFAULT_MOBILE_VIEW_MODE))},[P,xe]),t.useEffect(()=>{if(!P){rt(!1);return}const e=()=>{rt(Se.isLandscapeViewport())};return e(),Se.subscribeMobileDeviceChange(e)},[P]),t.useEffect(()=>{Ve?.(D)},[D,Ve]),t.useEffect(()=>{Lt.current=D},[D]),t.useEffect(()=>{De?.(ee,c)},[c,ee,De]),t.useEffect(()=>{const e=$e.current,n=Sn.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:T.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:v,currentAudioKey:f,hasCompletedCurrentStepAudio:_,hasResolvedCurrentInteraction:ue,currentStepHasSpeakableElement:x,currentInteractionElement:i,isAutoAdvanceEnabled:ne,shouldUseSilentStepAutoAdvanceToggle:oe});$e.current={markerCount:T.length,currentIndex:c,canGoNext:v},n&&I()},[v,f,c,i,x,I,_,ue,ne,oe,T.length]),t.useEffect(()=>{if(!g){B(),fe(!1);return}if(S){B(),fe(!0);return}me||b(!0)},[B,me,S,g,b]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&fn.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&g&&(te(!0),b(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[g,b]),vn.default({sectionRef:ce,enabled:g,onWake:()=>{te(!0),b(!0)}}),t.useEffect(()=>{const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=yn.getPlaybackSequenceTransition({previousResetKey:ze.current,nextResetKey:se,currentAudioKey:f,hasCompletedCurrentStepAudio:_});ze.current=se;const u=O.current===c&&!!i,a=En.shouldPresentInteractionOverlay({hasInteraction:!!i,shouldBlockPlaybackForInteraction:H,shouldOpenInteractionOverlayAfterAudio:u,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:ue,currentStepHasSpeakableElement:x});if(e&&W(),!(k.length===0&&!i)&&!F){if(i&&ke(i),a){mt(i);return}if(M(),O.current=null,!!n&&!G()){if(x){if(R){m(!1);return}m(!0);return}if(v&&!(oe&&!ne))return J.current=window.setTimeout(()=>{J.current=null,I()},Oe),()=>{U()}}}},[v,U,k.length,i,f,se,x,Oe,I,_,R,ne,ue,H,M,W,mt,G,F,oe]),t.useEffect(()=>{if(R||F||!x||H){m(!1);return}if(_){m(!1);return}if(at){m(!1);return}we("waitingForAudio"),m(!0)},[at,x,_,R,F,H]),t.useEffect(()=>{f||w.length===0||F||!x||H||_||G()},[f,w,x,_,F,H,G]),t.useEffect(()=>{!f||p>=0||L(null)},[p,f]),t.useEffect(()=>{p>=0||V.reset()},[p,V]),t.useEffect(()=>{_e(!1)},[Yt]);const pt=t.useMemo(()=>{if(!s)return{};const e=!!s.user_input?.trim();return yt.getInteractionDefaultValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:ie)},[s,ie]),Xt=t.useMemo(()=>{if(!s)return;const e=!!s.user_input?.trim();return yt.getInteractionDefaultSelectedValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:ie)},[s,ie]),ht=!!s?.user_input?.trim(),xt=!!s?.readonly||ht,bt=xt||ht,Ne=!!s&&pe,Jt=t.useCallback(e=>{const u=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");ke(a=>!a||!u?a:{...a,user_input:u}),Le?.(e,s),ve()},[s,ve,Le]);t.useEffect(()=>{const e=()=>{Nt(document.fullscreenElement===ce.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{if(!Ne){re(0);return}const e=Ge.current;if(!e)return;const n=()=>{const a=Math.ceil(e.getBoundingClientRect().height);re(a+Cn)};if(n(),typeof ResizeObserver>"u")return;const u=new ResizeObserver(()=>{n()});return u.observe(e),()=>{u.disconnect()}},[Ne]),t.useEffect(()=>{if(j(),!(!pe||!bt))return Q.current=window.setTimeout(()=>{Q.current=null,ve()},2e3),()=>{j()}},[j,ve,pe,bt]);const Qt=(e,n={})=>e?e.type==="slot"?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?r.jsxRuntimeExports.jsx(St.default,{className:"content-render-iframe",disableLoadingOverlay:R,hideFullScreen:!0,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:wt}):r.jsxRuntimeExports.jsx(St.default,{className:"content-render-iframe",disableLoadingOverlay:R,hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,Zt=(e=[],n=!1)=>{if(e.length===0)return null;const u=e.filter(o=>o.is_renderable!==!1).length,a=e.reduce((o,l,A)=>l.is_renderable!==!1?A:o,-1);return r.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((o,l)=>{const A=o.type==="html"&&o.is_renderable===!1;return r.jsxRuntimeExports.jsx("div",{ref:n&&l===a?We:null,"aria-hidden":A||void 0,className:z.cn("w-full shrink-0",u===1&&o.is_renderable!==!1&&"slide-element--single",A?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":o.is_renderable===!1&&"hidden"),children:Qt(o,{replaceRootScreenHeightWithFull:u===1&&o.type==="html"&&o.is_renderable!==!1})},o.sequence_number??`${o.type}-${l}`)})})},en=t.useCallback(()=>{const e=ce.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),vt=t.useCallback(()=>{const e=Ie.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),tn=t.useCallback(()=>{ae.current=!0,O.current=null,te(!0),m(!1),b(!0),W(),Xe()},[Xe,W,b]),nn=t.useCallback(()=>{ae.current=!0,O.current=null,te(!0),m(!1),b(!0),W(),I()},[I,W,b]),rn=t.useCallback(({loading:e,reason:n})=>{if(R){m(!1);return}if(!x||_){m(!1);return}e&&n&&we(n),m(kn(n,e))},[x,_,R]);t.useEffect(()=>{R&&m(!1)},[R]);const sn=t.useCallback(e=>{const n=d[e]?.audioKey;if(!n||!f||n!==f)return;const u=w.findIndex(l=>l===n);if(u<0){L(null);return}const a=u+1,o=w[a];if(o){L(o);return}if(L(null),Ze(!0),m(!1),v){const l=c+1,A=T[l];ft&&A?.type==="interaction"&&(O.current=l),I();return}},[d,v,c,f,w,I,ft,T]),on=t.useCallback(()=>{s&&he(e=>!e)},[s]),Et=t.useCallback(e=>{e.stopPropagation(),C&&b(!0)},[Je,b]),un=t.useCallback(e=>{Ke?.(e)},[Ke]),ln=t.useCallback(()=>{te(!0),b(!0)},[b]),Ee=t.useMemo(()=>k.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[k]);return t.useEffect(()=>{const e=He.current,a=(e.length>0&&e.length<Ee.length&&e.every((l,A)=>l===Ee[A])?k.slice(e.length):[]).some(l=>l.is_new===!1);if(He.current=Ee,!a)return;const o=window.requestAnimationFrame(()=>{const l=Ie.current,A=We.current;if(!l||!A)return;const cn=l.getBoundingClientRect(),an=A.getBoundingClientRect(),dn=l.scrollTop+(an.top-cn.top);l.scrollTo({top:Math.max(dn,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(o)}},[k,Ee]),t.useEffect(()=>{if(!ae.current||(ae.current=!1,k.length===0))return;const e=window.requestAnimationFrame(()=>{vt()});return()=>{window.cancelAnimationFrame(e)}},[k,vt]),r.jsxRuntimeExports.jsxs("section",{ref:ce,className:z.cn("relative h-full w-full",P&&"slide--mobile-device",ot&&"slide--browser-fullscreen",K&&"slide--mobile-landscape",st&&"slide--mobile-landscape-native",_t),onClick:ln,onPointerDown:un,...Ct,children:[Kt?r.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,r.jsxRuntimeExports.jsxs("div",{ref:Ue,className:z.cn("slide__viewport relative h-full min-h-0 w-full",K&&"slide__viewport--mobile-landscape",K&&!Ot&&"slide__viewport--mobile-landscape-native"),children:[Vt?r.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[r.jsxRuntimeExports.jsx("button",{"aria-label":y?.backAriaLabel??"Back",className:"slide-landscape-header__back",onClick:Wt,type:"button",children:r.jsxRuntimeExports.jsx(Rn.default,{className:"slide-landscape-header__icon h-6 w-6",strokeWidth:2.25})}),y?.content?r.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:y.content}):null]}):null,r.jsxRuntimeExports.jsx("div",{className:z.cn("h-full min-h-0 w-full",Dt&&"slide__viewport-content--with-header",kt?"slide-content--single":"grid gap-4"),children:k.length>0?r.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:r.jsxRuntimeExports.jsx("div",{ref:Ie,className:"slide-stage__layer w-full",children:Gt.map((e,n)=>{const u=n===Ht;return r.jsxRuntimeExports.jsx("div",{"aria-hidden":!u||void 0,className:"w-full h-full",style:{display:u?void 0:"none"},children:Zt(e.elementList,u)},e.sourceStepIndexes[0]??n)})})}):null}),Tt?r.jsxRuntimeExports.jsx(mn.default,{message:Mn(ye,Pt),className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,r.jsxRuntimeExports.jsx(xn.default,{extraBottomOffset:Bt,hasPlayerGap:C,isEnabled:et&&jt,isPlayerHidden:g&&!C,playbackTimeStore:V,subtitleCues:zt}),Ne?r.jsxRuntimeExports.jsx("div",{ref:Ge,className:z.cn("slide-interaction-overlay",C&&g?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:Et,onPointerDown:Et,style:$t,children:r.jsxRuntimeExports.jsx(Rt,{content:String(s?.content??""),defaultButtonText:pt.buttonText??"",defaultInputText:pt.inputText??"",defaultSelectedValues:Xt,confirmButtonText:q?.confirmButtonText,copyButtonText:q?.copyButtonText,copiedButtonText:q?.copiedButtonText,onSend:Jt,readonly:xt,title:q?.title??ge??"Submit the content below to continue."})}):null,g?r.jsxRuntimeExports.jsx(hn.default,{audioList:d,className:z.cn("absolute left-1/2 z-[2] -translate-x-1/2",ot?"bottom-3":"-bottom-3",$,!C&&"pointer-events-none opacity-0"),currentAudioIndex:p,defaultPlaying:!0,isPlaybackPaused:F,isAutoAdvanceEnabled:ne,hasInteraction:!!s,isInteractionOpen:pe,isSubtitleEnabled:et,onAutoAdvanceToggle:Qe,onLoadingChange:rn,onPlaybackStarted:()=>{_e(!0)},onPlaybackTimeChange:V.setTime,onSubtitleToggle:()=>{Ft(e=>!e)},nextDisabled:!v,onEnded:sn,onFullscreen:en,isFullscreen:tt,mobileViewMode:D,settingsPortalContainer:Ue.current,onMobileViewModeChange:Ut,onInteractionToggle:on,onNext:nn,onPrev:tn,prevDisabled:!Mt,showControls:C,texts:It,customActionContext:Fe,customActions:N,useAutoAdvanceToggle:oe}):null]})]})};exports.default=Pn;
 //# sourceMappingURL=Slide.cjs.js.map