markdown-flow-ui 0.2.7-dev.2 → 0.2.7-dev.3

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

@@ -1,256 +1,292 @@
-import { j as t } from "../../_virtual/jsx-runtime.es.js";
+import { j as r } from "../../_virtual/jsx-runtime.es.js";
 /* empty css                                                   */
 /* empty css                                             */
-import ce, { useState as be, useRef as W, useEffect as A, useMemo as h } from "react";
-import Te from "../../_virtual/index.es.js";
-import { sanitizeInvalidTagName as we } from "./utils/sanitize-invalid-tag-name.es.js";
-import { stripSvgTextLineBreaks as ke } from "./utils/strip-svg-text-line-breaks.es.js";
+import le, { useState as we, useRef as R, useEffect as V, useMemo as h } from "react";
+import Se from "../../_virtual/index.es.js";
+import { sanitizeInvalidTagName as ke } from "./utils/sanitize-invalid-tag-name.es.js";
+import { stripSvgTextLineBreaks as Be } from "./utils/strip-svg-text-line-breaks.es.js";
 /* empty css                     */
 /* empty css                             */
 import je from "./CodeBlock.es.js";
-import Ne from "./plugins/CustomVariable.es.js";
-import J from "./plugins/MermaidChart.es.js";
-import { preserveCustomVariableProperties as Be, restoreCustomVariableProperties as Ce } from "./utils/custom-variable-props.es.js";
-import { subsetLanguages as Se, highlightLanguages as Re } from "./utils/highlight-languages.es.js";
-import { mermaidBlockIsComplete as Le, parseMarkdownSegments as le } from "./utils/mermaid-parse.es.js";
+import Ce from "./plugins/CustomVariable.es.js";
+import Q from "./plugins/MermaidChart.es.js";
+import { preserveCustomVariableProperties as Ne, restoreCustomVariableProperties as Re } from "./utils/custom-variable-props.es.js";
+import { subsetLanguages as Le, highlightLanguages as Ae } from "./utils/highlight-languages.es.js";
+import { mermaidBlockIsComplete as $e, parseMarkdownSegments as ue } from "./utils/mermaid-parse.es.js";
 import { normalizeInlineHtml as de } from "./utils/normalize-inline-html.es.js";
