@techzyapp/ui-library 1.0.29 → 1.0.30

package/dist/RichTextEditor-BDAWmQrN.js

@@ -1,806 +0,0 @@
-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-CJv5AnRP.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-CWMNNiia.js";
-import { C as wt, D as Ft } from "./ColorPickerPanel-DZjN8NNn.js";
-import { D as O } from "./Divider-LtH3dLgw.js";
-import { D as ce } from "./Dropdown--1mNTVZJ.js";
-import { F as $t } from "./FloatingPanel-CeSOtE_D.js";
-import { I as u } from "./Icon-DaTvzLBu.js";
-import { I as R } from "./IconButton-GU3Ud4Zg.js";
-import { a as z } from "./List-CZwNGxuP.js";
-import { M as Bt } from "./Modal-DHP2R3K3.js";
-import { T as Ht } from "./TextField-SGYWviFf.js";
-import { a as se } from "./ConfigProvider-BbsI15b-.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", size: "sm", onClick: he, children: n("common.cancel") }),
-              /* @__PURE__ */ r(V, { type: "submit", size: "sm", 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-BDAWmQrN.js.map