@techzyapp/ui-library 1.0.0

package/dist/RichTextEditor-BTx8Py3I.js

@@ -0,0 +1,806 @@
+import { jsx as r, jsxs as x, Fragment as Ge } from "react/jsx-runtime";
+import { useRef as I, useState as p, useCallback as Le, useEffect as L, forwardRef as Ke } from "react";
+import { clsx as Je } from "clsx";
+import { DecoratorNode as xe, $applyNodeReplacement as Me, $getSelection as P, $isRangeSelection as q, $isElementNode as Qe, SELECTION_CHANGE_COMMAND as We, COMMAND_PRIORITY_LOW as ie, CAN_UNDO_COMMAND as Xe, CAN_REDO_COMMAND as Ze, UNDO_COMMAND as Ye, REDO_COMMAND as et, $createParagraphNode as ke, FORMAT_ELEMENT_COMMAND as tt, FORMAT_TEXT_COMMAND as rt, $getRoot as Se, $insertNodes as ot, $setSelection as nt, $isParagraphNode as it } from "lexical";
+import { LexicalComposer as lt } from "@lexical/react/LexicalComposer";
+import { useLexicalComposerContext as Oe } from "@lexical/react/LexicalComposerContext";
+import { RichTextPlugin as at } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable as ct } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as st } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as mt } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as dt } from "@lexical/react/LexicalListPlugin";
+import { CheckListPlugin as ut } from "@lexical/react/LexicalCheckListPlugin";
+import { LinkPlugin as pt } from "@lexical/react/LexicalLinkPlugin";
+import { MarkdownShortcutPlugin as ht } from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import { ELEMENT_TRANSFORMERS as _t, TEXT_FORMAT_TRANSFORMERS as ft, TEXT_MATCH_TRANSFORMERS as gt } from "@lexical/markdown";
+import { $isHeadingNode as bt, $isQuoteNode as vt, $createQuoteNode as yt, $createHeadingNode as Ct, HeadingNode as Nt, QuoteNode as Tt } from "@lexical/rich-text";
+import { ListNode as Re, REMOVE_LIST_COMMAND as Et, INSERT_UNORDERED_LIST_COMMAND as Lt, INSERT_ORDERED_LIST_COMMAND as xt, INSERT_CHECK_LIST_COMMAND as Mt, ListItemNode as kt } from "@lexical/list";
+import { $isLinkNode as be, TOGGLE_LINK_COMMAND as St, LinkNode as Ae } from "@lexical/link";
+import { $generateHtmlFromNodes as Ot, $generateNodesFromDOM as Rt } from "@lexical/html";
+import { u as At } from "./formContext-B7ln1Miy.js";
+import { T as ve } from "./Typography-Cta6Rg4L.js";
+import { t as Dt } from "./toastStore-Cx_JOKwS.js";
+import { $getSelectionStyleValueForProperty as ye, $patchStyleText as Ce, $setBlocksType as le } from "@lexical/selection";
+import { $findMatchingParent as It, $getNearestNodeOfType as jt, mergeRegister as Ut, $insertNodeToNearestRoot as ae } from "@lexical/utils";
+import { B as V } from "./Button-DhEv0YFk.js";
+import { C as wt, D as Ft } from "./ColorPickerPanel-BM9OwDDE.js";
+import { D as O } from "./Divider-LtH3dLgw.js";
+import { D as ce } from "./Dropdown-DKAXue5_.js";
+import { F as $t } from "./FloatingPanel-BG9Uag__.js";
+import { I as u } from "./Icon-CophpkHo.js";
+import { I as R } from "./IconButton-CBusrDa9.js";
+import { L as z } from "./ListItem-B4yqZR-Z.js";
+import { M as Bt } from "./Modal-BuaPDlKV.js";
+import { T as Ht } from "./TextField-DMI1X09n.js";
+import { a as se } from "./ConfigProvider-2c94kUOk.js";
+const Pt = /^(?:https?:|mailto:|tel:|ftp:|#|\/|\?|\.)/i, qt = /^[a-z][a-z0-9+.-]*:/i;
+function me(o) {
+  const t = o.trim();
+  return t === "" ? "" : Pt.test(t) || !qt.test(t) ? t : "#";
+}
+function De(o) {
+  const t = o.trim();
+  if (/^data:(?:image|video)\//i.test(t) || /^blob:/i.test(t)) return t;
+  const i = me(t);
+  return i === "#" ? "" : i;
+}
+function Vt(o) {
+  return o instanceof HTMLImageElement && o.src ? { node: G(o.getAttribute("src") ?? o.src, o.alt) } : null;
+}
+class K extends xe {
+  static getType() {
+    return "tz-image";
+  }
+  static clone(t) {
+    return new K(t.__src, t.__alt, t.__key);
+  }
+  constructor(t, i = "", n) {
+    super(n), this.__src = De(t), this.__alt = i;
+  }
+  static importJSON(t) {
+    return G(t.src, t.alt);
+  }
+  exportJSON() {
+    return { ...super.exportJSON(), type: "tz-image", version: 1, src: this.__src, alt: this.__alt };
+  }
+  static importDOM() {
+    return { img: () => ({ conversion: Vt, priority: 0 }) };
+  }
+  exportDOM() {
+    const t = document.createElement("img");
+    return t.setAttribute("src", this.__src), t.setAttribute("alt", this.__alt), { element: t };
+  }
+  /** A block wrapper; the actual `<img>` is rendered by {@link decorate}. */
+  createDOM() {
+    const t = document.createElement("div");
+    return t.style.display = "contents", t;
+  }
+  updateDOM() {
+    return !1;
+  }
+  getSrc() {
+    return this.__src;
+  }
+  getAltText() {
+    return this.__alt;
+  }
+  decorate() {
+    return /* @__PURE__ */ r("img", { src: this.__src, alt: this.__alt, draggable: !1 });
+  }
+}
+function G(o, t = "") {
+  return Me(new K(o, t));
+}
+function Ne(o) {
+  return /\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i.test(o);
+}
+function zt(o) {
+  const t = o.match(
+    /(?:youtube\.com\/(?:watch\?(?:.*&)?v=|embed\/|shorts\/)|youtu\.be\/)([\w-]{11})/
+  );
+  if (t) return `https://www.youtube.com/embed/${t[1]}`;
+  const i = o.match(/vimeo\.com\/(?:video\/)?(\d+)/);
+  return i ? `https://player.vimeo.com/video/${i[1]}` : o;
+}
+function Te(o) {
+  var i;
+  const t = o.getAttribute("src") || ((i = o.querySelector("source")) == null ? void 0 : i.getAttribute("src"));
+  return t ? { node: de(t) } : null;
+}
+class J extends xe {
+  static getType() {
+    return "tz-video";
+  }
+  static clone(t) {
+    return new J(t.__src, t.__key);
+  }
+  constructor(t, i) {
+    super(i), this.__src = De(t);
+  }
+  static importJSON(t) {
+    return de(t.src);
+  }
+  exportJSON() {
+    return { ...super.exportJSON(), type: "tz-video", version: 1, src: this.__src };
+  }
+  static importDOM() {
+    return {
+      iframe: () => ({ conversion: Te, priority: 0 }),
+      video: () => ({ conversion: Te, priority: 0 })
+    };
+  }
+  exportDOM() {
+    if (Ne(this.__src)) {
+      const i = document.createElement("video");
+      return i.setAttribute("src", this.__src), i.setAttribute("controls", "true"), { element: i };
+    }
+    const t = document.createElement("iframe");
+    return t.setAttribute("src", this.__src), t.setAttribute("frameborder", "0"), t.setAttribute("allowfullscreen", "true"), t.setAttribute(
+      "allow",
+      "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    ), { element: t };
+  }
+  /** A block wrapper; the actual media element is rendered by {@link decorate}. */
+  createDOM() {
+    const t = document.createElement("div");
+    return t.style.display = "contents", t;
+  }
+  updateDOM() {
+    return !1;
+  }
+  getSrc() {
+    return this.__src;
+  }
+  decorate() {
+    return Ne(this.__src) ? /* @__PURE__ */ r("video", { src: this.__src, controls: !0 }) : /* @__PURE__ */ r(Gt, { src: this.__src });
+  }
+}
+function Gt({ src: o }) {
+  const t = se();
+  return /* @__PURE__ */ r("div", { className: "tz-rte-embed", children: /* @__PURE__ */ r(
+    "iframe",
+    {
+      src: o,
+      title: t("rte.embeddedVideo"),
+      frameBorder: 0,
+      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+      allowFullScreen: !0
+    }
+  ) });
+}
+function de(o) {
+  return Me(new J(zt(o)));
+}
+const Kt = "_editor_16j1l_1", Jt = "_label_16j1l_9", Qt = "_required_16j1l_15", Wt = "_helper_16j1l_18", Xt = "_control_16j1l_24", Zt = "_error_16j1l_38", Yt = "_disabled_16j1l_45", er = "_toolbar_16j1l_51", tr = "_sm_16j1l_67", rr = "_md_16j1l_71", or = "_lg_16j1l_75", nr = "_colorGlyph_16j1l_81", ir = "_colorBar_16j1l_89", lr = "_shell_16j1l_107", ar = "_content_16j1l_110", cr = "_placeholder_16j1l_123", sr = "_paragraph_16j1l_146", mr = "_h1_16j1l_152", dr = "_h2_16j1l_153", ur = "_h3_16j1l_154", pr = "_h4_16j1l_155", hr = "_h5_16j1l_156", _r = "_h6_16j1l_157", fr = "_quote_16j1l_176", gr = "_ul_16j1l_183", br = "_ol_16j1l_188", vr = "_li_16j1l_193", yr = "_nestedLi_16j1l_196", Cr = "_liChecked_16j1l_200", Nr = "_liUnchecked_16j1l_201", Tr = "_link_16j1l_238", Er = "_bold_16j1l_245", Lr = "_italic_16j1l_248", xr = "_underline_16j1l_251", Mr = "_strike_16j1l_254", kr = "_codeInline_16j1l_260", l = {
+  editor: Kt,
+  label: Jt,
+  required: Qt,
+  helper: Wt,
+  control: Xt,
+  error: Zt,
+  disabled: Yt,
+  toolbar: er,
+  sm: tr,
+  md: rr,
+  lg: or,
+  colorGlyph: nr,
+  colorBar: ir,
+  shell: lr,
+  content: ar,
+  placeholder: cr,
+  paragraph: sr,
+  h1: mr,
+  h2: dr,
+  h3: ur,
+  h4: pr,
+  h5: hr,
+  h6: _r,
+  quote: fr,
+  ul: gr,
+  ol: br,
+  li: vr,
+  nestedLi: yr,
+  liChecked: Cr,
+  liUnchecked: Nr,
+  link: Tr,
+  bold: Er,
+  italic: Lr,
+  underline: xr,
+  strike: Mr,
+  codeInline: kr
+}, Sr = {
+  paragraph: "Paragraph",
+  h1: "Heading 1",
+  h2: "Heading 2",
+  h3: "Heading 3",
+  quote: "Quote",
+  bullet: "Bullet List",
+  number: "Numbered List",
+  check: "Check List"
+}, Or = [
+  { type: "paragraph", icon: "Text" },
+  { type: "h1", icon: "Hashtag" },
+  { type: "h2", icon: "Hashtag" },
+  { type: "h3", icon: "Hashtag" }
+], Rr = [
+  { value: "left", labelKey: "rte.alignLeft", icon: "TextalignLeft" },
+  { value: "center", labelKey: "rte.alignCenter", icon: "TextalignCenter" },
+  { value: "right", labelKey: "rte.alignRight", icon: "TextalignRight" }
+], Ar = ["10px", "12px", "14px", "16px", "18px", "20px"], Dr = { sm: "12px", md: "14px", lg: "16px" };
+function Ir({ color: o, size: t }) {
+  return /* @__PURE__ */ x("span", { className: l.colorGlyph, children: [
+    /* @__PURE__ */ r(u, { name: "Brush", size: t }),
+    /* @__PURE__ */ r(
+      "span",
+      {
+        className: l.colorBar,
+        style: { borderColor: `transparent transparent ${o || "currentColor"} transparent` },
+        "aria-hidden": "true"
+      }
+    )
+  ] });
+}
+function jr({ size: o, disabled: t, onImageUpload: i }) {
+  const n = se(), s = (e) => Sr[e] ?? e, [c] = Oe(), g = I(null), [y, d] = p(!1), [_, Q] = p(!1), [M, W] = p(!1), [j, X] = p(!1), [Z, Y] = p(""), [v, k] = p("paragraph"), [b, f] = p("left"), [A, D] = p(""), [U, w] = p(""), [F, $] = p(!1), S = I(null), [ee, h] = p(!1), [Ie, je] = p(!1), [m, te] = p(null), [ue, pe] = p(""), re = Le(() => {
+    const e = P();
+    if (!q(e)) return;
+    d(e.hasFormat("bold")), Q(e.hasFormat("italic")), W(e.hasFormat("underline")), w(ye(e, "color", "")), D(ye(e, "font-size", ""));
+    const a = e.anchor.getNode(), T = a.getParent(), N = be(a) ? a : be(T) ? T : null;
+    X(N !== null), Y((N == null ? void 0 : N.getURL()) ?? "");
+    const E = a.getKey() === "root" ? a : It(a, (ze) => {
+      const ge = ze.getParent();
+      return ge === null || ge.getKey() === "root";
+    }) ?? a.getTopLevelElement();
+    f(Qe(E) && E.getFormatType() || "left");
+    const H = jt(a, Re);
+    H ? k(H.getListType()) : bt(E) ? k(E.getTag()) : vt(E) ? k("quote") : k("paragraph");
+  }, []);
+  L(() => Ut(
+    c.registerUpdateListener(({ editorState: e }) => e.read(re)),
+    c.registerCommand(
+      We,
+      () => (re(), !1),
+      ie
+    ),
+    c.registerCommand(
+      Xe,
+      (e) => (h(e), !1),
+      ie
+    ),
+    c.registerCommand(
+      Ze,
+      (e) => (je(e), !1),
+      ie
+    )
+  ), [c, re]);
+  const oe = (e) => c.dispatchCommand(rt, e), Ue = (e) => c.dispatchCommand(tt, e), we = (e) => {
+    w(e), c.update(() => {
+      const a = P();
+      q(a) && Ce(a, { color: e || null });
+    });
+  }, Fe = (e) => {
+    D(e), c.update(() => {
+      const a = P();
+      q(a) && Ce(a, { "font-size": e || null });
+    });
+  }, B = (e) => {
+    if (e === "bullet" || e === "number" || e === "check") {
+      if (v === e)
+        c.dispatchCommand(Et, void 0);
+      else {
+        const a = e === "bullet" ? Lt : e === "number" ? xt : Mt;
+        c.dispatchCommand(a, void 0);
+      }
+      return;
+    }
+    c.update(() => {
+      const a = P();
+      q(a) && (e === "paragraph" ? le(a, () => ke()) : e === "quote" ? le(a, () => yt()) : le(a, () => Ct(e)));
+    });
+  }, $e = () => B(v === "quote" ? "paragraph" : "quote"), ne = (e, a = "") => {
+    pe(a), te(e);
+  }, he = () => te(null), Be = () => {
+    m == null || m.onConfirm(ue.trim()), te(null);
+  }, He = () => ne(
+    {
+      icon: "Link2",
+      title: n("rte.linkTitle"),
+      label: n("rte.linkUrl"),
+      placeholder: "https://example.com",
+      confirmLabel: n(j ? "common.update" : "common.insert"),
+      // an empty value removes the link (matches the old prompt behavior); sanitize the scheme
+      onConfirm: (e) => c.dispatchCommand(St, e === "" ? null : me(e))
+    },
+    Z
+    // prefill the current link's URL when the cursor sits in one
+  ), Pe = () => ne({
+    icon: "GalleryAdd",
+    title: n("rte.imageTitle"),
+    label: n("rte.imageUrl"),
+    placeholder: "https://example.com/image.jpg",
+    confirmLabel: n("common.insert"),
+    onConfirm: (e) => {
+      e && c.update(() => ae(G(e)));
+    }
+  }), qe = async (e) => {
+    var T;
+    const a = (T = e.target.files) == null ? void 0 : T[0];
+    if (e.target.value = "", !!a)
+      try {
+        const N = i ? await i(a) : await Ur(a);
+        c.update(() => ae(G(N, a.name)));
+      } catch {
+        Dt.error(n("rte.imageError"));
+      }
+  }, Ve = () => ne({
+    icon: "VideoSquare",
+    title: n("rte.videoTitle"),
+    label: n("rte.videoUrl"),
+    placeholder: n("rte.videoUrlPlaceholder"),
+    confirmLabel: n("common.insert"),
+    onConfirm: (e) => {
+      e && c.update(() => ae(de(e)));
+    }
+  }), C = (e, a, T, N, E) => /* @__PURE__ */ r(
+    R,
+    {
+      variant: e ? "filled" : "text",
+      color: "primary",
+      size: o,
+      disabled: t,
+      "aria-label": a,
+      "aria-pressed": e,
+      onMouseDown: (H) => H.preventDefault(),
+      onClick: T,
+      children: N
+    },
+    E
+  ), _e = v.startsWith("h") ? v : "paragraph", fe = A || Dr[o];
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      className: l.toolbar,
+      role: "toolbar",
+      "aria-label": n("rte.formatting"),
+      "aria-orientation": "horizontal",
+      children: [
+        /* @__PURE__ */ r(
+          R,
+          {
+            variant: "text",
+            color: "primary",
+            size: o,
+            disabled: t || !ee,
+            "aria-label": n("rte.undo"),
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => c.dispatchCommand(Ye, void 0),
+            children: /* @__PURE__ */ r(u, { name: "UndoArrow" })
+          }
+        ),
+        /* @__PURE__ */ r(
+          R,
+          {
+            variant: "text",
+            color: "primary",
+            size: o,
+            disabled: t || !Ie,
+            "aria-label": n("rte.redo"),
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => c.dispatchCommand(et, void 0),
+            children: /* @__PURE__ */ r(u, { name: "RedoArrow" })
+          }
+        ),
+        /* @__PURE__ */ r(O, { orientation: "vertical" }),
+        /* @__PURE__ */ r(
+          ce,
+          {
+            size: o,
+            disabled: t,
+            minWidth: !1,
+            trigger: /* @__PURE__ */ r(
+              V,
+              {
+                variant: "text",
+                color: "primary",
+                size: o,
+                disabled: t,
+                endIcon: /* @__PURE__ */ r(u, { name: "ArrowDown4" }),
+                "aria-label": n("rte.fontSize"),
+                onMouseDown: (e) => e.preventDefault(),
+                children: fe
+              }
+            ),
+            children: Ar.map((e) => /* @__PURE__ */ r(
+              z,
+              {
+                clickable: !0,
+                selected: e === fe,
+                onClick: () => Fe(e),
+                children: e
+              },
+              e
+            ))
+          }
+        ),
+        /* @__PURE__ */ r(O, { orientation: "vertical" }),
+        /* @__PURE__ */ r(
+          ce,
+          {
+            size: o,
+            disabled: t,
+            trigger: /* @__PURE__ */ r(
+              V,
+              {
+                variant: "text",
+                color: "primary",
+                size: o,
+                disabled: t,
+                endIcon: /* @__PURE__ */ r(u, { name: "ArrowDown4" }),
+                onMouseDown: (e) => e.preventDefault(),
+                children: s(_e)
+              }
+            ),
+            children: Or.map((e) => /* @__PURE__ */ r(
+              z,
+              {
+                clickable: !0,
+                selected: _e === e.type,
+                icon: e.icon,
+                onClick: () => B(e.type),
+                children: s(e.type)
+              },
+              e.type
+            ))
+          }
+        ),
+        /* @__PURE__ */ r(O, { orientation: "vertical" }),
+        C(y, n("rte.bold"), () => oe("bold"), /* @__PURE__ */ r(u, { name: "TextBold" })),
+        C(_, n("rte.italic"), () => oe("italic"), /* @__PURE__ */ r(u, { name: "TextItalic" })),
+        C(
+          M,
+          n("rte.underline"),
+          () => oe("underline"),
+          /* @__PURE__ */ r(u, { name: "TextUnderline" })
+        ),
+        /* @__PURE__ */ r(O, { orientation: "vertical" }),
+        C(
+          v === "bullet",
+          n("rte.bulletList"),
+          () => B("bullet"),
+          /* @__PURE__ */ r(u, { name: "ListBullet" })
+        ),
+        C(
+          v === "number",
+          n("rte.numberedList"),
+          () => B("number"),
+          /* @__PURE__ */ r(u, { name: "ListNumber" })
+        ),
+        C(v === "quote", n("rte.quote"), $e, /* @__PURE__ */ r(u, { name: "QuoteUp" })),
+        /* @__PURE__ */ r(O, { orientation: "vertical" }),
+        Rr.map(
+          (e) => C(
+            b === e.value,
+            n(e.labelKey),
+            () => Ue(e.value),
+            /* @__PURE__ */ r(u, { name: e.icon }),
+            e.value
+          )
+        ),
+        /* @__PURE__ */ r(O, { orientation: "vertical" }),
+        /* @__PURE__ */ r(
+          R,
+          {
+            ref: S,
+            variant: "text",
+            color: "primary",
+            size: o,
+            disabled: t,
+            "aria-label": n("rte.textColor"),
+            "aria-expanded": F,
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => $((e) => !e),
+            children: /* @__PURE__ */ r(Ir, { color: U })
+          }
+        ),
+        /* @__PURE__ */ r(
+          $t,
+          {
+            open: F,
+            triggerRef: S,
+            onClose: (e) => {
+              var a;
+              $(!1), e && ((a = S.current) == null || a.focus());
+            },
+            role: "dialog",
+            ariaLabel: n("rte.textColor"),
+            width: 232,
+            children: /* @__PURE__ */ r(
+              wt,
+              {
+                value: U || Ft[0],
+                onChange: we,
+                clearable: !1
+              }
+            )
+          }
+        ),
+        C(j, n("rte.link"), He, /* @__PURE__ */ r(u, { name: "Link2" })),
+        /* @__PURE__ */ x(
+          ce,
+          {
+            size: o,
+            disabled: t,
+            minWidth: !1,
+            trigger: /* @__PURE__ */ r(
+              R,
+              {
+                variant: "text",
+                color: "primary",
+                size: o,
+                disabled: t,
+                "aria-label": n("rte.insertImage"),
+                children: /* @__PURE__ */ r(u, { name: "GalleryAdd" })
+              }
+            ),
+            children: [
+              /* @__PURE__ */ r(z, { clickable: !0, icon: "GalleryImport", onClick: () => {
+                var e;
+                return (e = g.current) == null ? void 0 : e.click();
+              }, children: n("rte.uploadImage") }),
+              /* @__PURE__ */ r(z, { clickable: !0, icon: "Link", onClick: Pe, children: n("rte.imageByUrl") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          R,
+          {
+            variant: "text",
+            color: "primary",
+            size: o,
+            disabled: t,
+            "aria-label": n("rte.insertVideo"),
+            onClick: Ve,
+            children: /* @__PURE__ */ r(u, { name: "VideoSquare" })
+          }
+        ),
+        /* @__PURE__ */ r(
+          "input",
+          {
+            ref: g,
+            type: "file",
+            accept: "image/*",
+            hidden: !0,
+            onChange: qe,
+            "aria-hidden": "true",
+            tabIndex: -1
+          }
+        ),
+        /* @__PURE__ */ r(
+          Bt,
+          {
+            open: m !== null,
+            onClose: he,
+            size: "sm",
+            icon: m == null ? void 0 : m.icon,
+            title: m == null ? void 0 : m.title,
+            footer: /* @__PURE__ */ x(Ge, { children: [
+              /* @__PURE__ */ r(V, { variant: "text", onClick: he, children: n("common.cancel") }),
+              /* @__PURE__ */ r(V, { type: "submit", form: "rte-url-form", children: (m == null ? void 0 : m.confirmLabel) ?? n("common.insert") })
+            ] }),
+            children: /* @__PURE__ */ r(
+              "form",
+              {
+                id: "rte-url-form",
+                onSubmit: (e) => {
+                  e.preventDefault(), Be();
+                },
+                children: /* @__PURE__ */ r(
+                  Ht,
+                  {
+                    label: m == null ? void 0 : m.label,
+                    placeholder: m == null ? void 0 : m.placeholder,
+                    value: ue,
+                    onChange: (e) => pe(e.target.value)
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function Ur(o) {
+  return new Promise((t, i) => {
+    const n = new FileReader();
+    n.onload = () => t(n.result), n.onerror = () => i(n.error), n.readAsDataURL(o);
+  });
+}
+const wr = {
+  paragraph: l.paragraph,
+  heading: {
+    h1: l.h1,
+    h2: l.h2,
+    h3: l.h3,
+    h4: l.h4,
+    h5: l.h5,
+    h6: l.h6
+  },
+  quote: l.quote,
+  list: {
+    ul: l.ul,
+    ol: l.ol,
+    listitem: l.li,
+    listitemChecked: l.liChecked,
+    listitemUnchecked: l.liUnchecked,
+    nested: { listitem: l.nestedLi }
+  },
+  link: l.link,
+  text: {
+    bold: l.bold,
+    italic: l.italic,
+    underline: l.underline,
+    strikethrough: l.strike,
+    code: l.codeInline
+  }
+}, Fr = [
+  Nt,
+  Tt,
+  Re,
+  kt,
+  Ae,
+  K,
+  J
+], $r = [
+  ..._t,
+  ...ft,
+  ...gt
+];
+function Br(o) {
+  if (typeof document > "u") return o;
+  const t = document.createElement("template");
+  return t.innerHTML = o, t.content.querySelectorAll("[class]").forEach((i) => i.removeAttribute("class")), t.innerHTML;
+}
+function Hr() {
+  const o = Se(), t = o.getFirstChild();
+  return o.getChildrenSize() <= 1 && (t === null || it(t) && t.getChildrenSize() === 0);
+}
+function Ee(o, t) {
+  const i = Se();
+  if (i.clear(), t) {
+    const n = new DOMParser().parseFromString(t, "text/html"), s = Rt(o, n);
+    i.select(), ot(s);
+  }
+  i.getChildrenSize() === 0 && i.append(ke()), nt(null);
+}
+function Pr({ value: o, defaultValue: t, onChange: i, disabled: n }) {
+  const [s] = Oe(), c = I(void 0), g = I(i);
+  return g.current = i, L(() => s.setEditable(!n), [s, n]), L(
+    () => s.registerNodeTransform(Ae, (y) => {
+      const d = y.getURL(), _ = me(d);
+      _ !== d && y.setURL(_);
+    }),
+    [s]
+  ), L(() => {
+    o !== void 0 || !t || (c.current = t, s.update(() => Ee(s, t), { tag: "history-merge" }));
+  }, []), L(() => {
+    o === void 0 || o === c.current || (c.current = o, s.update(() => Ee(s, o), { tag: "history-merge" }));
+  }, [s, o]), L(
+    () => s.registerUpdateListener(({ dirtyElements: y, dirtyLeaves: d }) => {
+      y.size === 0 && d.size === 0 || s.read(() => {
+        const _ = Hr() ? "" : Br(Ot(s, null));
+        _ !== c.current && (c.current = _, g.current(_));
+      });
+    }),
+    [s]
+  ), null;
+}
+const Lo = Ke(
+  function({
+    label: t,
+    size: i = "md",
+    error: n,
+    helperText: s,
+    required: c = !1,
+    disabled: g = !1,
+    placeholder: y,
+    name: d,
+    value: _,
+    defaultValue: Q,
+    onChange: M,
+    onImageUpload: W,
+    minHeight: j = 220,
+    "aria-label": X = "Rich text editor",
+    className: Z,
+    style: Y
+  }, v) {
+    const k = se(), b = At(), f = b && d ? b.field(d) : void 0, A = n ?? (f == null ? void 0 : f.error) ?? !1, D = s ?? (f == null ? void 0 : f.helperText), U = b && d ? b.values[d] : void 0, w = _ !== void 0 ? _ : b && d ? String(U ?? "") : void 0, F = Le(
+      (h) => {
+        b && d && b.setValue(d, h), M == null || M(h);
+      },
+      [b, d, M]
+    ), $ = (h) => f == null ? void 0 : f.onBlur(h), S = I(null);
+    L(() => {
+      const h = S.current;
+      h && (d ? h.setAttribute("name", d) : h.removeAttribute("name"));
+    }, [d]);
+    const ee = {
+      namespace: "tz-rich-text-editor",
+      theme: wr,
+      nodes: Fr,
+      editable: !g,
+      onError: (h) => {
+        throw h;
+      }
+    };
+    return /* @__PURE__ */ x(
+      "div",
+      {
+        ref: v,
+        className: Je(
+          l.editor,
+          l[i],
+          A && l.error,
+          g && l.disabled,
+          Z
+        ),
+        style: { "--tz-rte-min-height": `${j}px`, ...Y },
+        children: [
+          t != null && /* @__PURE__ */ x("div", { className: l.label, children: [
+            /* @__PURE__ */ r(ve, { as: "span", variant: "bodySmall", color: "muted", children: t }),
+            c && /* @__PURE__ */ r("span", { className: l.required, "aria-hidden": "true", children: "*" })
+          ] }),
+          /* @__PURE__ */ r("div", { className: l.control, children: /* @__PURE__ */ x(lt, { initialConfig: ee, children: [
+            /* @__PURE__ */ r(jr, { size: i, disabled: g, onImageUpload: W }),
+            /* @__PURE__ */ r("div", { className: l.shell, children: /* @__PURE__ */ r(
+              at,
+              {
+                contentEditable: /* @__PURE__ */ r(
+                  ct,
+                  {
+                    ref: S,
+                    className: l.content,
+                    "aria-label": X,
+                    "aria-invalid": A || void 0,
+                    onBlur: $
+                  }
+                ),
+                placeholder: /* @__PURE__ */ r("div", { className: l.placeholder, children: y ?? k("rte.placeholder") }),
+                ErrorBoundary: st
+              }
+            ) }),
+            /* @__PURE__ */ r(mt, {}),
+            /* @__PURE__ */ r(dt, {}),
+            /* @__PURE__ */ r(ut, {}),
+            /* @__PURE__ */ r(pt, {}),
+            /* @__PURE__ */ r(ht, { transformers: $r }),
+            /* @__PURE__ */ r(
+              Pr,
+              {
+                value: w,
+                defaultValue: Q,
+                onChange: F,
+                disabled: g
+              }
+            )
+          ] }) }),
+          D != null && /* @__PURE__ */ r(
+            ve,
+            {
+              as: "span",
+              variant: "bodySmall",
+              color: A ? "error" : "muted",
+              className: l.helper,
+              children: D
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  Lo as R
+};
+//# sourceMappingURL=RichTextEditor-BTx8Py3I.js.map