-import Ae from "./IframeSandbox.es.js";
-import { splitContentSegments as $e } from "./utils/split-content.es.js";
-import { getInteractionDefaultValues as ze } from "../../lib/interaction-defaults.es.js";
-import { getContentRenderLocaleTexts as Me } from "./contentRenderI18n.es.js";
-import { Markdown as Fe } from "../../node_modules/react-markdown/lib/index.es.js";
-import Ie from "../../node_modules/rehype-raw/lib/index.es.js";
-import Ve from "../../node_modules/rehype-highlight/lib/index.es.js";
-import He from "../../node_modules/rehype-katex/lib/index.es.js";
-import De from "../../node_modules/remark-gfm/lib/index.es.js";
-import Pe from "../../node_modules/remark-math/lib/index.es.js";
-import We from "../../node_modules/remark-breaks/lib/index.es.js";
-const _e = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\b/i, me = ({ svg: r }) => {
-  const i = W(null);
-  return A(() => {
-    const s = i.current;
+import Ve from "./IframeSandbox.es.js";
+import { splitContentSegments as ze } from "./utils/split-content.es.js";
+import { getInteractionDefaultValues as Me } from "../../lib/interaction-defaults.es.js";
+import { getContentRenderLocaleTexts as De } from "./contentRenderI18n.es.js";
+import { Markdown as Ie } from "../../node_modules/react-markdown/lib/index.es.js";
+import Fe from "../../node_modules/rehype-raw/lib/index.es.js";
+import He from "../../node_modules/rehype-highlight/lib/index.es.js";
+import Pe from "../../node_modules/rehype-katex/lib/index.es.js";
+import We from "../../node_modules/remark-gfm/lib/index.es.js";
+import _e from "../../node_modules/remark-math/lib/index.es.js";
+import Ee from "../../node_modules/remark-breaks/lib/index.es.js";
+const qe = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\b/i, me = ({ svg: t }) => {
+  const n = R(null);
+  return V(() => {
+    const s = n.current;
     if (!s) return;
-    const a = s.shadowRoot ?? s.attachShadow({ mode: "open" }), T = "content-render-svg-style";
-    let f = a.getElementById(T);
-    f || (f = document.createElement("style"), f.id = T, f.textContent = `
+    const i = s.shadowRoot ?? s.attachShadow({ mode: "open" }), w = "content-render-svg-style";
+    let x = i.getElementById(w);
+    x || (x = document.createElement("style"), x.id = w, x.textContent = `
         svg { height: auto; display: inline-block; }
         svg.content-render-svg-el--responsive { width: 100%; max-width: 100%; }
         svg.content-render-svg-el--fixed { max-width: none; }
-      `, a.appendChild(f)), Array.from(a.childNodes).filter(
-      (o) => o !== f
-    ).forEach((o) => a.removeChild(o));
-    const S = document.createElement("template"), $ = ke(r);
-    S.innerHTML = $, a.append(S.content.cloneNode(!0));
-    let x = !1, R = !1;
-    a.querySelectorAll("svg").forEach((o) => {
-      const L = o.getAttribute("viewBox");
-      if (!L) return;
-      const w = L.trim().split(/[\s,]+/).map((m) => Number(m));
-      if (w.length !== 4 || w.some(Number.isNaN)) return;
-      const [, , k, y] = w, j = o.getAttribute("width"), N = o.getAttribute("height"), M = (m) => {
+      `, i.appendChild(x)), Array.from(i.childNodes).filter(
+      (a) => a !== x
+    ).forEach((a) => i.removeChild(a));
+    const L = document.createElement("template"), z = Be(t);
+    L.innerHTML = z, i.append(L.content.cloneNode(!0));
+    let v = !1, A = !1;
+    i.querySelectorAll("svg").forEach((a) => {
+      const $ = a.getAttribute("viewBox");
+      if (!$) return;
+      const S = $.trim().split(/[\s,]+/).map((m) => Number(m));
+      if (S.length !== 4 || S.some(Number.isNaN)) return;
+      const [, , k, b] = S, B = a.getAttribute("width"), j = a.getAttribute("height"), D = (m) => {
         if (!m) return !1;
-        const p = m.trim().toLowerCase();
-        return p === "auto" || p.endsWith("%");
-      }, F = (m) => {
+        const f = m.trim().toLowerCase();
+        return f === "auto" || f.endsWith("%");
+      }, I = (m) => {
         if (!m) return null;
-        const p = m.trim().toLowerCase();
-        if (p === "auto" || p.endsWith("%"))
+        const f = m.trim().toLowerCase();
+        if (f === "auto" || f.endsWith("%"))
           return null;
-        const P = Number.parseFloat(p);
-        return Number.isNaN(P) ? null : P;
-      }, _ = M(j), E = M(N), I = !j || j === "0", V = !N || N === "0", H = F(j), D = F(N);
-      if (_ || E || I && V || H === k && D === y) {
-        x = !0, o.classList.add("content-render-svg-el--responsive"), o.classList.remove("content-render-svg-el--fixed"), o.style.width = "100%", o.style.height = "auto", !o.style.aspectRatio && y > 0 && (o.style.aspectRatio = `${k} / ${y}`);
+        const _ = Number.parseFloat(f);
+        return Number.isNaN(_) ? null : _;
+      }, E = D(B), q = D(j), F = !B || B === "0", H = !j || j === "0", P = I(B), W = I(j);
+      if (E || q || F && H || P === k && W === b) {
+        v = !0, a.classList.add("content-render-svg-el--responsive"), a.classList.remove("content-render-svg-el--fixed"), a.style.width = "100%", a.style.height = "auto", !a.style.aspectRatio && b > 0 && (a.style.aspectRatio = `${k} / ${b}`);
         return;
       }
-      R = !0, o.classList.add("content-render-svg-el--fixed"), o.classList.remove("content-render-svg-el--responsive"), I && k > 0 && o.setAttribute("width", `${k}`), V && y > 0 && o.setAttribute("height", `${y}`);
+      A = !0, a.classList.add("content-render-svg-el--fixed"), a.classList.remove("content-render-svg-el--responsive"), F && k > 0 && a.setAttribute("width", `${k}`), H && b > 0 && a.setAttribute("height", `${b}`);
     });
-    const z = x && !R;
-    s.classList.toggle("content-render-svg--responsive", z), s.classList.toggle("content-render-svg--fixed", !z);
-  }, [r]), /* @__PURE__ */ t.jsx("div", { className: "content-render-svg-scroll", children: /* @__PURE__ */ t.jsx("div", { className: "content-render-svg", ref: i }) });
-}, Ee = [
-  De,
-  Pe,
-  Te,
-  We
-], Ge = [
-  Be,
-  Ie,
-  we,
-  Ce,
-  [Ve, { languages: Re, subset: Se }],
-  He
-], ue = ({ content: r, components: i }) => /* @__PURE__ */ t.jsx("div", { className: "markdown-renderer", children: /* @__PURE__ */ t.jsx(
+    const M = v && !A;
+    s.classList.toggle("content-render-svg--responsive", M), s.classList.toggle("content-render-svg--fixed", !M);
+  }, [t]), /* @__PURE__ */ r.jsx("div", { className: "content-render-svg-scroll", children: /* @__PURE__ */ r.jsx("div", { className: "content-render-svg", ref: n }) });
+}, Ge = [
+  We,
+  _e,
+  Se,
+  Ee
+], Ue = [
+  Ne,
   Fe,
+  ke,
+  Re,
+  [He, { languages: Ae, subset: Le }],
+  Pe
+], pe = ({ content: t, components: n }) => /* @__PURE__ */ r.jsx("div", { className: "markdown-renderer", children: /* @__PURE__ */ r.jsx(
+  Ie,
   {
-    remarkPlugins: Ee,
-    rehypePlugins: Ge,
-    components: i,
-    children: r
+    remarkPlugins: Ge,
+    rehypePlugins: Ue,
+    components: n,
+    children: t
   }
-) }), Ue = (r) => {
-  if (r.length <= 1) return r;
-  const i = [];
-  return r.forEach((s) => {
+) }), Ke = (t) => {
+  if (t.length <= 1) return t;
+  const n = [];
+  return t.forEach((s) => {
     if (s.type === "sandbox") {
-      i.push(s);
+      n.push(s);
       return;
     }
-    const a = i[i.length - 1];
-    if (a && a.type !== "sandbox") {
-      i[i.length - 1] = {
+    const i = n[n.length - 1];
+    if (i && i.type !== "sandbox") {
+      n[n.length - 1] = {
         type: "markdown",
-        value: `${a.value}${s.value}`
+        value: `${i.value}${s.value}`
       };
       return;
     }
-    i.push({ type: "markdown", value: s.value });
-  }), i;
-}, qe = (r, i) => {
-  const s = Math.max(1, i), a = Array.from(r);
+    n.push({ type: "markdown", value: s.value });
+  }), n;
+}, Oe = (t, n) => {
+  const s = Math.max(1, n), i = Array.from(t);
   return {
-    chunk: a.slice(0, s).join(""),
-    rest: a.slice(s).join("")
+    chunk: i.slice(0, s).join(""),
+    rest: i.slice(s).join("")
   };
-}, Tt = ({
-  content: r,
-  contentType: i,
+}, Xe = (t, n) => t === n ? !0 : !t || !n || t.length !== n.length ? !1 : t.every((s, i) => s === n[i]), Je = (t) => {
+  const n = R(t);
+  return Xe(n.current, t) || (n.current = t), n.current;
+}, Bt = ({
+  content: t,
+  contentType: n,
   locale: s,
-  customRenderBar: a,
-  onSend: T,
-  typingSpeed: f = 40,
-  enableTypewriter: Q = !1,
-  onTypeFinished: S,
-  onTypewriterStateChange: $,
-  userInput: x,
-  interactionDefaultValueOptions: R,
-  defaultButtonText: z,
-  defaultInputText: o,
-  defaultSelectedValues: L,
-  readonly: w = !1,
+  customRenderBar: i,
+  onSend: w,
+  typingSpeed: x = 40,
+  enableTypewriter: Y = !1,
+  onTypeFinished: L,
+  onTypewriterStateChange: z,
+  userInput: v,
+  interactionDefaultValueOptions: A,
+  defaultButtonText: M,
+  defaultInputText: a,
+  defaultSelectedValues: $,
+  readonly: S = !1,
   confirmButtonText: k,
-  copyButtonText: y,
-  copiedButtonText: j,
-  sandboxLoadingText: N,
-  sandboxStyleLoadingText: M,
-  sandboxScriptLoadingText: F,
-  disableSandboxLoadingOverlay: _ = !1,
-  sandboxFullscreenButtonText: E,
-  sandboxExitFullscreenButtonText: I,
-  sandboxMode: V = "content",
-  onClickCustomButtonAfterContent: H,
-  beforeSend: D
+  copyButtonText: b,
+  copiedButtonText: B,
+  sandboxLoadingText: j,
+  sandboxStyleLoadingText: D,
+  sandboxScriptLoadingText: I,
+  disableSandboxLoadingOverlay: E = !1,
+  sandboxFullscreenButtonText: q,
+  sandboxExitFullscreenButtonText: F,
+  sandboxMode: H = "content",
+  onClickCustomButtonAfterContent: P,
+  beforeSend: W
   // tooltipMinLength,
 }) => {
-  const B = Me(s), G = k || B.confirmButtonText, m = y || B.copyButtonText, p = j || B.copiedButtonText, P = E || B.sandboxFullscreenButtonText, pe = I || B.sandboxExitFullscreenButtonText, l = !!Q && (!i || i === "text"), Y = 2, Z = Math.max(0, f), [g, U] = be(
-    () => l ? "" : r
-  ), b = W(""), ee = W(l), q = W(!1);
-  A(() => {
-    const e = ee.current;
-    if (ee.current = l, q.current = !1, !l) {
-      b.current = "", U(r);
+  const C = De(s), G = k || C.confirmButtonText, m = b || C.copyButtonText, f = B || C.copiedButtonText, _ = q || C.sandboxFullscreenButtonText, fe = F || C.sandboxExitFullscreenButtonText, l = !!Y && (!n || n === "text"), Z = 2, ee = Math.max(0, x), [y, U] = we(
+    () => l ? "" : t
+  ), T = R(""), te = R(l), K = R(!1);
+  V(() => {
+    const e = te.current;
+    if (te.current = l, K.current = !1, !l) {
+      T.current = "", U(t);
       return;
     }
-    U((n) => {
-      const c = !e, v = r.startsWith(n);
-      if (!c && !v)
-        return b.current = "", r;
-      const d = c || !v ? "" : n;
-      return b.current = r.slice(d.length), d;
+    U((o) => {
+      const c = !e, g = t.startsWith(o);
+      if (!c && !g)
+        return T.current = "", t;
+      const d = c || !g ? "" : o;
+      return T.current = t.slice(d.length), d;
     });
-  }, [r, l]), A(() => {
-    l && (q.current || b.current || g !== r || (q.current = !0, S?.()));
-  }, [r, g, l, S]), A(() => {
-    if (!l || !b.current)
+  }, [t, l]), V(() => {
+    l && (K.current || T.current || y !== t || (K.current = !0, L?.()));
+  }, [t, y, l, L]), V(() => {
+    if (!l || !T.current)
       return;
     const e = window.setTimeout(() => {
-      U((n) => {
-        const { chunk: c, rest: v } = qe(
-          b.current,
-          Y
+      U((o) => {
+        const { chunk: c, rest: g } = Oe(
+          T.current,
+          Z
         );
-        return c ? (b.current = v, `${n}${c}`) : n;
+        return c ? (T.current = g, `${o}${c}`) : o;
       });
-    }, Z);
+    }, ee);
     return () => window.clearTimeout(e);
   }, [
-    r,
-    g,
+    t,
+    y,
     l,
-    Y,
-    Z
+    Z,
+    ee
   ]);
-  const te = h(
+  const re = h(
     () => ({
       isTypewriterEnabled: l,
-      isTyping: l && g !== r,
-      isComplete: g === r,
-      renderedLength: g.length,
-      totalLength: r.length
+      isTyping: l && y !== t,
+      isComplete: y === t,
+      renderedLength: y.length,
+      totalLength: t.length
     }),
-    [r, g, l]
+    [t, y, l]
   );
-  A(() => {
-    $?.(te);
-  }, [$, te]);
-  const u = l ? g : r, K = h(
-    () => de(u),
-    [u]
-  ), O = h(
-    () => ze(
-      u,
-      x,
-      R
+  V(() => {
+    z?.(re);
+  }, [z, re]);
+  const p = l ? y : t, O = h(
+    () => de(p),
+    [p]
+  ), X = h(
+    () => Me(
+      p,
+      v,
+      A
     ),
-    [R, u, x]
-  ), re = z?.trim() || O.buttonText, ne = o?.trim() || O.inputText, he = h(
-    () => x ? x.split(",").map((e) => e.trim()).filter(Boolean) : void 0,
-    [x]
-  ), oe = L?.length ? L : O.selectedValues || he, se = h(
+    [A, p, v]
+  ), ne = M?.trim() || X.buttonText, oe = a?.trim() || X.inputText, he = h(
+    () => v ? v.split(",").map((e) => e.trim()).filter(Boolean) : void 0,
+    [v]
+  ), xe = $?.length ? $ : X.selectedValues || he, se = Je(
+    xe
+  ), u = R({
+    beforeSend: W,
+    locale: s,
+    onClickCustomButtonAfterContent: P,
+    onSend: w,
+    readonly: S,
+    renderContent: p,
+    resolvedConfirmButtonText: G,
+    resolvedCopiedButtonText: f,
+    resolvedCopyButtonText: m,
+    resolvedDefaultButtonText: ne,
+    resolvedDefaultInputText: oe,
+    resolvedDefaultSelectedValues: se
+  });
+  u.current = {
+    beforeSend: W,
+    locale: s,
+    onClickCustomButtonAfterContent: P,
+    onSend: w,
+    readonly: S,
+    renderContent: p,
+    resolvedConfirmButtonText: G,
+    resolvedCopiedButtonText: f,
+    resolvedCopyButtonText: m,
+    resolvedDefaultButtonText: ne,
+    resolvedDefaultInputText: oe,
+    resolvedDefaultSelectedValues: se
+  };
+  const ae = h(
     () => ({
       "custom-button-after-content": ({
         children: e
-      }) => /* @__PURE__ */ t.jsx(
+      }) => /* @__PURE__ */ r.jsx(
         "button",
         {
           className: "content-render-custom-button-after-content",
-          onClick: H,
-          children: /* @__PURE__ */ t.jsx("span", { className: "content-render-custom-button-after-content-inner", children: e })
+          onClick: u.current.onClickCustomButtonAfterContent,
+          children: /* @__PURE__ */ r.jsx("span", { className: "content-render-custom-button-after-content-inner", children: e })
         }
       ),
-      "custom-variable": (e) => /* @__PURE__ */ t.jsx(
-        Ne,
+      "custom-variable": (e) => /* @__PURE__ */ r.jsx(
+        Ce,
         {
           ...e,
-          readonly: w,
-          defaultButtonText: re,
-          defaultInputText: ne,
-          defaultSelectedValues: oe,
-          onSend: T,
-          beforeSend: D,
-          locale: s,
-          confirmButtonText: G
+          readonly: u.current.readonly,
+          defaultButtonText: u.current.resolvedDefaultButtonText,
+          defaultInputText: u.current.resolvedDefaultInputText,
+          defaultSelectedValues: u.current.resolvedDefaultSelectedValues,
+          onSend: u.current.onSend,
+          beforeSend: u.current.beforeSend,
+          locale: u.current.locale,
+          confirmButtonText: u.current.resolvedConfirmButtonText
         }
       ),
       code: (e) => {
-        const { className: n, children: c, ...v } = e;
-        if (/language-(\w+)/.exec(n || "")?.[1] === "mermaid") {
-          const C = c?.toString().replace(/\n$/, "") || "", ye = Le(u, C);
-          return /* @__PURE__ */ t.jsx(J, { chart: C, frozen: ye });
+        const { className: o, children: c, ...g } = e;
+        if (/language-(\w+)/.exec(o || "")?.[1] === "mermaid") {
+          const N = c?.toString().replace(/\n$/, "") || "", Te = $e(
+            u.current.renderContent,
+            N
+          );
+          return /* @__PURE__ */ r.jsx(Q, { chart: N, frozen: Te });
         }
-        return /* @__PURE__ */ t.jsx("code", { className: n, ...v, children: c });
+        return /* @__PURE__ */ r.jsx("code", { className: o, ...g, children: c });
       },
-      table: ({ ...e }) => /* @__PURE__ */ t.jsx("div", { className: "content-render-table-container", children: /* @__PURE__ */ t.jsx("table", { className: "content-render-table", ...e }) }),
-      th: ({ ...e }) => /* @__PURE__ */ t.jsx("th", { className: "content-render-th", ...e }),
-      td: ({ ...e }) => /* @__PURE__ */ t.jsx("td", { className: "content-render-td", ...e }),
-      tr: ({ ...e }) => /* @__PURE__ */ t.jsx("tr", { className: "content-render-tr", ...e }),
-      li: ({ node: e, ...n }) => {
+      table: ({ ...e }) => /* @__PURE__ */ r.jsx("div", { className: "content-render-table-container", children: /* @__PURE__ */ r.jsx("table", { className: "content-render-table", ...e }) }),
+      th: ({ ...e }) => /* @__PURE__ */ r.jsx("th", { className: "content-render-th", ...e }),
+      td: ({ ...e }) => /* @__PURE__ */ r.jsx("td", { className: "content-render-td", ...e }),
+      tr: ({ ...e }) => /* @__PURE__ */ r.jsx("tr", { className: "content-render-tr", ...e }),
+      li: ({ node: e, ...o }) => {
         const c = e?.properties?.className;
-        return typeof c == "string" && c.includes("task-list-item") || Array.isArray(c) && c.includes("task-list-item") ? /* @__PURE__ */ t.jsx("li", { className: "content-render-task-list-item", ...n }) : /* @__PURE__ */ t.jsx("li", { ...n });
+        return typeof c == "string" && c.includes("task-list-item") || Array.isArray(c) && c.includes("task-list-item") ? /* @__PURE__ */ r.jsx("li", { className: "content-render-task-list-item", ...o }) : /* @__PURE__ */ r.jsx("li", { ...o });
       },
-      ol: ({ ...e }) => /* @__PURE__ */ t.jsx("ol", { className: "content-render-ol", ...e }),
-      ul: ({ ...e }) => /* @__PURE__ */ t.jsx("ul", { className: "content-render-ul", ...e }),
-      input: ({ ...e }) => e.type === "checkbox" ? /* @__PURE__ */ t.jsx(
+      ol: ({ ...e }) => /* @__PURE__ */ r.jsx("ol", { className: "content-render-ol", ...e }),
+      ul: ({ ...e }) => /* @__PURE__ */ r.jsx("ul", { className: "content-render-ul", ...e }),
+      input: ({ ...e }) => e.type === "checkbox" ? /* @__PURE__ */ r.jsx(
         "input",
         {
           type: "checkbox",
@@ -258,110 +294,97 @@ const _e = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
           disabled: !0,
           ...e
         }
-      ) : /* @__PURE__ */ t.jsx("input", { ...e }),
-      a: ({ children: e, ...n }) => /* @__PURE__ */ t.jsx("a", { target: "_blank", rel: "noopener noreferrer", ...n, children: e }),
-      pre: (e) => /* @__PURE__ */ t.jsx(
+      ) : /* @__PURE__ */ r.jsx("input", { ...e }),
+      a: ({ children: e, ...o }) => /* @__PURE__ */ r.jsx("a", { target: "_blank", rel: "noopener noreferrer", ...o, children: e }),
+      pre: (e) => /* @__PURE__ */ r.jsx(
         je,
         {
           ...e,
-          copyButtonText: m,
-          copiedButtonText: p
+          copyButtonText: u.current.resolvedCopyButtonText,
+          copiedButtonText: u.current.resolvedCopiedButtonText
         }
       )
     }),
-    [
-      D,
-      s,
-      H,
-      T,
-      w,
-      u,
-      G,
-      p,
-      m,
-      re,
-      ne,
-      oe
-    ]
+    []
   ), ie = h(
-    () => _e.test(u),
-    [u]
-  ), X = h(
-    () => ie ? $e(u, !0) : [],
-    [u, ie]
-  ), fe = X.some(
+    () => qe.test(p),
+    [p]
+  ), J = h(
+    () => ie ? ze(p, !0) : [],
+    [p, ie]
+  ), ve = J.some(
     (e) => e.type === "sandbox"
-  ), xe = h(
-    () => Ue(X),
-    [X]
+  ), ye = h(
+    () => Ke(J),
+    [J]
   ), ge = h(
-    () => le(K),
-    [K]
-  ), ve = (e, n) => {
+    () => ue(O),
+    [O]
+  ), be = (e, o) => {
     const c = de(e);
-    return le(c).map((d, ae) => {
-      const C = `${n}-${d.type}-${ae}`;
-      return d.type === "text" ? /* @__PURE__ */ t.jsx(
-        ue,
+    return ue(c).map((d, ce) => {
+      const N = `${o}-${d.type}-${ce}`;
+      return d.type === "text" ? /* @__PURE__ */ r.jsx(
+        pe,
         {
-          components: se,
+          components: ae,
           content: d.value
         },
-        C
-      ) : d.type === "mermaid" ? /* @__PURE__ */ t.jsx(J, { chart: d.value, frozen: !d.complete }, C) : d.type === "svg" ? /* @__PURE__ */ t.jsx(me, { svg: d.value }, C) : null;
+        N
+      ) : d.type === "mermaid" ? /* @__PURE__ */ r.jsx(Q, { chart: d.value, frozen: !d.complete }, N) : d.type === "svg" ? /* @__PURE__ */ r.jsx(me, { svg: d.value }, N) : null;
     });
   };
-  return fe ? /* @__PURE__ */ t.jsx("div", { className: "content-render markdown-body", children: xe.map(
-    (e, n) => e.type === "sandbox" ? /* @__PURE__ */ t.jsx(
-      Ae,
+  return ve ? /* @__PURE__ */ r.jsx("div", { className: "content-render markdown-body", children: ye.map(
+    (e, o) => e.type === "sandbox" ? /* @__PURE__ */ r.jsx(
+      Ve,
       {
         hideFullScreen: !0,
         type: "sandbox",
         content: e.value,
         className: "content-render-iframe",
         locale: s,
-        loadingText: N,
-        styleLoadingText: M,
-        scriptLoadingText: F,
-        disableLoadingOverlay: _,
-        fullScreenButtonText: P,
-        exitFullScreenButtonText: pe,
-        mode: V
+        loadingText: j,
+        styleLoadingText: D,
+        scriptLoadingText: I,
+        disableLoadingOverlay: E,
+        fullScreenButtonText: _,
+        exitFullScreenButtonText: fe,
+        mode: H
       },
-      `sandbox-${n}`
-    ) : /* @__PURE__ */ t.jsx(ce.Fragment, { children: ve(e.value, `md-${n}`) }, `md-${n}`)
-  ) }) : /* @__PURE__ */ t.jsxs("div", { className: "content-render markdown-body", children: [
-    ge.map((e, n) => {
+      `sandbox-${o}`
+    ) : /* @__PURE__ */ r.jsx(le.Fragment, { children: be(e.value, `md-${o}`) }, `md-${o}`)
+  ) }) : /* @__PURE__ */ r.jsxs("div", { className: "content-render markdown-body", children: [
+    ge.map((e, o) => {
       if (e.type === "text")
-        return /* @__PURE__ */ t.jsx(
-          ue,
+        return /* @__PURE__ */ r.jsx(
+          pe,
           {
-            components: se,
+            components: ae,
             content: e.value
           },
-          n
+          o
         );
       if (e.type === "mermaid")
-        return /* @__PURE__ */ t.jsx(
-          J,
+        return /* @__PURE__ */ r.jsx(
+          Q,
           {
             chart: e.value,
             frozen: !e.complete
           },
-          n
+          o
         );
       if (e.type === "svg")
-        return /* @__PURE__ */ t.jsx(me, { svg: e.value }, n);
+        return /* @__PURE__ */ r.jsx(me, { svg: e.value }, o);
     }),
-    a && /* @__PURE__ */ t.jsx("div", { className: "content-render-custom-bar", children: ce.createElement(a, {
-      content: r,
-      displayContent: K,
-      onSend: T
+    i && /* @__PURE__ */ r.jsx("div", { className: "content-render-custom-bar", children: le.createElement(i, {
+      content: t,
+      displayContent: O,
+      onSend: w
     }) })
   ] });
 };
 export {
-  ue as MarkdownRenderer,
-  Tt as default
+  pe as MarkdownRenderer,
+  Bt as default
 };
 //# sourceMappingURL=ContentRender.es.js.map