@univerjs/thread-comment-ui 0.17.0 → 0.18.0

package/lib/index.js

@@ -1,1053 +1,55 @@
-var je = Object.defineProperty;
-var Ve = (n, e, t) => e in n ? je(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var W = (n, e, t) => Ve(n, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as _e, IUniverInstanceService as Pe, Disposable as Ae, UniverInstanceType as de, CommandType as we, DependentOn as Be, Injector as We, ICommandService as ne, IConfigService as Ze, Plugin as Fe, merge as ze, mergeOverrideWithDependencies as Ke, LocaleService as fe, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ge, BuildTextUtils as ve, DOCS_COMMENT_EDITOR_UNIT_ID_KEY as Ye, Tools as qe, CustomRangeType as Je, getBodySlice as Qe, UserManagerService as pe, generateRandomId as Xe } from "@univerjs/core";
-import { ISidebarService as Ne, useDependency as N, KeyCode as ge, useObservable as Z, useConfigValue as et, UI_PLUGIN_CONFIG_KEY as tt } from "@univerjs/ui";
-import { BehaviorSubject as Ce, filter as nt, debounceTime as rt } from "rxjs";
-import { UniverThreadCommentPlugin as it, ThreadCommentModel as Se, getDT as ot, AddCommentCommand as st, ResolveCommentCommand as at, DeleteCommentTreeCommand as ke, UpdateCommentCommand as lt, DeleteCommentCommand as ct } from "@univerjs/thread-comment";
-import { jsxs as I, jsx as a } from "react/jsx-runtime";
-import { Button as le, clsx as me, Tooltip as dt, scrollbarClassName as ut, borderClassName as vt, Dropdown as mt, Select as Ie } from "@univerjs/design";
-import { useRef as te, createElement as z, forwardRef as K, useState as P, useEffect as ce, useMemo as ee, useImperativeHandle as ht } from "react";
-import { IEditorService as ft, BreakLineCommand as pt, RichTextEditor as gt } from "@univerjs/docs-ui";
-var Ct = Object.getOwnPropertyDescriptor, It = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ct(e, t) : e, o = n.length - 1, c; o >= 0; o--)
-    (c = n[o]) && (i = c(i) || i);
-  return i;
-}, xe = (n, e) => (t, r) => e(t, r, n);
-let Y = class extends Ae {
-  constructor(e, t) {
-    super();
-    W(this, "_panelVisible", !1);
-    W(this, "_panelVisible$", new Ce(!1));
-    W(this, "_activeCommentId");
-    W(this, "_activeCommentId$", new Ce(void 0));
-    W(this, "panelVisible$", this._panelVisible$.asObservable());
-    W(this, "activeCommentId$", this._activeCommentId$.asObservable());
-    this._sidebarService = e, this._univerInstanceService = t, this._init(), this.disposeWithMe(() => {
-      this._activeCommentId$.complete(), this._panelVisible$.complete();
-    });
-  }
-  _init() {
-    this.disposeWithMe(
-      this._sidebarService.sidebarOptions$.subscribe((e) => {
-        e.visible || this.setPanelVisible(!1);
-      })
-    ), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(de.UNIVER_SHEET).pipe(nt((e) => !e)).subscribe(() => {
-        this._sidebarService.close();
-      })
-    );
-  }
-  get panelVisible() {
-    return this._panelVisible;
-  }
-  get activeCommentId() {
-    return this._activeCommentId;
-  }
-  setPanelVisible(e) {
-    this._panelVisible = e, this._panelVisible$.next(e);
-  }
-  setActiveComment(e) {
-    this._activeCommentId = e, this._activeCommentId$.next(e);
-  }
-};
-Y = It([
-  xe(0, _e(Ne)),
-  xe(1, Pe)
-], Y);
-const xt = "thread-comment-panel", bt = "UNIVER_THREAD_COMMENT_UI_PLUGIN", yt = {
-  id: "thread-comment-ui.operation.toggle-panel",
-  type: we.OPERATION,
-  handler(n) {
-    const e = n.get(Ne), t = n.get(Y);
-    return t.panelVisible ? (e.close(), t.setPanelVisible(!1)) : (e.open({
-      header: { title: "threadCommentUI.panel.title" },
-      children: { label: xt },
-      width: 360
-    }), t.setPanelVisible(!0)), !0;
-  }
-}, F = {
-  id: "thread-comment-ui.operation.set-active-comment",
-  type: we.OPERATION,
-  handler(n, e) {
-    return n.get(Y).setActiveComment(e), !0;
-  }
-}, _t = "@univerjs/thread-comment-ui", wt = "0.17.0", $e = {
-  name: _t,
-  version: wt
-}, Nt = "thread-comment-ui.config", be = {};
-var St = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, $t = (n, e, t) => e in n ? St(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Ut = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? kt(e, t) : e, o = n.length - 1, c; o >= 0; o--)
-    (c = n[o]) && (i = c(i) || i);
-  return i;
-}, he = (n, e) => (t, r) => e(t, r, n), ue = (n, e, t) => $t(n, typeof e != "symbol" ? e + "" : e, t);
-let q = class extends Fe {
-  constructor(n = be, e, t, r) {
-    super(), this._config = n, this._injector = e, this._commandService = t, this._configService = r;
-    const { menu: i, ...o } = ze(
-      {},
-      be,
-      this._config
-    );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Nt, o);
-  }
-  onStarting() {
-    var n;
-    Ke([
-      [Y]
-    ], (n = this._config) == null ? void 0 : n.overrides).forEach((e) => {
-      this._injector.add(e);
-    }), [yt, F].forEach((e) => {
-      this._commandService.registerCommand(e);
-    });
-  }
-};
-ue(q, "pluginName", bt);
-ue(q, "packageName", $e.name);
-ue(q, "version", $e.version);
-ue(q, "type", de.UNIVER_UNKNOWN);
-q = Ut([
-  Be(it),
-  he(1, _e(We)),
-  he(2, ne),
-  he(3, Ze)
-], q);
-function G({ ref: n, ...e }) {
-  const { icon: t, id: r, className: i, extend: o, ...c } = e, x = `univerjs-icon univerjs-icon-${r} ${i || ""}`.trim(), h = te(`_${Et()}`);
-  return Ue(t, `${r}`, {
-    defIds: t.defIds,
-    idSuffix: h.current
-  }, {
-    ref: n,
-    className: x,
-    ...c
-  }, o);
-}
-function Ue(n, e, t, r, i) {
-  return z(n.tag, {
-    key: e,
-    ...Tt(n, t, i),
-    ...r
-  }, (Dt(n, t).children || []).map((o, c) => Ue(o, `${e}-${n.tag}-${c}`, t, void 0, i)));
-}
-function Tt(n, e, t) {
-  const r = { ...n.attrs };
-  t != null && t.colorChannel1 && r.fill === "colorChannel1" && (r.fill = t.colorChannel1), n.tag === "mask" && r.id && (r.id = r.id + e.idSuffix), Object.entries(r).forEach(([o, c]) => {
-    o === "mask" && typeof c == "string" && (r[o] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  });
-  const { defIds: i } = e;
-  return !i || i.length === 0 || (n.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(([o, c]) => {
-    typeof c == "string" && (r[o] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  })), r;
-}
-function Dt(n, e) {
-  var r;
-  const { defIds: t } = e;
-  return !t || t.length === 0 ? n : n.tag === "defs" && ((r = n.children) != null && r.length) ? {
-    ...n,
-    children: n.children.map((i) => typeof i.attrs.id == "string" && t && t.includes(i.attrs.id) ? {
-      ...i,
-      attrs: {
-        ...i.attrs,
-        id: i.attrs.id + e.idSuffix
-      }
-    } : i)
-  } : n;
-}
-function Et() {
-  return Math.random().toString(36).substring(2, 8);
-}
-G.displayName = "UniverIcon";
-const Mt = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M5.3313 1.4667C5.3313 1.13533 5.59993 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z",
-        fillRule: "evenodd",
-        clipRule: "evenodd"
-      }
-    }
-  ]
-}, Te = K(function(e, t) {
-  return z(G, Object.assign({}, e, {
-    id: "delete-icon",
-    ref: t,
-    icon: Mt
-  }));
-});
-Te.displayName = "DeleteIcon";
-const Ot = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z"
-    }
-  }]
-}, De = K(function(e, t) {
-  return z(G, Object.assign({}, e, {
-    id: "increase-icon",
-    ref: t,
-    icon: Ot
-  }));
-});
-De.displayName = "IncreaseIcon";
-const Rt = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M3 9C3.55228 9 4 8.55228 4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8C2 8.55228 2.44772 9 3 9Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M8 9C8.55228 9 9 8.55228 9 8C9 7.44772 8.55228 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M13 9C13.5523 9 14 8.55228 14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8C12 8.55228 12.4477 9 13 9Z"
-      }
-    }
-  ]
-}, Ee = K(function(e, t) {
-  return z(G, Object.assign({}, e, {
-    id: "more-horizontal-icon",
-    ref: t,
-    icon: Rt
-  }));
-});
-Ee.displayName = "MoreHorizontalIcon";
-const Lt = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        stroke: "currentColor",
-        d: "M7.48389 10.3267V12.1905C7.48389 12.7428 7.9316 13.1905 8.48389 13.1905H11.2216L12.2955 14.2644L13.3695 13.1905H14.1593C14.7116 13.1905 15.1593 12.7428 15.1593 12.1905V8.46289C15.1593 7.91061 14.7116 7.46289 14.1593 7.46289H12.2955",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.2
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        stroke: "currentColor",
-        d: "M0.840332 3.73535C0.840332 2.63078 1.73576 1.73535 2.84033 1.73535H10.2955C11.4001 1.73535 12.2955 2.63078 12.2955 3.73535V8.32676C12.2955 9.43132 11.4001 10.3268 10.2955 10.3268H5.6014L4.1695 11.7587L3.05978 10.3268H2.84033C1.73576 10.3268 0.840332 9.43133 0.840332 8.32676V3.73535Z",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.2
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        stroke: "currentColor",
-        d: "M6.41016 6.1311H6.76813",
-        strokeLinecap: "round",
-        strokeWidth: 1.2
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        stroke: "currentColor",
-        d: "M8.91626 6.1311H9.27424",
-        strokeLinecap: "round",
-        strokeWidth: 1.2
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        stroke: "currentColor",
-        d: "M3.90454 6.1311H4.26252",
-        strokeLinecap: "round",
-        strokeWidth: 1.2
-      }
-    }
-  ]
-}, Me = K(function(e, t) {
-  return z(G, Object.assign({}, e, {
-    id: "reply-to-comment-icon",
-    ref: t,
-    icon: Lt
-  }));
-});
-Me.displayName = "ReplyToCommentIcon";
-const Ht = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 17 17",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M8.6106 15.4036C12.4766 15.4036 15.6106 12.2696 15.6106 8.40356C15.6106 4.53757 12.4766 1.40356 8.6106 1.40356C4.7446 1.40356 1.6106 4.53757 1.6106 8.40356C1.6106 12.2696 4.7446 15.4036 8.6106 15.4036ZM12.3351 6.82773C12.5694 6.59342 12.5694 6.21352 12.3351 5.9792C12.1007 5.74489 11.7208 5.74489 11.4865 5.9792L7.91079 9.55494L6.33506 7.9792C6.10074 7.74489 5.72084 7.74489 5.48653 7.9792C5.25221 8.21352 5.25221 8.59342 5.48653 8.82773L7.48653 10.8277C7.72084 11.062 8.10074 11.062 8.33506 10.8277L12.3351 6.82773Z",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  }]
-}, Oe = K(function(e, t) {
-  return z(G, Object.assign({}, e, {
-    id: "resolved-icon",
-    ref: t,
-    icon: Ht
-  }));
-});
-Oe.displayName = "ResolvedIcon";
-const jt = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 17 17",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "circle",
-    attrs: {
-      cx: 8.73,
-      cy: 8.4,
-      r: 6.4,
-      stroke: "currentColor",
-      strokeWidth: 1.2
-    }
-  }, {
-    tag: "path",
-    attrs: {
-      stroke: "currentColor",
-      d: "M6.02637 8.40356L8.02637 10.4036L12.0264 6.40356",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.2
-    }
-  }]
-}, Re = K(function(e, t) {
-  return z(G, Object.assign({}, e, {
-    id: "solve-icon",
-    ref: t,
-    icon: jt
-  }));
-});
-Re.displayName = "SolveIcon";
-function ye(n) {
-  return {
-    id: "d",
-    body: n,
-    documentStyle: {}
-  };
-}
-const Le = K((n, e) => {
-  var O;
-  const { comment: t, onSave: r, id: i, onCancel: o, autoFocus: c, unitId: x, type: h } = n, S = N(ne), $ = N(fe), [j, U] = P(!1), b = N(ft), u = te(null), v = h === de.UNIVER_DOC ? Ge : x, [T, y] = P(() => {
-    var d, m, f;
-    return ve.transform.getPlainText((f = (m = (d = u.current) == null ? void 0 : d.getDocumentData().body) == null ? void 0 : m.dataStream) != null ? f : "");
-  });
-  ce(() => {
-    var m, f, _, p;
-    y(ve.transform.getPlainText((_ = (f = (m = u.current) == null ? void 0 : m.getDocumentData().body) == null ? void 0 : f.dataStream) != null ? _ : ""));
-    const d = (p = u.current) == null ? void 0 : p.selectionChange$.subscribe(() => {
-      var s, w, A;
-      y(ve.transform.getPlainText((A = (w = (s = u.current) == null ? void 0 : s.getDocumentData().body) == null ? void 0 : w.dataStream) != null ? A : ""));
-    });
-    return () => d == null ? void 0 : d.unsubscribe();
-  }, [(O = u.current) == null ? void 0 : O.selectionChange$]);
-  const V = ee(() => ({
-    keyCodes: [{ keyCode: ge.ENTER }],
-    handler: (d) => {
-      d === ge.ENTER && S.executeCommand(
-        pt.id
-      );
-    }
-  }), [S]);
-  ht(e, () => ({
-    reply(d) {
-      var f, _;
-      if (!u.current)
-        return;
-      b.focus((f = u.current.getEditorId()) != null ? f : "");
-      const m = ye(d);
-      (_ = u.current) == null || _.setDocumentData(m, [{
-        startOffset: m.body.dataStream.length - 2,
-        endOffset: m.body.dataStream.length - 2,
-        collapsed: !0
-      }]);
-    }
-  }));
-  const g = () => {
-    if (u.current) {
-      const d = qe.deepClone(u.current.getDocumentData().body);
-      U(!1), r == null || r({
-        ...t,
-        text: d
-      }), u.current.replaceText(""), setTimeout(() => {
-        var m, f;
-        (m = u.current) == null || m.setSelectionRanges([]), (f = u.current) == null || f.blur();
-      }, 10);
-    }
-  };
-  return /* @__PURE__ */ I("div", { onClick: (d) => d.preventDefault(), children: [
-    /* @__PURE__ */ a(
-      gt,
-      {
-        className: "univer-w-full",
-        editorRef: u,
-        editorId: Ye,
-        autoFocus: c,
-        keyboardEventConfig: V,
-        placeholder: $.t("threadCommentUI.editor.placeholder"),
-        initialValue: (t == null ? void 0 : t.text) && ye(t.text),
-        onFocusChange: (d) => d && U(d),
-        isSingle: !1,
-        maxHeight: 64,
-        onClickOutside: () => {
-          setTimeout(() => {
-            b.focus(v);
-          }, 30);
-        }
-      }
-    ),
-    j ? /* @__PURE__ */ I("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
-      /* @__PURE__ */ a(
-        le,
-        {
-          onClick: () => {
-            var d;
-            o == null || o(), U(!1), (d = u.current) == null || d.replaceText("", !0), S.executeCommand(F.id);
-          },
-          children: $.t("threadCommentUI.editor.cancel")
-        }
-      ),
-      /* @__PURE__ */ a(
-        le,
-        {
-          variant: "primary",
-          disabled: !T,
-          onClick: g,
-          children: $.t(i ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
-        }
-      )
-    ] }) : null
-  ] });
-}), Vt = (n) => {
-  const { dataStream: e, customRanges: t } = n, r = e.endsWith(`\r
-`) ? e.length - 2 : e.length, i = [];
-  let o = 0;
-  return t == null || t.forEach((c) => {
-    o < c.startIndex && i.push({
-      type: "text",
-      content: e.slice(o, c.startIndex)
-    }), i.push({
-      type: "mention",
-      content: {
-        label: e.slice(c.startIndex, c.endIndex + 1),
-        id: c.rangeId
-      }
-    }), o = c.endIndex + 1;
-  }), i.push({
-    type: "text",
-    content: e.slice(o, r)
-  }), i;
-}, Pt = (n) => {
-  if (!n)
-    return [];
-  const { paragraphs: e = [] } = n;
-  return e.map((t, r) => {
-    const i = r === 0 ? 0 : e[r - 1].startIndex + 1, o = Qe(n, i, t.startIndex);
-    return Vt(o);
-  });
-}, At = (n) => {
-  let e = "";
-  const t = [];
-  return n.forEach((r) => {
-    switch (r.type) {
-      case "text":
-        e += r.content;
-        break;
-      case "mention": {
-        const i = e.length;
-        e += r.content.label;
-        const o = e.length - 1;
-        t.push({
-          rangeId: r.content.id,
-          rangeType: Je.MENTION,
-          startIndex: i,
-          endIndex: o,
-          properties: {},
-          wholeEntity: !0
-        });
-        break;
-      }
-    }
-  }), e += `\r
-`, {
-    textRuns: [],
-    paragraphs: [
-      {
-        startIndex: e.length - 2,
-        paragraphStyle: {}
-      }
-    ],
-    sectionBreaks: [
-      {
-        startIndex: e.length - 1
-      }
-    ],
-    dataStream: e,
-    customRanges: t
-  };
-}, He = "__mock__", Bt = (n) => {
-  const { item: e, unitId: t, subUnitId: r, editing: i, onEditingChange: o, onReply: c, resolved: x, isRoot: h, onClose: S, onDeleteComment: $, type: j } = n, U = N(ne), b = N(fe), u = N(pe), v = u.getUser(e.personId), T = Z(u.currentUser$), y = (T == null ? void 0 : T.userID) === e.personId, V = e.id === He, [g, O] = P(!1), d = et(tt), m = d == null ? void 0 : d.avatarFallback, f = () => {
-    ($ == null ? void 0 : $(e)) !== !1 && (U.executeCommand(
-      h ? ke.id : ct.id,
-      {
-        unitId: t,
-        subUnitId: r,
-        commentId: e.id
-      }
-    ), h && (S == null || S()));
-  };
-  return /* @__PURE__ */ I("div", { className: "univer-relative univer-mb-3 univer-pl-[30px]", onMouseLeave: () => O(!1), onMouseEnter: () => O(!0), children: [
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: "univer-absolute univer-left-0 univer-top-0 univer-size-6 univer-rounded-full univer-bg-cover univer-bg-center univer-bg-no-repeat",
-        style: {
-          backgroundImage: `url(${(v == null ? void 0 : v.avatar) || m})`
-        }
-      }
-    ),
-    v ? /* @__PURE__ */ I("div", { className: "univer-mb-1 univer-flex univer-h-6 univer-items-center univer-justify-between", children: [
-      /* @__PURE__ */ a("div", { className: "univer-text-sm univer-font-medium univer-leading-5", children: (v == null ? void 0 : v.name) || " " }),
-      /* @__PURE__ */ I("div", { children: [
-        V || x ? null : g && v ? /* @__PURE__ */ a(
-          "div",
-          {
-            className: "univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-sm univer-text-base hover:univer-bg-gray-50",
-            onClick: () => c(v),
-            children: /* @__PURE__ */ a(Me, {})
-          }
-        ) : null,
-        y && !V && !x ? /* @__PURE__ */ a(
-          mt,
-          {
-            overlay: /* @__PURE__ */ a("div", { className: "univer-rounded-lg", children: /* @__PURE__ */ I(
-              "ul",
-              {
-                className: "univer-m-0 univer-box-border univer-grid univer-list-none univer-p-1.5 univer-text-sm [&_a]:univer-block [&_a]:univer-cursor-pointer [&_a]:univer-rounded [&_a]:univer-px-2 [&_a]:univer-py-1.5 [&_a]:univer-transition-colors",
-                children: [
-                  /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
-                    "a",
-                    {
-                      className: "hover:univer-bg-gray-200",
-                      onClick: () => o == null ? void 0 : o(!0),
-                      children: b.t("threadCommentUI.item.edit")
-                    }
-                  ) }),
-                  /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
-                    "a",
-                    {
-                      className: "hover:univer-bg-gray-200",
-                      onClick: f,
-                      children: b.t("threadCommentUI.item.delete")
-                    }
-                  ) })
-                ]
-              }
-            ) }),
-            children: /* @__PURE__ */ a(
-              "div",
-              {
-                className: "univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-sm univer-text-base hover:univer-bg-gray-50",
-                children: /* @__PURE__ */ a(Ee, {})
-              }
-            )
-          }
-        ) : null
-      ] })
-    ] }) : null,
-    /* @__PURE__ */ a(
-      "time",
-      {
-        className: "univer-mb-1 univer-text-xs/normal univer-text-gray-600 dark:!univer-text-gray-200",
-        children: e.dT
-      }
-    ),
-    i ? /* @__PURE__ */ a(
-      Le,
-      {
-        type: j,
-        id: e.id,
-        comment: e,
-        onCancel: () => o == null ? void 0 : o(!1),
-        autoFocus: !0,
-        unitId: t,
-        subUnitId: r,
-        onSave: ({ text: _, attachments: p }) => {
-          o == null || o(!1), U.executeCommand(
-            lt.id,
-            {
-              unitId: t,
-              subUnitId: r,
-              payload: {
-                commentId: e.id,
-                text: _,
-                attachments: p
-              }
-            }
-          );
-        }
-      }
-    ) : /* @__PURE__ */ a(
-      "div",
-      {
-        className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
-        children: Pt(e.text).map((_, p) => /* @__PURE__ */ a("div", { className: "univer-break-words", children: _.map((s, w) => s.type === "mention" ? /* @__PURE__ */ I("a", { className: "univer-text-primary-600", children: [
-          s.content.label,
-          " "
-        ] }, w) : s.content) }, p))
-      }
-    )
-  ] });
-}, Wt = (n) => {
-  var ae, X, l;
-  const {
-    id: e,
-    unitId: t,
-    subUnitId: r,
-    refStr: i,
-    showEdit: o = !0,
-    onClick: c,
-    showHighlight: x,
-    onClose: h,
-    getSubUnitName: S,
-    prefix: $,
-    autoFocus: j,
-    onMouseEnter: U,
-    onMouseLeave: b,
-    onAddComment: u,
-    onDeleteComment: v,
-    onResolve: T,
-    type: y,
-    style: V,
-    full: g
-  } = n, O = N(Se), [d, m] = P(!1), [f, _] = P(""), p = ee(() => O.commentUpdate$.pipe(rt(16)), [O]);
-  Z(p);
-  const s = e ? O.getCommentWithChildren(t, r, e) : null, w = N(ne), A = N(pe), D = s == null ? void 0 : s.root.resolved, E = Z(A.currentUser$), L = te(null), J = [
-    ...s ? [s.root] : (
-      // mock empty comment
-      [{
-        id: He,
-        text: {
-          dataStream: `
-\r`
-        },
-        personId: (ae = E == null ? void 0 : E.userID) != null ? ae : "",
-        ref: i != null ? i : "",
-        dT: "",
-        unitId: t,
-        subUnitId: r,
-        threadId: ""
-      }]
-    ),
-    ...(X = s == null ? void 0 : s.children) != null ? X : []
-  ], R = te(null), re = (C) => {
-    C.stopPropagation(), D ? w.executeCommand(F.id, {
-      unitId: t,
-      subUnitId: r,
-      commentId: e
-    }) : w.executeCommand(F.id), w.executeCommand(at.id, {
-      unitId: t,
-      subUnitId: r,
-      commentId: e,
-      resolved: !D
-    }), T == null || T(!D);
-  }, Q = (C) => {
-    C.stopPropagation(), w.executeCommand(F.id), !(s != null && s.root && (v == null ? void 0 : v(s.root)) === !1) && (w.executeCommand(
-      ke.id,
-      {
-        unitId: t,
-        subUnitId: r,
-        commentId: e
-      }
-    ), h == null || h());
-  };
-  ce(() => b == null ? void 0 : b(), []);
-  const ie = S((l = s == null ? void 0 : s.root.subUnitId) != null ? l : r), oe = o && !f && !D, se = `${i || (s == null ? void 0 : s.root.ref) || ""}${ie ? " · " : ""}${ie}`;
-  return /* @__PURE__ */ I(
-    "div",
-    {
-      id: `${$}-${t}-${r}-${e}`,
-      className: me("univer-relative univer-box-border univer-rounded-md univer-bg-white univer-p-4 dark:!univer-bg-gray-900 dark:!univer-text-white", vt, {
-        "univer-w-[278px]": !g,
-        "univer-w-full": g,
-        "univer-shadow": !D && (x || d || $ === "cell")
-      }),
-      style: V,
-      onClick: c,
-      onMouseEnter: () => {
-        U == null || U(), m(!0);
-      },
-      onMouseLeave: () => {
-        b == null || b(), m(!1);
-      },
-      children: [
-        !D && x && /* @__PURE__ */ a(
-          "div",
-          {
-            className: "univer-absolute univer-left-0 univer-right-0 univer-top-0 univer-h-1.5 univer-rounded-t-md univer-bg-yellow-400"
-          }
-        ),
-        /* @__PURE__ */ I(
-          "div",
-          {
-            className: "univer-mb-4 univer-flex univer-flex-row univer-items-center univer-justify-between univer-text-sm univer-leading-5",
-            children: [
-              /* @__PURE__ */ I("div", { className: "univer-flex univer-flex-1 univer-flex-row univer-items-center univer-overflow-hidden", children: [
-                /* @__PURE__ */ a(
-                  "div",
-                  {
-                    className: "univer-mr-2 univer-h-3.5 univer-w-[3px] univer-flex-shrink-0 univer-flex-grow-0 univer-rounded-sm univer-bg-yellow-500"
-                  }
-                ),
-                /* @__PURE__ */ a(dt, { showIfEllipsis: !0, title: se, children: /* @__PURE__ */ a(
-                  "span",
-                  {
-                    className: "univer-flex-1 univer-truncate",
-                    children: se
-                  }
-                ) })
-              ] }),
-              !!s && /* @__PURE__ */ I("div", { className: "univer-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-row", children: [
-                /* @__PURE__ */ a(
-                  "div",
-                  {
-                    className: me("univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-800", {
-                      "univer-text-green-500": D
-                    }),
-                    onClick: re,
-                    children: D ? /* @__PURE__ */ a(Oe, {}) : /* @__PURE__ */ a(Re, {})
-                  }
-                ),
-                (E == null ? void 0 : E.userID) === s.root.personId ? /* @__PURE__ */ a(
-                  "div",
-                  {
-                    className: "univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-800",
-                    onClick: Q,
-                    children: /* @__PURE__ */ a(Te, {})
-                  }
-                ) : null
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ a(
-          "div",
-          {
-            ref: R,
-            className: me("univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden", ut),
-            children: J.map(
-              (C) => /* @__PURE__ */ a(
-                Bt,
-                {
-                  unitId: t,
-                  subUnitId: r,
-                  item: C,
-                  isRoot: C.id === (s == null ? void 0 : s.root.id),
-                  editing: f === C.id,
-                  resolved: s == null ? void 0 : s.root.resolved,
-                  type: y,
-                  onClose: h,
-                  onEditingChange: (M) => {
-                    _(M ? C.id : "");
-                  },
-                  onReply: (M) => {
-                    M && requestAnimationFrame(() => {
-                      var H;
-                      (H = L.current) == null || H.reply(At([
-                        {
-                          type: "mention",
-                          content: {
-                            id: M.userID,
-                            label: `@${M.name}`
-                          }
-                        },
-                        {
-                          type: "text",
-                          content: " "
-                        }
-                      ]));
-                    });
-                  },
-                  onAddComment: u,
-                  onDeleteComment: v
-                },
-                C.id
-              )
-            )
-          }
-        ),
-        oe && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
-          Le,
-          {
-            ref: L,
-            type: y,
-            unitId: t,
-            subUnitId: r,
-            onSave: async ({ text: C, attachments: M }) => {
-              const H = {
-                text: C,
-                attachments: M,
-                dT: ot(),
-                id: Xe(),
-                ref: i,
-                personId: E == null ? void 0 : E.userID,
-                parentId: s == null ? void 0 : s.root.id,
-                unitId: t,
-                subUnitId: r,
-                threadId: s == null ? void 0 : s.root.threadId
-              };
-              (u == null ? void 0 : u(H)) !== !1 && (await w.executeCommand(
-                st.id,
-                {
-                  unitId: t,
-                  subUnitId: r,
-                  comment: H
-                }
-              ), R.current && (R.current.scrollTop = R.current.scrollHeight));
-            },
-            autoFocus: j || !s,
-            onCancel: () => {
-              s || h == null || h();
-            }
-          },
-          `${j}`
-        ) })
-      ]
-    }
-  );
-}, Xt = (n) => {
-  const {
-    unitId: e,
-    subUnitId$: t,
-    type: r,
-    onAdd: i,
-    getSubUnitName: o,
-    onResolve: c,
-    sortComments: x,
-    onItemLeave: h,
-    onItemEnter: S,
-    disableAdd: $,
-    tempComment: j,
-    onAddComment: U,
-    onDeleteComment: b,
-    showComments: u
-  } = n, [v, T] = P("all"), [y, V] = P("all"), g = N(fe), O = N(pe), d = N(Se), [m, f] = P(() => d.getUnit(e)), _ = N(Y), p = Z(_.activeCommentId$), s = Z(d.commentUpdate$), w = N(ne), A = Z(t), D = te(!0), E = "panel", L = Z(O.currentUser$), J = ee(() => {
-    var H;
-    const l = v === "all" ? m : (H = m.filter((k) => k.subUnitId === A)) != null ? H : [], C = x != null ? x : ((k) => k), M = l.map((k) => {
-      var B;
-      return { ...k.root, children: (B = k.children) != null ? B : [], users: k.relativeUsers };
-    });
-    if (u) {
-      const k = /* @__PURE__ */ new Map();
-      return M.forEach((B) => {
-        k.set(B.id, B);
-      }), [...u, ""].map((B) => k.get(B)).filter(Boolean);
-    } else
-      return C(M);
-  }, [u, v, m, x, A]), R = ee(() => [
-    ...J.filter((l) => !l.resolved),
-    ...J.filter((l) => l.resolved)
-  ], [J]), re = ee(() => y === "resolved" ? R.filter((l) => l.resolved) : y === "unsolved" ? R.filter((l) => !l.resolved) : y === "concern_me" && L != null && L.userID ? R.filter((l) => l == null ? void 0 : l.users.has(L.userID)) : R, [R, L == null ? void 0 : L.userID, y]), Q = j ? [j, ...re] : re, ie = Q.filter((l) => !l.resolved), oe = Q.filter((l) => l.resolved), se = y !== "all" || v !== "all", ae = () => {
-    V("all"), T("all");
-  };
-  ce(() => {
-    e && f(
-      d.getUnit(e)
-    );
-  }, [e, d, s]), ce(() => {
-    var k;
-    if (!p)
-      return;
-    if (!D.current) {
-      D.current = !0;
-      return;
-    }
-    const { unitId: l, subUnitId: C, commentId: M } = p, H = `${E}-${l}-${C}-${M}`;
-    (k = document.getElementById(H)) == null || k.scrollIntoView({ block: "center" });
-  }, [p]);
-  const X = (l) => /* @__PURE__ */ a(
-    Wt,
-    {
-      prefix: E,
-      getSubUnitName: o,
-      id: l.id,
-      unitId: l.unitId,
-      subUnitId: l.subUnitId,
-      refStr: l.ref,
-      type: r,
-      showEdit: (p == null ? void 0 : p.commentId) === l.id,
-      showHighlight: (p == null ? void 0 : p.commentId) === l.id,
-      onClick: () => {
-        D.current = !1, l.resolved ? w.executeCommand(F.id) : w.executeCommand(
-          F.id,
-          {
-            unitId: l.unitId,
-            subUnitId: l.subUnitId,
-            commentId: l.id,
-            temp: !1
-          }
-        );
-      },
-      onMouseEnter: () => S == null ? void 0 : S(l),
-      onMouseLeave: () => h == null ? void 0 : h(l),
-      onAddComment: U,
-      onDeleteComment: b,
-      onResolve: (C) => c == null ? void 0 : c(l.id, C)
-    },
-    l.id
-  );
-  return /* @__PURE__ */ I("div", { className: "univer-flex univer-min-h-full univer-flex-col univer-pb-3", children: [
-    /* @__PURE__ */ I("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-between", children: [
-      r === de.UNIVER_SHEET ? /* @__PURE__ */ a(
-        Ie,
-        {
-          borderless: !0,
-          value: v,
-          options: [
-            {
-              value: "current",
-              label: g.t("threadCommentUI.filter.sheet.current")
-            },
-            {
-              value: "all",
-              label: g.t("threadCommentUI.filter.sheet.all")
-            }
-          ],
-          onChange: T
-        }
-      ) : null,
-      /* @__PURE__ */ a(
-        Ie,
-        {
-          borderless: !0,
-          value: y,
-          options: [
-            {
-              value: "all",
-              label: g.t("threadCommentUI.filter.status.all")
-            },
-            {
-              value: "resolved",
-              label: g.t("threadCommentUI.filter.status.resolved")
-            },
-            {
-              value: "unsolved",
-              label: g.t("threadCommentUI.filter.status.unsolved")
-            },
-            {
-              value: "concern_me",
-              label: g.t("threadCommentUI.filter.status.concernMe")
-            }
-          ],
-          onChange: V
-        }
-      )
-    ] }),
-    Q.length === 0 ? /* @__PURE__ */ I(
-      "div",
-      {
-        className: "univer-flex univer-flex-1 univer-flex-col univer-items-center univer-justify-center univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-        children: [
-          g.t("threadCommentUI.panel.empty"),
-          se ? /* @__PURE__ */ a("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ a(le, { onClick: ae, children: g.t("threadCommentUI.panel.reset") }) }) : $ ? null : /* @__PURE__ */ a("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ I(le, { onClick: i, children: [
-            /* @__PURE__ */ a(De, { className: "univer-mr-1.5" }),
-            g.t("threadCommentUI.panel.addComment")
-          ] }) })
-        ]
-      }
-    ) : /* @__PURE__ */ I("div", { className: "univer-mt-3 univer-flex univer-flex-col univer-gap-3", children: [
-      ie.map(X),
-      oe.length > 0 && /* @__PURE__ */ a("div", { className: "univer-text-xs", children: g.t("threadCommentUI.panel.solved") }),
-      oe.map(X)
-    ] })
-  ] });
-};
-export {
-  F as SetActiveCommentOperation,
-  xt as THREAD_COMMENT_PANEL,
-  Xt as ThreadCommentPanel,
-  Y as ThreadCommentPanelService,
-  Wt as ThreadCommentTree,
-  yt as ToggleSheetCommentPanelOperation,
-  q as UniverThreadCommentUIPlugin
-};
+import{BuildTextUtils as e,CommandType as t,CustomRangeType as n,DOCS_COMMENT_EDITOR_UNIT_ID_KEY as r,DOCS_NORMAL_EDITOR_UNIT_ID_KEY as i,DependentOn as a,Disposable as o,ICommandService as s,IConfigService as c,IUniverInstanceService as l,Inject as u,Injector as d,LocaleService as f,Plugin as p,Tools as m,UniverInstanceType as h,UserManagerService as g,generateRandomId as _,getBodySlice as v,merge as y,mergeOverrideWithDependencies as b}from"@univerjs/core";import{ISidebarService as x,KeyCode as S,UI_PLUGIN_CONFIG_KEY as C,useConfigValue as w,useDependency as T,useObservable as E}from"@univerjs/ui";import{BehaviorSubject as D,debounceTime as O,filter as k}from"rxjs";import{AddCommentCommand as A,DeleteCommentCommand as ee,DeleteCommentTreeCommand as j,ResolveCommentCommand as te,ThreadCommentModel as ne,UniverThreadCommentPlugin as M,UpdateCommentCommand as N,getDT as P}from"@univerjs/thread-comment";import{Button as F,Dropdown as I,Select as L,Tooltip as R,borderClassName as re,clsx as z,scrollbarClassName as ie}from"@univerjs/design";import{DeleteIcon as ae,IncreaseIcon as oe,MoreHorizontalIcon as B,ReplyToCommentIcon as V,ResolvedIcon as se,SolveIcon as ce}from"@univerjs/icons";import{forwardRef as le,useEffect as H,useImperativeHandle as ue,useMemo as U,useRef as de,useState as W}from"react";import{BreakLineCommand as G,IEditorService as fe,RichTextEditor as pe}from"@univerjs/docs-ui";import{jsx as K,jsxs as q}from"react/jsx-runtime";function J(e){"@babel/helpers - typeof";return J=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},J(e)}function me(e,t){if(J(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(J(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function he(e){var t=me(e,`string`);return J(t)==`symbol`?t:t+``}function Y(e,t,n){return(t=he(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function X(e,t){return function(n,r){t(n,r,e)}}function ge(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let Z=class extends o{constructor(e,t){super(),this._sidebarService=e,this._univerInstanceService=t,Y(this,`_panelVisible`,!1),Y(this,`_panelVisible$`,new D(!1)),Y(this,`_activeCommentId`,void 0),Y(this,`_activeCommentId$`,new D(void 0)),Y(this,`panelVisible$`,this._panelVisible$.asObservable()),Y(this,`activeCommentId$`,this._activeCommentId$.asObservable()),this._init(),this.disposeWithMe(()=>{this._activeCommentId$.complete(),this._panelVisible$.complete()})}_init(){this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(e=>{e.visible||this.setPanelVisible(!1)})),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(h.UNIVER_SHEET).pipe(k(e=>!e)).subscribe(()=>{this._sidebarService.close()}))}get panelVisible(){return this._panelVisible}get activeCommentId(){return this._activeCommentId}setPanelVisible(e){this._panelVisible=e,this._panelVisible$.next(e)}setActiveComment(e){this._activeCommentId=e,this._activeCommentId$.next(e)}};Z=ge([X(0,u(x)),X(1,l)],Z);const _e=`thread-comment-panel`,ve={id:`thread-comment-ui.operation.toggle-panel`,type:t.OPERATION,handler(e){let t=e.get(x),n=e.get(Z);return n.panelVisible?(t.close(),n.setPanelVisible(!1)):(t.open({header:{title:`threadCommentUI.panel.title`},children:{label:_e},width:360}),n.setPanelVisible(!0)),!0}},Q={id:`thread-comment-ui.operation.set-active-comment`,type:t.OPERATION,handler(e,t){return e.get(Z).setActiveComment(t),!0}};var ye=`@univerjs/thread-comment-ui`,be=`0.18.0`;const xe=`thread-comment-ui.config`;Symbol(xe);const Se={};let $=class extends p{constructor(e=Se,t,n,r){super(),this._config=e,this._injector=t,this._commandService=n,this._configService=r;let{menu:i,...a}=y({},Se,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(xe,a)}onStarting(){var e;b([[Z]],(e=this._config)==null?void 0:e.overrides).forEach(e=>{this._injector.add(e)}),[ve,Q].forEach(e=>{this._commandService.registerCommand(e)})}};Y($,`pluginName`,`UNIVER_THREAD_COMMENT_UI_PLUGIN`),Y($,`packageName`,ye),Y($,`version`,be),Y($,`type`,h.UNIVER_UNKNOWN),$=ge([a(M),X(1,u(d)),X(2,s),X(3,c)],$);function Ce(e){return{id:`d`,body:e,documentStyle:{}}}const we=le((t,n)=>{var a;let{comment:o,onSave:c,id:l,onCancel:u,autoFocus:d,unitId:p,type:g}=t,_=T(s),v=T(f),[y,b]=W(!1),x=T(fe),C=de(null),w=g===h.UNIVER_DOC?i:p,[E,D]=W(()=>{var t,n;return e.transform.getPlainText((t=(n=C.current)==null||(n=n.getDocumentData().body)==null?void 0:n.dataStream)==null?``:t)});H(()=>{var t,n,r;D(e.transform.getPlainText((t=(n=C.current)==null||(n=n.getDocumentData().body)==null?void 0:n.dataStream)==null?``:t));let i=(r=C.current)==null?void 0:r.selectionChange$.subscribe(()=>{var t,n;D(e.transform.getPlainText((t=(n=C.current)==null||(n=n.getDocumentData().body)==null?void 0:n.dataStream)==null?``:t))});return()=>i==null?void 0:i.unsubscribe()},[(a=C.current)==null?void 0:a.selectionChange$]);let O=U(()=>({keyCodes:[{keyCode:S.ENTER}],handler:e=>{e===S.ENTER&&_.executeCommand(G.id)}}),[_]);return ue(n,()=>({reply(e){var t,n;if(!C.current)return;x.focus((t=C.current.getEditorId())==null?``:t);let r=Ce(e);(n=C.current)==null||n.setDocumentData(r,[{startOffset:r.body.dataStream.length-2,endOffset:r.body.dataStream.length-2,collapsed:!0}])}})),q(`div`,{onClick:e=>e.preventDefault(),children:[K(pe,{className:`univer-w-full`,editorRef:C,editorId:r,autoFocus:d,keyboardEventConfig:O,placeholder:v.t(`threadCommentUI.editor.placeholder`),initialValue:(o==null?void 0:o.text)&&Ce(o.text),onFocusChange:e=>e&&b(e),isSingle:!1,maxHeight:64,onClickOutside:()=>{setTimeout(()=>{x.focus(w)},30)}}),y?q(`div`,{className:`univer-mt-3 univer-flex univer-flex-row univer-justify-end univer-gap-2`,children:[K(F,{onClick:()=>{var e;u==null||u(),b(!1),(e=C.current)==null||e.replaceText(``,!0),_.executeCommand(Q.id)},children:v.t(`threadCommentUI.editor.cancel`)}),K(F,{variant:`primary`,disabled:!E,onClick:()=>{if(C.current){let e=m.deepClone(C.current.getDocumentData().body);b(!1),c==null||c({...o,text:e}),C.current.replaceText(``),setTimeout(()=>{var e,t;(e=C.current)==null||e.setSelectionRanges([]),(t=C.current)==null||t.blur()},10)}},children:v.t(l?`threadCommentUI.editor.save`:`threadCommentUI.editor.reply`)})]}):null]})}),Te=e=>{let{dataStream:t,customRanges:n}=e,r=t.endsWith(`\r
+`)?t.length-2:t.length,i=[],a=0;return n==null||n.forEach(e=>{a<e.startIndex&&i.push({type:`text`,content:t.slice(a,e.startIndex)}),i.push({type:`mention`,content:{label:t.slice(e.startIndex,e.endIndex+1),id:e.rangeId}}),a=e.endIndex+1}),i.push({type:`text`,content:t.slice(a,r)}),i},Ee=e=>{if(!e)return[];let{paragraphs:t=[]}=e;return t.map((n,r)=>Te(v(e,r===0?0:t[r-1].startIndex+1,n.startIndex)))},De=e=>{let t=``,r=[];return e.forEach(e=>{switch(e.type){case`text`:t+=e.content;break;case`mention`:{let i=t.length;t+=e.content.label;let a=t.length-1;r.push({rangeId:e.content.id,rangeType:n.MENTION,startIndex:i,endIndex:a,properties:{},wholeEntity:!0});break}default:break}}),t+=`\r
+`,{textRuns:[],paragraphs:[{startIndex:t.length-2,paragraphStyle:{}}],sectionBreaks:[{startIndex:t.length-1}],dataStream:t,customRanges:r}},Oe=`__mock__`,ke=e=>{let{item:t,unitId:n,subUnitId:r,editing:i,onEditingChange:a,onReply:o,resolved:c,isRoot:l,onClose:u,onDeleteComment:d,type:p}=e,m=T(s),h=T(f),_=T(g),v=_.getUser(t.personId),y=E(_.currentUser$),b=(y==null?void 0:y.userID)===t.personId,x=t.id===Oe,[S,D]=W(!1),O=w(C),k=O==null?void 0:O.avatarFallback;return q(`div`,{className:`univer-relative univer-mb-3 univer-pl-[30px]`,onMouseLeave:()=>D(!1),onMouseEnter:()=>D(!0),children:[K(`div`,{className:`
+                  univer-absolute univer-left-0 univer-top-0 univer-size-6 univer-rounded-full univer-bg-cover
+                  univer-bg-center univer-bg-no-repeat
+                `,style:{backgroundImage:`url(${(v==null?void 0:v.avatar)||k})`}}),v?q(`div`,{className:`univer-mb-1 univer-flex univer-h-6 univer-items-center univer-justify-between`,children:[K(`div`,{className:`univer-text-sm univer-font-medium univer-leading-5`,children:(v==null?void 0:v.name)||` `}),q(`div`,{children:[x||c?null:S&&v?K(`div`,{className:`
+                                                  univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer
+                                                  univer-items-center univer-justify-center univer-rounded-sm
+                                                  univer-text-base
+                                                  hover:univer-bg-gray-50
+                                                `,onClick:()=>o(v),children:K(V,{})}):null,b&&!x&&!c?K(I,{overlay:K(`div`,{className:`univer-rounded-lg`,children:q(`ul`,{className:`
+                                                      univer-m-0 univer-box-border univer-grid univer-list-none
+                                                      univer-p-1.5 univer-text-sm
+                                                      [&_a]:univer-block [&_a]:univer-cursor-pointer
+                                                      [&_a]:univer-rounded [&_a]:univer-px-2 [&_a]:univer-py-1.5
+                                                      [&_a]:univer-transition-colors
+                                                    `,children:[K(`li`,{children:K(`a`,{className:`hover:univer-bg-gray-200`,onClick:()=>a==null?void 0:a(!0),children:h.t(`threadCommentUI.item.edit`)})}),K(`li`,{children:K(`a`,{className:`hover:univer-bg-gray-200`,onClick:()=>{(d==null?void 0:d(t))!==!1&&(m.executeCommand(l?j.id:ee.id,{unitId:n,subUnitId:r,commentId:t.id}),l&&(u==null||u()))},children:h.t(`threadCommentUI.item.delete`)})})]})}),children:K(`div`,{className:`
+                                              univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer
+                                              univer-items-center univer-justify-center univer-rounded-sm
+                                              univer-text-base
+                                              hover:univer-bg-gray-50
+                                            `,children:K(B,{})})}):null]})]}):null,K(`time`,{className:`
+                  univer-mb-1 univer-text-xs/normal univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:t.dT}),i?K(we,{type:p,id:t.id,comment:t,onCancel:()=>a==null?void 0:a(!1),autoFocus:!0,unitId:n,subUnitId:r,onSave:({text:e,attachments:i})=>{a==null||a(!1),m.executeCommand(N.id,{unitId:n,subUnitId:r,payload:{commentId:t.id,text:e,attachments:i}})}}):K(`div`,{className:`
+                          univer-text-sm univer-text-gray-900
+                          dark:!univer-text-white
+                        `,children:Ee(t.text).map((e,t)=>K(`div`,{className:`univer-break-words`,children:e.map((e,t)=>{switch(e.type){case`mention`:return q(`a`,{className:`univer-text-primary-600`,children:[e.content.label,` `]},t);default:return e.content}})},t))})]})},Ae=e=>{var t,n,r;let{id:i,unitId:a,subUnitId:o,refStr:c,showEdit:l=!0,onClick:u,showHighlight:d,onClose:f,getSubUnitName:p,prefix:m,autoFocus:h,onMouseEnter:v,onMouseLeave:y,onAddComment:b,onDeleteComment:x,onResolve:S,type:C,style:w,full:D}=e,k=T(ne),[ee,M]=W(!1),[N,F]=W(``);E(U(()=>k.commentUpdate$.pipe(O(16)),[k]));let I=i?k.getCommentWithChildren(a,o,i):null,L=T(s),oe=T(g),B=I==null?void 0:I.root.resolved,V=E(oe.currentUser$),le=de(null),ue=[...I?[I.root]:[{id:Oe,text:{dataStream:`
+\r`},personId:(t=V==null?void 0:V.userID)==null?``:t,ref:c==null?``:c,dT:``,unitId:a,subUnitId:o,threadId:``}],...(n=I==null?void 0:I.children)==null?[]:n],G=de(null),fe=e=>{e.stopPropagation(),B?L.executeCommand(Q.id,{unitId:a,subUnitId:o,commentId:i}):L.executeCommand(Q.id),L.executeCommand(te.id,{unitId:a,subUnitId:o,commentId:i,resolved:!B}),S==null||S(!B)},pe=e=>{e.stopPropagation(),L.executeCommand(Q.id),!(I!=null&&I.root&&(x==null?void 0:x(I.root))===!1)&&(L.executeCommand(j.id,{unitId:a,subUnitId:o,commentId:i}),f==null||f())};H(()=>y==null?void 0:y(),[]);let J=p((r=I==null?void 0:I.root.subUnitId)==null?o:r),me=l&&!N&&!B,he=`${c||(I==null?void 0:I.root.ref)||``}${J?` · `:``}${J}`;return q(`div`,{id:`${m}-${a}-${o}-${i}`,className:z(`
+              univer-relative univer-box-border univer-rounded-md univer-bg-white univer-p-4
+              dark:!univer-bg-gray-900 dark:!univer-text-white
+            `,re,{"univer-w-[278px]":!D,"univer-w-full":D,"univer-shadow":!B&&(d||ee||m===`cell`)}),style:w,onClick:u,onMouseEnter:()=>{v==null||v(),M(!0)},onMouseLeave:()=>{y==null||y(),M(!1)},children:[!B&&d&&K(`div`,{className:`
+                      univer-absolute univer-left-0 univer-right-0 univer-top-0 univer-h-1.5 univer-rounded-t-md
+                      univer-bg-yellow-400
+                    `}),q(`div`,{className:`
+                  univer-mb-4 univer-flex univer-flex-row univer-items-center univer-justify-between univer-text-sm
+                  univer-leading-5
+                `,children:[q(`div`,{className:`univer-flex univer-flex-1 univer-flex-row univer-items-center univer-overflow-hidden`,children:[K(`div`,{className:`
+                          univer-mr-2 univer-h-3.5 univer-w-[3px] univer-flex-shrink-0 univer-flex-grow-0
+                          univer-rounded-sm univer-bg-yellow-500
+                        `}),K(R,{showIfEllipsis:!0,title:he,children:K(`span`,{className:`univer-flex-1 univer-truncate`,children:he})})]}),!!I&&q(`div`,{className:`univer-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-row`,children:[K(`div`,{className:z(`
+                              univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center
+                              univer-justify-center univer-rounded-[3px] univer-text-base
+                              hover:univer-bg-gray-50
+                              dark:hover:!univer-bg-gray-800
+                            `,{"univer-text-green-500":B}),onClick:fe,children:K(B?se:ce,{})}),(V==null?void 0:V.userID)===I.root.personId?K(`div`,{className:`
+                                      univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer
+                                      univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base
+                                      hover:univer-bg-gray-50
+                                      dark:hover:!univer-bg-gray-800
+                                    `,onClick:pe,children:K(ae,{})}):null]})]}),K(`div`,{ref:G,className:z(`univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden`,ie),children:ue.map(e=>K(ke,{unitId:a,subUnitId:o,item:e,isRoot:e.id===(I==null?void 0:I.root.id),editing:N===e.id,resolved:I==null?void 0:I.root.resolved,type:C,onClose:f,onEditingChange:t=>{F(t?e.id:``)},onReply:e=>{e&&requestAnimationFrame(()=>{var t;(t=le.current)==null||t.reply(De([{type:`mention`,content:{id:e.userID,label:`@${e.name}`}},{type:`text`,content:` `}]))})},onAddComment:b,onDeleteComment:x},e.id))}),me&&K(`div`,{children:K(we,{ref:le,type:C,unitId:a,subUnitId:o,onSave:async({text:e,attachments:t})=>{if(!(V!=null&&V.userID)||!(I!=null&&I.root))throw Error(`[ThreadCommentTree] No current user or root comment found`);let n={text:e,attachments:t,dT:P(),id:_(),ref:c,personId:V==null?void 0:V.userID,parentId:I==null?void 0:I.root.id,unitId:a,subUnitId:o,threadId:I==null?void 0:I.root.threadId};(b==null?void 0:b(n))!==!1&&(await L.executeCommand(A.id,{unitId:a,subUnitId:o,comment:n}),G.current&&(G.current.scrollTop=G.current.scrollHeight))},autoFocus:h||!I,onCancel:()=>{I||f==null||f()}},`${h}`)})]})},je=e=>{let{unitId:t,subUnitId$:n,type:r,onAdd:i,getSubUnitName:a,onResolve:o,sortComments:c,onItemLeave:l,onItemEnter:u,disableAdd:d,tempComment:p,onAddComment:m,onDeleteComment:_,showComments:v}=e,[y,b]=W(`all`),[x,S]=W(`all`),C=T(f),w=T(g),D=T(ne),[O,k]=W(()=>D.getUnit(t)),A=E(T(Z).activeCommentId$),ee=E(D.commentUpdate$),j=T(s),te=E(n),M=de(!0),N=`panel`,P=E(w.currentUser$),I=U(()=>{var e;let t=y===`all`?O:(e=O.filter(e=>e.subUnitId===te))==null?[]:e,n=c==null?(e=>e):c,r=t.map(e=>{var t;return{...e.root,children:(t=e.children)==null?[]:t,users:e.relativeUsers}});if(v){let e=new Map;return r.forEach(t=>{e.set(t.id,t)}),[...v,``].map(t=>e.get(t)).filter(Boolean)}else return n(r)},[v,y,O,c,te]),R=U(()=>[...I.filter(e=>!e.resolved),...I.filter(e=>e.resolved)],[I]),re=U(()=>x===`resolved`?R.filter(e=>e.resolved):x===`unsolved`?R.filter(e=>!e.resolved):x===`concern_me`&&P!=null&&P.userID?R.filter(e=>e==null?void 0:e.users.has(P.userID)):R,[R,P==null?void 0:P.userID,x]),z=p?[p,...re]:re,ie=z.filter(e=>!e.resolved),ae=z.filter(e=>e.resolved),B=x!==`all`||y!==`all`,V=()=>{S(`all`),b(`all`)};H(()=>{t&&k(D.getUnit(t))},[t,D,ee]),H(()=>{var e;if(!A)return;if(!M.current){M.current=!0;return}let{unitId:t,subUnitId:n,commentId:r}=A,i=`${N}-${t}-${n}-${r}`;(e=document.getElementById(i))==null||e.scrollIntoView({block:`center`})},[A]);let se=e=>K(Ae,{prefix:N,getSubUnitName:a,id:e.id,unitId:e.unitId,subUnitId:e.subUnitId,refStr:e.ref,type:r,showEdit:(A==null?void 0:A.commentId)===e.id,showHighlight:(A==null?void 0:A.commentId)===e.id,onClick:()=>{M.current=!1,e.resolved?j.executeCommand(Q.id):j.executeCommand(Q.id,{unitId:e.unitId,subUnitId:e.subUnitId,commentId:e.id,temp:!1})},onMouseEnter:()=>u==null?void 0:u(e),onMouseLeave:()=>l==null?void 0:l(e),onAddComment:m,onDeleteComment:_,onResolve:t=>o==null?void 0:o(e.id,t)},e.id);return q(`div`,{className:`univer-flex univer-min-h-full univer-flex-col univer-pb-3`,children:[q(`div`,{className:`univer-mt-3 univer-flex univer-flex-row univer-justify-between`,children:[r===h.UNIVER_SHEET?K(L,{borderless:!0,value:y,options:[{value:`current`,label:C.t(`threadCommentUI.filter.sheet.current`)},{value:`all`,label:C.t(`threadCommentUI.filter.sheet.all`)}],onChange:b}):null,K(L,{borderless:!0,value:x,options:[{value:`all`,label:C.t(`threadCommentUI.filter.status.all`)},{value:`resolved`,label:C.t(`threadCommentUI.filter.status.resolved`)},{value:`unsolved`,label:C.t(`threadCommentUI.filter.status.unsolved`)},{value:`concern_me`,label:C.t(`threadCommentUI.filter.status.concernMe`)}],onChange:S})]}),z.length===0?q(`div`,{className:`
+                          univer-flex univer-flex-1 univer-flex-col univer-items-center univer-justify-center
+                          univer-text-sm univer-text-gray-600
+                          dark:!univer-text-gray-200
+                        `,children:[C.t(`threadCommentUI.panel.empty`),B?K(`div`,{className:`univer-mt-2 univer-flex univer-flex-row`,children:K(F,{onClick:V,children:C.t(`threadCommentUI.panel.reset`)})}):d?null:K(`div`,{className:`univer-mt-2 univer-flex univer-flex-row`,children:q(F,{onClick:i,children:[K(oe,{className:`univer-mr-1.5`}),C.t(`threadCommentUI.panel.addComment`)]})})]}):q(`div`,{className:`univer-mt-3 univer-flex univer-flex-col univer-gap-3`,children:[ie.map(se),ae.length>0&&K(`div`,{className:`univer-text-xs`,children:C.t(`threadCommentUI.panel.solved`)}),ae.map(se)]})]})};export{Q as SetActiveCommentOperation,_e as THREAD_COMMENT_PANEL,je as ThreadCommentPanel,Z as ThreadCommentPanelService,Ae as ThreadCommentTree,ve as ToggleSheetCommentPanelOperation,$ as UniverThreadCommentUIPlugin};