@techzyapp/ui-library 1.0.29 → 1.0.31

package/dist/RichTextEditor-DL4y5xVv.js

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