@bcc-code/vue-bcc-chat-ui 7.1.56 → 7.1.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/vue-bcc-chat-ui.js +274 -279
  3. package/dist/vue-bcc-chat-ui.js.map +1 -1
  4. package/package.json +1 -1
package/dist/vue-bcc-chat-ui.js CHANGED
@@ -3826,12 +3826,12 @@ function Is(e) {
3826
3826
  ALLOWED_TAGS: Os,
3827
3827
  ALLOWED_ATTR: Ds,
3828
3828
  ALLOW_DATA_ATTR: !1
3829
- }).replace(/(<br\s*\/?>\s*){3,}/gi, "<br><br>").replace(/^(<br\s*\/?>\s*)+|(<br\s*\/?>\s*)+$/gi, "").trim(), n);
3829
+ }).replace(/^(<br\s*\/?>\s*)+|(<br\s*\/?>\s*)+$/gi, "").trim(), n);
3830
3830
  }
3831
3831
  function Ls(e, t) {
3832
3832
  if (!e) return "";
3833
3833
  let n = Ht(kt(e), t ?? {}).replace(/<br\s*\/?>/gi, "\n").replace(ks, (e) => e.startsWith("</") ? "\n" : "");
3834
- return (new DOMParser().parseFromString(`<div>${n}</div>`, "text/html").body.textContent ?? "").replace(/\u00a0/g, " ").replace(/\n{3,}/g, "\n\n").trim();
3834
+ return (new DOMParser().parseFromString(`<div>${n}</div>`, "text/html").body.textContent ?? "").replace(/\u00a0/g, " ").trim();
3835
3835
  }
3836
3836
  function Rs(e, t) {
3837
3837
  if (!e) return "";
@@ -6233,7 +6233,7 @@ I([() => $.value?.conversations.value, () => nu.value], async () => {
6233
6233
  async function fu(e, t) {
6234
6234
  Jl.value = t.loggerCallback, gt(t.language ?? "en"), eu(t.themeMode), e.use(H);
6235
6235
  let n = e.config.globalProperties.$primevue;
6236
- n && (n.config.ripple = !0, n.config.inputVariant = "filled"), e.component("BccChat", Hh), e.provide("theme", { theme: Bl });
6236
+ n && (n.config.ripple = !0, n.config.inputVariant = "filled"), e.component("BccChat", Uh), e.provide("theme", { theme: Bl });
6237
6237
  let r = tu(t.environment);
6238
6238
  $l(Hl.INFO, "Initializing chat", {
6239
6239
  environment: t.environment,
@@ -7128,7 +7128,8 @@ function wd(e, t) {
7128
7128
  }
7129
7129
  //#endregion
7130
7130
  //#region src/composables/useRichTextComposer.ts
7131
- function Td(e, t, r, i) {
7131
+ var Td = 64;
7132
+ function Ed(e, t, r, i) {
7132
7133
  let a = w(0), o = w(!1), s = w({
7133
7134
  x: 0,
7134
7135
  y: 0,
@@ -7253,20 +7254,20 @@ function Td(e, t, r, i) {
7253
7254
  function ie(e, n) {
7254
7255
  let r = t.value, i = e.getBoundingClientRect(), a = r?.getBoundingClientRect(), o = i.width || i.height ? i : a;
7255
7256
  if (!o) return;
7256
- let c = re(), l = c ? 248 : 176, u = c ? 48 : 180, d = c ? 64 : 0, f = n?.clientX ?? o.left + o.width / 2, p = n?.clientY ?? o.top, m = n?.clientY ?? o.bottom, h = l / 2 + 8, g = ne(f, h, Math.max(h, window.innerWidth - l / 2 - 8)), _ = p - 6 - 8, v = window.innerHeight - m - 6 - 8;
7257
- if (!c && (v >= u || v >= _)) {
7257
+ let c = re(), l = c ? 248 : 176, u = c ? 48 : 180, d = c ? Td : 0, f = !c && !!n, p = f ? n.clientX : o.left + o.width / 2, m = f ? n.clientY : o.top, h = f ? n.clientY : o.bottom, g = l / 2 + 8, _ = ne(p, g, Math.max(g, window.innerWidth - l / 2 - 8)), v = m - 6 - 8, y = window.innerHeight - h - 6 - 8;
7258
+ if (!c && (y >= u || y >= v)) {
7258
7259
  let e = Math.max(8, window.innerHeight - u - 8);
7259
7260
  s.value = {
7260
- x: g,
7261
- y: ne(m + 6, 8, e),
7261
+ x: Math.round(_),
7262
+ y: Math.round(ne(h + 6, 8, e)),
7262
7263
  placement: "below"
7263
7264
  };
7264
7265
  return;
7265
7266
  }
7266
- let y = u + 8, b = Math.max(y, window.innerHeight - 8 - d);
7267
+ let b = u + 8, x = Math.max(b, window.innerHeight - 8 - d);
7267
7268
  s.value = {
7268
- x: g,
7269
- y: ne(p - 6 - d, y, b),
7269
+ x: Math.round(_),
7270
+ y: Math.round(ne(m - 6 - d, b, x)),
7270
7271
  placement: "above"
7271
7272
  };
7272
7273
  }
@@ -7304,28 +7305,22 @@ function Td(e, t, r, i) {
7304
7305
  }
7305
7306
  function ce(e) {
7306
7307
  if (!S(e)) {
7307
- if (!i.isTouchUI?.()) {
7308
- if ((e.ctrlKey || e.metaKey) && !e.shiftKey) {
7309
- let t = e.key.toLowerCase();
7310
- if (t === "b") {
7311
- e.preventDefault(), ae("bold");
7312
- return;
7313
- }
7314
- if (t === "i") {
7315
- e.preventDefault(), ae("italic");
7316
- return;
7317
- }
7318
- if (t === "u") {
7319
- e.preventDefault(), ae("underline");
7320
- return;
7321
- }
7322
- if (t === "k") {
7323
- e.preventDefault(), W();
7324
- return;
7325
- }
7308
+ if (!i.isTouchUI?.() && (e.ctrlKey || e.metaKey) && !e.shiftKey) {
7309
+ let t = e.key.toLowerCase();
7310
+ if (t === "b") {
7311
+ e.preventDefault(), ae("bold");
7312
+ return;
7313
+ }
7314
+ if (t === "i") {
7315
+ e.preventDefault(), ae("italic");
7316
+ return;
7317
+ }
7318
+ if (t === "u") {
7319
+ e.preventDefault(), ae("underline");
7320
+ return;
7326
7321
  }
7327
- if (e.key === "Enter" && e.shiftKey) {
7328
- e.preventDefault(), i.submit();
7322
+ if (t === "k") {
7323
+ e.preventDefault(), W();
7329
7324
  return;
7330
7325
  }
7331
7326
  }
@@ -7350,7 +7345,7 @@ function Td(e, t, r, i) {
7350
7345
  A(), te(null);
7351
7346
  return;
7352
7347
  }
7353
- P(t), te(U(t)), j() && (e.preventDefault(), ie(t, e), o.value = !0);
7348
+ P(t), te(U(t)), j() && (e.button === 2 && e.preventDefault(), ie(t, e), o.value = !0);
7354
7349
  }
7355
7350
  function de(t) {
7356
7351
  let n = t.target;
@@ -7404,7 +7399,7 @@ function Td(e, t, r, i) {
7404
7399
  }
7405
7400
  //#endregion
7406
7401
  //#region src/components/messages/ComposerActionsPopover.vue?vue&type=script&setup=true&lang.ts
7407
- var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon" }, Od = { class: "composer-actions-menu__icon" }, kd = /* @__PURE__ */ u({
7402
+ var Dd = ["data-testid", "onClick"], Od = { class: "composer-actions-menu__icon" }, kd = { class: "composer-actions-menu__icon" }, Ad = /* @__PURE__ */ u({
7408
7403
  __name: "ComposerActionsPopover",
7409
7404
  emits: ["pickFile", "openPoll"],
7410
7405
  setup(t, { expose: n, emit: i }) {
@@ -7469,18 +7464,18 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7469
7464
  class: "composer-actions-menu__item",
7470
7465
  "data-testid": e.testId,
7471
7466
  onClick: (t) => h(e.kind)
7472
- }, [o("span", Dd, [(S(), r(D(e.icon), { class: "size-5" }))]), o("span", null, k(j(u)(e.label)), 1)], 8, Ed)), 64)), o("button", {
7467
+ }, [o("span", Od, [(S(), r(D(e.icon), { class: "size-5" }))]), o("span", null, k(j(u)(e.label)), 1)], 8, Dd)), 64)), o("button", {
7473
7468
  type: "button",
7474
7469
  class: "composer-actions-menu__item",
7475
7470
  "data-testid": "composer-create-poll",
7476
7471
  onClick: g
7477
- }, [o("span", Od, [(S(), r(D(j(ce)), { class: "size-5" }))]), o("span", null, k(j(u)("createPoll")), 1)])], 512)), [[F, c.value]]);
7472
+ }, [o("span", kd, [(S(), r(D(j(ce)), { class: "size-5" }))]), o("span", null, k(j(u)("createPoll")), 1)])], 512)), [[F, c.value]]);
7478
7473
  }
7479
- }), Ad = (e, t) => {
7474
+ }), jd = (e, t) => {
7480
7475
  let n = e.__vccOpts || e;
7481
7476
  for (let [e, r] of t) n[e] = r;
7482
7477
  return n;
7483
- }, jd = /* @__PURE__ */ Ad(kd, [["__scopeId", "data-v-5e8b1d79"]]), Md = { class: "border-default flex items-start justify-between gap-2 border-t-1 px-3 py-2" }, Nd = { class: "min-w-0" }, Pd = { class: "body-md text-default mt-0.5 overflow-hidden font-medium text-ellipsis whitespace-nowrap" }, Fd = { class: "body-md text-subtle overflow-hidden text-ellipsis whitespace-nowrap" }, Id = /* @__PURE__ */ u({
7478
+ }, Md = /* @__PURE__ */ jd(Ad, [["__scopeId", "data-v-5e8b1d79"]]), Nd = { class: "border-default flex items-start justify-between gap-2 border-t-1 px-3 py-2" }, Pd = { class: "min-w-0" }, Fd = { class: "body-md text-default mt-0.5 overflow-hidden font-medium text-ellipsis whitespace-nowrap" }, Id = { class: "body-md text-subtle overflow-hidden text-ellipsis whitespace-nowrap" }, Ld = /* @__PURE__ */ u({
7484
7479
  __name: "ComposerContextBanner",
7485
7480
  props: {
7486
7481
  message: {},
@@ -7490,10 +7485,10 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7490
7485
  emits: ["cancel"],
7491
7486
  setup(e, { emit: t }) {
7492
7487
  let r = e, i = t, { t: s } = X(), c = Gu(), u = n(() => nc(r.message, s("message"), c.mentionNameByUid.value));
7493
- return (t, n) => (S(), a("div", Md, [o("div", Nd, [
7488
+ return (t, n) => (S(), a("div", Nd, [o("div", Pd, [
7494
7489
  o("p", { class: g(["body-sm font-semibold uppercase", e.variant === "editing" ? "text-information" : "text-success"]) }, k(e.variant === "editing" ? j(s)("editingInContext", { context: e.contextLabel }) : j(s)("replyingInContext", { context: e.contextLabel })), 3),
7495
- o("p", Pd, k(e.message.senderName), 1),
7496
- o("p", Fd, k(u.value), 1)
7490
+ o("p", Fd, k(e.message.senderName), 1),
7491
+ o("p", Id, k(u.value), 1)
7497
7492
  ]), l(j(V), {
7498
7493
  icon: j(de),
7499
7494
  text: "",
@@ -7502,10 +7497,10 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7502
7497
  onClick: n[0] ||= (e) => i("cancel")
7503
7498
  }, null, 8, ["icon"])]));
7504
7499
  }
7505
- }), Ld = ["aria-label"], Rd = { class: "format-menu__label" }, zd = ["aria-label"], Bd = { class: "format-menu__label" }, Vd = ["aria-label"], Hd = { class: "format-menu__label" }, Ud = ["aria-label"], Wd = {
7500
+ }), Rd = ["aria-label"], zd = { class: "format-menu__label" }, Bd = ["aria-label"], Vd = { class: "format-menu__label" }, Hd = ["aria-label"], Ud = { class: "format-menu__label" }, Wd = ["aria-label"], Gd = {
7506
7501
  class: "format-menu__icon",
7507
7502
  "aria-hidden": "true"
7508
- }, Gd = { class: "format-menu__label" }, Kd = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
7503
+ }, Kd = { class: "format-menu__label" }, qd = /* @__PURE__ */ jd(/* @__PURE__ */ u({
7509
7504
  __name: "ComposerFormatMenu",
7510
7505
  props: {
7511
7506
  visible: { type: Boolean },
@@ -7532,7 +7527,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7532
7527
  }, [u[12] ||= o("span", {
7533
7528
  class: "format-menu__icon font-bold",
7534
7529
  "aria-hidden": "true"
7535
- }, "B", -1), o("span", Rd, k(j(c)("bold")), 1)], 40, Ld),
7530
+ }, "B", -1), o("span", zd, k(j(c)("bold")), 1)], 40, Rd),
7536
7531
  o("button", {
7537
7532
  type: "button",
7538
7533
  class: "format-menu__item",
@@ -7543,7 +7538,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7543
7538
  }, [u[13] ||= o("span", {
7544
7539
  class: "format-menu__icon italic",
7545
7540
  "aria-hidden": "true"
7546
- }, "I", -1), o("span", Bd, k(j(c)("italic")), 1)], 40, zd),
7541
+ }, "I", -1), o("span", Vd, k(j(c)("italic")), 1)], 40, Bd),
7547
7542
  o("button", {
7548
7543
  type: "button",
7549
7544
  class: "format-menu__item",
@@ -7554,7 +7549,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7554
7549
  }, [u[14] ||= o("span", {
7555
7550
  class: "format-menu__icon underline",
7556
7551
  "aria-hidden": "true"
7557
- }, "U", -1), o("span", Hd, k(j(c)("underline")), 1)], 40, Vd),
7552
+ }, "U", -1), o("span", Ud, k(j(c)("underline")), 1)], 40, Hd),
7558
7553
  o("button", {
7559
7554
  type: "button",
7560
7555
  class: "format-menu__item",
@@ -7562,16 +7557,16 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7562
7557
  onPointerdown: u[9] ||= z(() => {}, ["prevent"]),
7563
7558
  onMousedown: u[10] ||= z(() => {}, ["prevent"]),
7564
7559
  onClick: u[11] ||= (e) => s("link")
7565
- }, [o("span", Wd, [l(j(Ee), { "aria-hidden": "true" })]), o("span", Gd, k(j(c)("link")), 1)], 40, Ud)
7560
+ }, [o("span", Gd, [l(j(Ee), { "aria-hidden": "true" })]), o("span", Kd, k(j(c)("link")), 1)], 40, Wd)
7566
7561
  ], 6)) : i("", !0)]));
7567
7562
  }
7568
- }), [["__scopeId", "data-v-6273d79f"]]), qd = { class: "space-y-4" }, Jd = {
7563
+ }), [["__scopeId", "data-v-4151ff5d"]]), Jd = { class: "space-y-4" }, Yd = {
7569
7564
  key: 0,
7570
7565
  class: "body-md text-subtle truncate"
7571
- }, Yd = { class: "space-y-2" }, Xd = { class: "heading-sm text-subtle block font-medium!" }, Zd = {
7566
+ }, Xd = { class: "space-y-2" }, Zd = { class: "heading-sm text-subtle block font-medium!" }, Qd = {
7572
7567
  key: 0,
7573
7568
  class: "body-sm text-danger"
7574
- }, Qd = /* @__PURE__ */ u({
7569
+ }, $d = /* @__PURE__ */ u({
7575
7570
  __name: "ComposerLinkDialog",
7576
7571
  props: {
7577
7572
  visible: { type: Boolean },
@@ -7619,8 +7614,8 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7619
7614
  "icon",
7620
7615
  "disabled"
7621
7616
  ])]),
7622
- default: L(() => [o("div", qd, [e.selectedText ? (S(), a("p", Jd, k(e.selectedText), 1)) : i("", !0), o("div", Yd, [
7623
- o("label", Xd, k(j(d)("linkUrl")), 1),
7617
+ default: L(() => [o("div", Jd, [e.selectedText ? (S(), a("p", Yd, k(e.selectedText), 1)) : i("", !0), o("div", Xd, [
7618
+ o("label", Zd, k(j(d)("linkUrl")), 1),
7624
7619
  l(j(re), {
7625
7620
  modelValue: p.value,
7626
7621
  "onUpdate:modelValue": n[0] ||= (e) => p.value = e,
@@ -7640,12 +7635,12 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7640
7635
  "placeholder",
7641
7636
  "onKeydown"
7642
7637
  ]),
7643
- _.value ? (S(), a("p", Zd, k(j(d)("invalidLinkUrl")), 1)) : i("", !0)
7638
+ _.value ? (S(), a("p", Qd, k(j(d)("invalidLinkUrl")), 1)) : i("", !0)
7644
7639
  ])])]),
7645
7640
  _: 1
7646
7641
  }, 8, ["visible", "header"]));
7647
7642
  }
7648
- }), $d = { class: "space-y-6" }, ef = { class: "space-y-2" }, tf = { class: "heading-sm text-subtle block font-medium!" }, nf = { class: "space-y-2" }, rf = { class: "heading-sm text-subtle block font-medium!" }, af = /* @__PURE__ */ u({
7643
+ }), ef = { class: "space-y-6" }, tf = { class: "space-y-2" }, nf = { class: "heading-sm text-subtle block font-medium!" }, rf = { class: "space-y-2" }, af = { class: "heading-sm text-subtle block font-medium!" }, of = /* @__PURE__ */ u({
7649
7644
  __name: "ComposerPollDialog",
7650
7645
  props: {
7651
7646
  visible: { type: Boolean },
@@ -7697,13 +7692,13 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7697
7692
  "icon",
7698
7693
  "disabled"
7699
7694
  ])]),
7700
- default: L(() => [o("div", $d, [o("div", ef, [o("label", tf, k(j(d)("question")), 1), l(j(re), {
7695
+ default: L(() => [o("div", ef, [o("div", tf, [o("label", nf, k(j(d)("question")), 1), l(j(re), {
7701
7696
  modelValue: f.value,
7702
7697
  "onUpdate:modelValue": i[0] ||= (e) => f.value = e,
7703
7698
  fluid: "",
7704
7699
  placeholder: j(d)("pollQuestionPlaceholder")
7705
- }, null, 8, ["modelValue", "placeholder"])]), o("div", nf, [
7706
- o("label", rf, k(j(d)("options")), 1),
7700
+ }, null, 8, ["modelValue", "placeholder"])]), o("div", rf, [
7701
+ o("label", af, k(j(d)("options")), 1),
7707
7702
  (S(!0), a(e, null, T(p.value, (e, t) => (S(), a("div", {
7708
7703
  key: t,
7709
7704
  class: "center"
@@ -7738,7 +7733,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7738
7733
  _: 1
7739
7734
  }, 8, ["visible", "header"]));
7740
7735
  }
7741
- }), of = { class: "w-full space-y-6" }, sf = { class: "w-full space-y-2" }, cf = { class: "heading-sm text-subtle block font-medium!" }, lf = { class: "center left w-full gap-2" }, uf = { class: "body-md bg-elevation-surface-sunken-default rounded-lg px-4 py-3" }, df = /* @__PURE__ */ u({
7736
+ }), sf = { class: "w-full space-y-6" }, cf = { class: "w-full space-y-2" }, lf = { class: "heading-sm text-subtle block font-medium!" }, uf = { class: "center left w-full gap-2" }, df = { class: "body-md bg-elevation-surface-sunken-default rounded-lg px-4 py-3" }, ff = /* @__PURE__ */ u({
7742
7737
  __name: "ComposerScheduleDialog",
7743
7738
  props: {
7744
7739
  visible: { type: Boolean },
@@ -7796,7 +7791,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7796
7791
  "icon",
7797
7792
  "disabled"
7798
7793
  ])]),
7799
- default: L(() => [o("div", of, [o("div", sf, [o("label", cf, k(j(c)("sendAt")), 1), o("div", lf, [l(j(ne), {
7794
+ default: L(() => [o("div", sf, [o("div", cf, [o("label", lf, k(j(c)("sendAt")), 1), o("div", uf, [l(j(ne), {
7800
7795
  modelValue: u.value,
7801
7796
  "onUpdate:modelValue": n[0] ||= (e) => u.value = e,
7802
7797
  class: "w-full flex-1",
@@ -7810,22 +7805,22 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7810
7805
  mask: "##:##",
7811
7806
  pattern: "^([01]\\d|2[0-3]):([0-5]\\d)$",
7812
7807
  "aria-label": "Time (24-hour)"
7813
- }, null, 8, ["modelValue"])])]), o("div", uf, k(e.contentPreview), 1)])]),
7808
+ }, null, 8, ["modelValue"])])]), o("div", df, k(e.contentPreview), 1)])]),
7814
7809
  _: 1
7815
7810
  }, 8, ["visible", "header"]));
7816
7811
  }
7817
- }), ff = [
7812
+ }), pf = [
7818
7813
  "aria-selected",
7819
7814
  "onMouseover",
7820
7815
  "onMousedown"
7821
- ], pf = {
7816
+ ], mf = {
7822
7817
  key: 1,
7823
7818
  class: "trigger-menu__avatar-fallback",
7824
7819
  "aria-hidden": "true"
7825
- }, mf = { class: "min-w-0" }, hf = { class: "trigger-menu__label" }, gf = {
7820
+ }, hf = { class: "min-w-0" }, gf = { class: "trigger-menu__label" }, _f = {
7826
7821
  key: 0,
7827
7822
  class: "trigger-menu__subtitle"
7828
- }, _f = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
7823
+ }, vf = /* @__PURE__ */ jd(/* @__PURE__ */ u({
7829
7824
  __name: "ComposerTriggerMenu",
7830
7825
  props: /* @__PURE__ */ m({
7831
7826
  visible: { type: Boolean },
@@ -7860,18 +7855,18 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7860
7855
  src: e.avatar,
7861
7856
  name: e.label,
7862
7857
  size: "sm"
7863
- }, null, 8, ["src", "name"])) : (S(), a("span", pf, k(e.label.charAt(0)), 1)), o("span", mf, [o("span", hf, k(e.label), 1), e.subtitle ? (S(), a("span", gf, k(e.subtitle), 1)) : i("", !0)])], 42, ff))), 128))], 38)) : i("", !0)]));
7858
+ }, null, 8, ["src", "name"])) : (S(), a("span", mf, k(e.label.charAt(0)), 1)), o("span", hf, [o("span", gf, k(e.label), 1), e.subtitle ? (S(), a("span", _f, k(e.subtitle), 1)) : i("", !0)])], 42, pf))), 128))], 38)) : i("", !0)]));
7864
7859
  }
7865
- }), [["__scopeId", "data-v-9cc0f5b0"]]), vf = ["accept", "disabled"], yf = { class: "px-1 pb-1.5" }, bf = {
7860
+ }), [["__scopeId", "data-v-9cc0f5b0"]]), yf = ["accept", "disabled"], bf = { class: "px-1 pb-1.5" }, xf = {
7866
7861
  key: 0,
7867
7862
  class: "composer-file-preview"
7868
- }, xf = { class: "min-w-0" }, Sf = { class: "heading-sm text-default truncate" }, Cf = { class: "body-sm text-subtle" }, wf = ["data-placeholder"], Tf = {
7863
+ }, Sf = { class: "min-w-0" }, Cf = { class: "heading-sm text-default truncate" }, wf = { class: "body-sm text-subtle" }, Tf = ["data-placeholder"], Ef = {
7869
7864
  key: 0,
7870
7865
  class: "body-sm text-subtle flex items-center gap-2 px-0.5"
7871
- }, Ef = {
7866
+ }, Df = {
7872
7867
  key: 2,
7873
7868
  class: "ml-auto"
7874
- }, Df = 450, Of = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
7869
+ }, Of = 450, kf = /* @__PURE__ */ jd(/* @__PURE__ */ u({
7875
7870
  __name: "MessageComposer",
7876
7871
  props: {
7877
7872
  modelValue: {},
@@ -7907,7 +7902,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
7907
7902
  video: "video/*",
7908
7903
  audio: "audio/*",
7909
7904
  file: "*/*"
7910
- }, u = e, d = s, f = w(null), m = w(null), _ = w(null), v = w("file"), y = w(!1), b = w(!1), x = w(!1), C = w(""), T = w(""), E = w(!1), { t: D } = X(), { isTouchUI: O } = vd(), A = null, M = w(null), N = w(null), P = w(null), { applyLink: F, applyFormat: L, cancelLink: ee, editorKey: R, formatMenuPosition: B, focusEditor: H, handleContextMenu: U, handleInput: te, handleKeydown: ne, handlePaste: re, hideFormatMenu: ie, getSelectionState: ae, requestLink: W, resetEditor: K, showFormatMenu: q, triggerCandidates: se, triggerMenuPosition: ce, highlightedTriggerIndex: le, showTriggerMenu: fe, selectTriggerCandidate: pe } = Td(M, N, P, {
7905
+ }, u = e, d = s, f = w(null), m = w(null), _ = w(null), v = w("file"), y = w(!1), b = w(!1), x = w(!1), C = w(""), T = w(""), E = w(!1), { t: D } = X(), { isTouchUI: O } = vd(), A = null, M = w(null), N = w(null), P = w(null), { applyLink: F, applyFormat: L, cancelLink: ee, editorKey: R, formatMenuPosition: B, focusEditor: H, handleContextMenu: U, handleInput: te, handleKeydown: ne, handlePaste: re, hideFormatMenu: ie, getSelectionState: ae, requestLink: W, resetEditor: K, showFormatMenu: q, triggerCandidates: se, triggerMenuPosition: ce, highlightedTriggerIndex: le, showTriggerMenu: fe, selectTriggerCandidate: pe } = Ed(M, N, P, {
7911
7906
  getModelValue: () => u.modelValue,
7912
7907
  updateModelValue: (e) => d("update:modelValue", e),
7913
7908
  submit: () => Le(),
@@ -8031,7 +8026,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8031
8026
  function Y(e) {
8032
8027
  u.disabled || !be.value || e instanceof MouseEvent && e.button !== 0 || (E.value = !1, Ve(), A = setTimeout(() => {
8033
8028
  A = null, E.value = !0, b.value = !0;
8034
- }, Df));
8029
+ }, Of));
8035
8030
  }
8036
8031
  function He() {
8037
8032
  Ve();
@@ -8055,15 +8050,15 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8055
8050
  disabled: e.disabled,
8056
8051
  onChange: Te,
8057
8052
  onCancel: Ce
8058
- }, null, 40, vf),
8059
- e.editingMessage ? (S(), r(Id, {
8053
+ }, null, 40, yf),
8054
+ e.editingMessage ? (S(), r(Ld, {
8060
8055
  key: 0,
8061
8056
  message: e.editingMessage,
8062
8057
  variant: "editing",
8063
8058
  "context-label": e.contextLabel,
8064
8059
  onCancel: n[0] ||= (e) => d("cancelEdit")
8065
8060
  }, null, 8, ["message", "context-label"])) : i("", !0),
8066
- e.replyToMessage ? (S(), r(Id, {
8061
+ e.replyToMessage ? (S(), r(Ld, {
8067
8062
  key: 1,
8068
8063
  message: e.replyToMessage,
8069
8064
  variant: "replying",
@@ -8071,8 +8066,8 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8071
8066
  "data-testid": "composer-reply-context",
8072
8067
  onCancel: n[1] ||= (e) => d("cancelReply")
8073
8068
  }, null, 8, ["message", "context-label"])) : i("", !0),
8074
- o("div", yf, [
8075
- _.value ? (S(), a("div", bf, [o("div", xf, [o("p", Sf, k(_.value.name), 1), o("p", Cf, k(_.value.type || ge.value), 1)]), l(j(V), {
8069
+ o("div", bf, [
8070
+ _.value ? (S(), a("div", xf, [o("div", Sf, [o("p", Cf, k(_.value.name), 1), o("p", wf, k(_.value.type || ge.value), 1)]), l(j(V), {
8076
8071
  icon: j(de),
8077
8072
  text: "",
8078
8073
  rounded: "",
@@ -8084,7 +8079,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8084
8079
  ref: M,
8085
8080
  class: g(["composer-shell", u.compact ? "composer-shell--compact" : "composer-shell--default"])
8086
8081
  }, [
8087
- l(jd, {
8082
+ l(Md, {
8088
8083
  ref_key: "composerActionsRef",
8089
8084
  ref: m,
8090
8085
  onPickFile: we,
@@ -8121,8 +8116,8 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8121
8116
  onKeydown: n[6] ||= (...e) => j(ne) && j(ne)(...e),
8122
8117
  onPaste: Ee,
8123
8118
  onContextmenu: n[7] ||= (...e) => j(U) && j(U)(...e)
8124
- }, null, 42, wf)),
8125
- _.value || e.editingMessage || e.contextLabel || e.offlineMode ? (S(), a("div", Tf, [
8119
+ }, null, 42, Tf)),
8120
+ _.value || e.editingMessage || e.contextLabel || e.offlineMode ? (S(), a("div", Ef, [
8126
8121
  e.editingMessage ? (S(), r(j(G), {
8127
8122
  key: 0,
8128
8123
  text: j(D)("editing"),
@@ -8139,7 +8134,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8139
8134
  size: "sm",
8140
8135
  class: "composer-meta-tag"
8141
8136
  }, null, 8, ["text"])) : i("", !0),
8142
- e.offlineMode ? (S(), a("p", Ef, k(e.pendingQueueCount ? j(D)("offlineQueued", { count: e.pendingQueueCount }) : j(D)("offline")), 1)) : i("", !0)
8137
+ e.offlineMode ? (S(), a("p", Df, k(e.pendingQueueCount ? j(D)("offlineQueued", { count: e.pendingQueueCount }) : j(D)("offline")), 1)) : i("", !0)
8143
8138
  ])) : i("", !0),
8144
8139
  e.showScheduledButton ? (S(), r(j(V), {
8145
8140
  key: 1,
@@ -8179,7 +8174,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8179
8174
  "icon"
8180
8175
  ])
8181
8176
  ], 2),
8182
- e.formattingMode === "external" ? i("", !0) : (S(), r(Kd, {
8177
+ e.formattingMode === "external" ? i("", !0) : (S(), r(qd, {
8183
8178
  key: 1,
8184
8179
  visible: j(q),
8185
8180
  position: j(B),
@@ -8190,7 +8185,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8190
8185
  "position",
8191
8186
  "onLink"
8192
8187
  ])),
8193
- l(_f, {
8188
+ l(vf, {
8194
8189
  ref_key: "triggerMenuRef",
8195
8190
  ref: P,
8196
8191
  "highlighted-index": j(le),
@@ -8205,13 +8200,13 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8205
8200
  "position",
8206
8201
  "candidates"
8207
8202
  ]),
8208
- l(af, {
8203
+ l(of, {
8209
8204
  visible: y.value,
8210
8205
  "onUpdate:visible": n[12] ||= (e) => y.value = e,
8211
8206
  disabled: e.disabled,
8212
8207
  onSend: Re
8213
8208
  }, null, 8, ["visible", "disabled"]),
8214
- e.formattingMode === "external" ? i("", !0) : (S(), r(Qd, {
8209
+ e.formattingMode === "external" ? i("", !0) : (S(), r($d, {
8215
8210
  key: 2,
8216
8211
  visible: x.value,
8217
8212
  "onUpdate:visible": n[13] ||= (e) => x.value = e,
@@ -8226,7 +8221,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8226
8221
  "initial-url",
8227
8222
  "selected-text"
8228
8223
  ])),
8229
- l(df, {
8224
+ l(ff, {
8230
8225
  visible: b.value,
8231
8226
  "onUpdate:visible": n[14] ||= (e) => b.value = e,
8232
8227
  disabled: e.disabled,
@@ -8242,10 +8237,10 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8242
8237
  ])
8243
8238
  ], 2));
8244
8239
  }
8245
- }), [["__scopeId", "data-v-50a9c196"]]), kf = {
8240
+ }), [["__scopeId", "data-v-50a9c196"]]), Af = {
8246
8241
  key: 1,
8247
8242
  class: "composer-readonly-notice"
8248
- }, Af = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
8243
+ }, jf = /* @__PURE__ */ jd(/* @__PURE__ */ u({
8249
8244
  __name: "ConversationComposer",
8250
8245
  props: {
8251
8246
  target: {},
@@ -8334,7 +8329,7 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8334
8329
  focusEditor: ee,
8335
8330
  getComposerSelection: H,
8336
8331
  requestComposerLink: z
8337
- }), (t, n) => x.value ? (S(), r(Of, {
8332
+ }), (t, n) => x.value ? (S(), r(kf, {
8338
8333
  key: 0,
8339
8334
  ref_key: "composerRef",
8340
8335
  ref: L,
@@ -8375,10 +8370,10 @@ var Ed = ["data-testid", "onClick"], Dd = { class: "composer-actions-menu__icon"
8375
8370
  "mention-name-by-uid",
8376
8371
  "mentions-enabled",
8377
8372
  "formatting-mode"
8378
- ])) : C.value ? (S(), a("div", kf, k(h.value ? j(l)("repliesDisabledInChannels") : j(l)("readOnlyChannel")), 1)) : i("", !0);
8373
+ ])) : C.value ? (S(), a("div", Af, k(h.value ? j(l)("repliesDisabledInChannels") : j(l)("readOnlyChannel")), 1)) : i("", !0);
8379
8374
  }
8380
- }), [["__scopeId", "data-v-924c6768"]]), jf = 1800;
8381
- function Mf(e) {
8375
+ }), [["__scopeId", "data-v-924c6768"]]), Mf = 1800;
8376
+ function Nf(e) {
8382
8377
  let t = e.actionMenuRef, n = w(null), r = w(null), i = w({}), { isTouchUI: a } = vd(), o = null;
8383
8378
  function s(e) {
8384
8379
  return e.kind === "text" && ec(e.text);
@@ -8514,7 +8509,7 @@ function Mf(e) {
8514
8509
  }
8515
8510
  r.value = e.id, o && clearTimeout(o), o = setTimeout(() => {
8516
8511
  r.value = null;
8517
- }, jf), b();
8512
+ }, Mf), b();
8518
8513
  }
8519
8514
  function E(t) {
8520
8515
  e.canReply() && (e.emit.reply(t), b());
@@ -8627,8 +8622,8 @@ function Mf(e) {
8627
8622
  }
8628
8623
  //#endregion
8629
8624
  //#region src/composables/useMessageListScroll.ts
8630
- var Nf = 1, Pf = 2, Ff = 80, If = 1800, Lf = 4;
8631
- function Rf(e) {
8625
+ var Pf = 1, Ff = 2, If = 80, Lf = 1800, Rf = 4;
8626
+ function zf(e) {
8632
8627
  let t = e.threadRef, n = !0, r = 0, i = null, a = null, o = null, s = null;
8633
8628
  function c() {
8634
8629
  o != null && (cancelAnimationFrame(o), o = null);
@@ -8670,7 +8665,7 @@ function Rf(e) {
8670
8665
  resizeObserver: o,
8671
8666
  timeoutId: setTimeout(() => {
8672
8667
  f();
8673
- }, If)
8668
+ }, Lf)
8674
8669
  }, a(), o.observe(e);
8675
8670
  }
8676
8671
  function m() {
@@ -8681,9 +8676,9 @@ function Rf(e) {
8681
8676
  let a = t.value;
8682
8677
  if (!a) return;
8683
8678
  let o = a.scrollTop;
8684
- i?.el === a && Math.abs(o - i.expectedScrollTop) > Lf && f();
8679
+ i?.el === a && Math.abs(o - i.expectedScrollTop) > Rf && f();
8685
8680
  let s = o < r, c = Math.max(0, a.scrollHeight - o - a.clientHeight);
8686
- s && c > Nf ? n = !1 : c <= Pf && (n = !0), r = o, a.scrollTop <= Ff && !e.isLoading() && !e.isLoadingOlder() && e.canLoadOlder() && e.onLoadOlder();
8681
+ s && c > Pf ? n = !1 : c <= Ff && (n = !0), r = o, a.scrollTop <= If && !e.isLoading() && !e.isLoadingOlder() && e.canLoadOlder() && e.onLoadOlder();
8687
8682
  }
8688
8683
  return I(() => {
8689
8684
  let t = e.getMessages();
@@ -8711,14 +8706,14 @@ function Rf(e) {
8711
8706
  }
8712
8707
  //#endregion
8713
8708
  //#region src/composables/useImageZoom.ts
8714
- var zf = 1, Bf = 4;
8715
- function Vf(e) {
8709
+ var Bf = 1, Vf = 4;
8710
+ function Hf(e) {
8716
8711
  let t = w(1), n = w(0), r = w(0), i = w(!1), a = /* @__PURE__ */ new Map(), o = null, s = 0, c = 0, l = 0, u = 0, d = 0, f = 1, p = 0, m = 0;
8717
8712
  function h(e, t, n) {
8718
8713
  return Math.min(Math.max(e, t), n);
8719
8714
  }
8720
8715
  function g(e) {
8721
- return h(e, zf, Bf);
8716
+ return h(e, Bf, Vf);
8722
8717
  }
8723
8718
  function _(n, r, i = t.value) {
8724
8719
  let a = e.viewportRef.value?.clientWidth ?? 0, o = e.viewportRef.value?.clientHeight ?? 0, s = e.imageRef.value?.clientWidth ?? a, c = e.imageRef.value?.clientHeight ?? o, l = s * i, u = c * i, d = Math.max(0, (l - a) / 2), f = Math.max(0, (u - o) / 2);
@@ -8808,10 +8803,10 @@ function Vf(e) {
8808
8803
  }
8809
8804
  //#endregion
8810
8805
  //#region src/components/overlays/FullscreenDialog.vue?vue&type=script&setup=true&lang.ts
8811
- var Hf = { class: "w-full" }, Uf = {
8806
+ var Uf = { class: "w-full" }, Wf = {
8812
8807
  key: 0,
8813
8808
  class: "fullscreen-dialog__footer"
8814
- }, Wf = /* @__PURE__ */ u({
8809
+ }, Gf = /* @__PURE__ */ u({
8815
8810
  __name: "FullscreenDialog",
8816
8811
  props: {
8817
8812
  open: { type: Boolean },
@@ -8836,34 +8831,34 @@ var Hf = { class: "w-full" }, Uf = {
8836
8831
  closable: !0,
8837
8832
  "onUpdate:visible": s
8838
8833
  }, {
8839
- default: L(() => [o("div", Hf, [E(t.$slots, "default")]), t.$slots.footer ? (S(), a("div", Uf, [E(t.$slots, "footer")])) : i("", !0)]),
8834
+ default: L(() => [o("div", Uf, [E(t.$slots, "default")]), t.$slots.footer ? (S(), a("div", Wf, [E(t.$slots, "footer")])) : i("", !0)]),
8840
8835
  _: 3
8841
8836
  }, 8, ["visible", "header"]));
8842
8837
  }
8843
- }), Gf = ["href"], Kf = { class: "media-viewer-shell flex min-h-0 flex-1 items-center justify-center overflow-hidden" }, qf = ["src", "alt"], Jf = {
8838
+ }), Kf = ["href"], qf = { class: "media-viewer-shell flex min-h-0 flex-1 items-center justify-center overflow-hidden" }, Jf = ["src", "alt"], Yf = {
8844
8839
  key: 1,
8845
8840
  class: "media-viewer-stage media-viewer-stage-video flex w-full items-center justify-center"
8846
- }, Yf = {
8841
+ }, Xf = {
8847
8842
  class: "max-h-full w-full bg-black",
8848
8843
  controls: "",
8849
8844
  playsinline: "",
8850
8845
  autoplay: ""
8851
- }, Xf = ["src", "type"], Zf = {
8846
+ }, Zf = ["src", "type"], Qf = {
8852
8847
  key: 2,
8853
8848
  class: "media-viewer-stage media-viewer-audio-stage flex w-full items-center justify-center px-5 py-6"
8854
- }, Qf = {
8849
+ }, $f = {
8855
8850
  class: "w-full",
8856
8851
  controls: "",
8857
8852
  autoplay: ""
8858
- }, $f = ["src", "type"], ep = {
8853
+ }, ep = ["src", "type"], tp = {
8859
8854
  key: 0,
8860
8855
  class: "media-viewer-footer flex min-w-0 items-center justify-between gap-3 px-4 py-3 max-md:px-3.5 max-md:py-3"
8861
- }, tp = { class: "min-w-0 flex-1" }, np = { class: "heading-sm text-default truncate" }, rp = { class: "body-sm text-subtle" }, ip = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
8856
+ }, np = { class: "min-w-0 flex-1" }, rp = { class: "heading-sm text-default truncate" }, ip = { class: "body-sm text-subtle" }, ap = /* @__PURE__ */ jd(/* @__PURE__ */ u({
8862
8857
  __name: "MediaViewerDialog",
8863
8858
  props: { attachment: {} },
8864
8859
  emits: ["close"],
8865
8860
  setup(t, { emit: s }) {
8866
- let c = t, l = s, u = w(null), d = w(null), f = n(() => !!c.attachment?.url), p = n(() => c.attachment?.kind === "image"), m = n(() => c.attachment?.kind === "video"), h = n(() => c.attachment?.kind === "audio"), { t: _ } = X(), { scale: y, translateX: b, translateY: x, isDragging: C, resetTransform: T, handlePointerDown: E, handlePointerMove: O, handlePointerUp: A, handlePointerCancel: M, handleWheel: N, handleDoubleClick: P } = Vf({
8861
+ let c = t, l = s, u = w(null), d = w(null), f = n(() => !!c.attachment?.url), p = n(() => c.attachment?.kind === "image"), m = n(() => c.attachment?.kind === "video"), h = n(() => c.attachment?.kind === "audio"), { t: _ } = X(), { scale: y, translateX: b, translateY: x, isDragging: C, resetTransform: T, handlePointerDown: E, handlePointerMove: O, handlePointerUp: A, handlePointerCancel: M, handleWheel: N, handleDoubleClick: P } = Hf({
8867
8862
  viewportRef: u,
8868
8863
  imageRef: d,
8869
8864
  isImage: () => p.value
@@ -8874,7 +8869,7 @@ var Hf = { class: "w-full" }, Uf = {
8874
8869
  function F() {
8875
8870
  l("close");
8876
8871
  }
8877
- return (n, s) => (S(), r(Wf, {
8872
+ return (n, s) => (S(), r(Gf, {
8878
8873
  open: f.value,
8879
8874
  title: t.attachment?.name || j(_)("attachment"),
8880
8875
  subtitle: t.attachment?.kind || "",
@@ -8891,9 +8886,9 @@ var Hf = { class: "w-full" }, Uf = {
8891
8886
  }, [(S(), r(D(j(Oe)), {
8892
8887
  class: "size-4",
8893
8888
  "aria-hidden": "true"
8894
- })), o("span", null, k(j(_)("openInNewTab")), 1)], 8, Gf)) : i("", !0)]),
8895
- footer: L(() => [t.attachment ? (S(), a("div", ep, [o("div", tp, [o("p", np, k(t.attachment.name), 1), o("p", rp, k(t.attachment.kind), 1)])])) : i("", !0)]),
8896
- default: L(() => [o("div", Kf, [t.attachment?.url ? (S(), a(e, { key: 0 }, [p.value ? (S(), a("div", {
8889
+ })), o("span", null, k(j(_)("openInNewTab")), 1)], 8, Kf)) : i("", !0)]),
8890
+ footer: L(() => [t.attachment ? (S(), a("div", tp, [o("div", np, [o("p", rp, k(t.attachment.name), 1), o("p", ip, k(t.attachment.kind), 1)])])) : i("", !0)]),
8891
+ default: L(() => [o("div", qf, [t.attachment?.url ? (S(), a(e, { key: 0 }, [p.value ? (S(), a("div", {
8897
8892
  key: 0,
8898
8893
  ref_key: "viewportRef",
8899
8894
  ref: u,
@@ -8916,13 +8911,13 @@ var Hf = { class: "w-full" }, Uf = {
8916
8911
  transform: `translate3d(${j(b)}px, ${j(x)}px, 0) scale(${j(y)})`,
8917
8912
  transformOrigin: "center center"
8918
8913
  })
8919
- }, null, 14, qf)], 544)) : m.value ? (S(), a("div", Jf, [o("video", Yf, [o("source", {
8914
+ }, null, 14, Jf)], 544)) : m.value ? (S(), a("div", Yf, [o("video", Xf, [o("source", {
8920
8915
  src: t.attachment.url,
8921
8916
  type: t.attachment.mimeType || void 0
8922
- }, null, 8, Xf)])])) : h.value ? (S(), a("div", Zf, [o("audio", Qf, [o("source", {
8917
+ }, null, 8, Zf)])])) : h.value ? (S(), a("div", Qf, [o("audio", $f, [o("source", {
8923
8918
  src: t.attachment.url,
8924
8919
  type: t.attachment.mimeType || void 0
8925
- }, null, 8, $f)])])) : i("", !0)], 64)) : i("", !0)])]),
8920
+ }, null, 8, ep)])])) : i("", !0)], 64)) : i("", !0)])]),
8926
8921
  _: 1
8927
8922
  }, 8, [
8928
8923
  "open",
@@ -8932,7 +8927,7 @@ var Hf = { class: "w-full" }, Uf = {
8932
8927
  "close-aria-label"
8933
8928
  ]));
8934
8929
  }
8935
- }), [["__scopeId", "data-v-0e82cfd0"]]), ap = { class: "date-separator" }, op = { class: "date-separator__label" }, sp = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
8930
+ }), [["__scopeId", "data-v-0e82cfd0"]]), op = { class: "date-separator" }, sp = { class: "date-separator__label" }, cp = /* @__PURE__ */ jd(/* @__PURE__ */ u({
8936
8931
  __name: "MessageDateSeparator",
8937
8932
  props: { date: {} },
8938
8933
  setup(e) {
@@ -8946,24 +8941,24 @@ var Hf = { class: "w-full" }, Uf = {
8946
8941
  year: "numeric"
8947
8942
  }).format(n);
8948
8943
  });
8949
- return (e, t) => (S(), a("div", ap, [o("span", op, k(s.value), 1)]));
8944
+ return (e, t) => (S(), a("div", op, [o("span", sp, k(s.value), 1)]));
8950
8945
  }
8951
- }), [["__scopeId", "data-v-49e72d67"]]), cp = {
8946
+ }), [["__scopeId", "data-v-49e72d67"]]), lp = {
8952
8947
  "data-testid": "action-message",
8953
8948
  class: "message-action-row border-default bg-elevation-surface-default body-sm text-subtle max-w-4/5 rounded-full border px-3 py-1 text-center"
8954
- }, lp = { class: "message-action-row__text" }, up = /* @__PURE__ */ u({
8949
+ }, up = { class: "message-action-row__text" }, dp = /* @__PURE__ */ u({
8955
8950
  __name: "ActionMessageRow",
8956
8951
  props: { text: {} },
8957
8952
  setup(e) {
8958
- return (t, n) => (S(), a("div", cp, [o("span", lp, k(e.text), 1)]));
8953
+ return (t, n) => (S(), a("div", lp, [o("span", up, k(e.text), 1)]));
8959
8954
  }
8960
- }), dp = ["href"], fp = {
8955
+ }), fp = ["href"], pp = {
8961
8956
  key: 0,
8962
8957
  class: "bg-elevation-surface-hovered aspect-[1.9/1] w-full overflow-hidden"
8963
- }, pp = ["src", "alt"], mp = { class: "space-y-1.5 px-3 py-3" }, hp = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, gp = { class: "heading-sm text-default line-clamp-2" }, _p = { class: "body-md text-subtle line-clamp-2" }, vp = {
8958
+ }, mp = ["src", "alt"], hp = { class: "space-y-1.5 px-3 py-3" }, gp = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, _p = { class: "heading-sm text-default line-clamp-2" }, vp = { class: "body-md text-subtle line-clamp-2" }, yp = {
8964
8959
  key: 0,
8965
8960
  class: "body-sm text-subtlest"
8966
- }, yp = /* @__PURE__ */ u({
8961
+ }, bp = /* @__PURE__ */ u({
8967
8962
  __name: "LinkPreviewCard",
8968
8963
  props: {
8969
8964
  url: {},
@@ -9030,18 +9025,18 @@ var Hf = { class: "w-full" }, Uf = {
9030
9025
  target: "_blank",
9031
9026
  rel: "noreferrer",
9032
9027
  class: g(["bg-elevation-surface-default shadow-raised mt-2 block overflow-hidden rounded-xl border-0 no-underline transition hover:opacity-95", e.isOwn ? "bg-elevation-surface-default text-default" : "bg-elevation-surface-sunken text-default"])
9033
- }, [r.value?.imageUrl ? (S(), a("div", fp, [o("img", {
9028
+ }, [r.value?.imageUrl ? (S(), a("div", pp, [o("img", {
9034
9029
  src: r.value.imageUrl,
9035
9030
  alt: r.value.title || l.value,
9036
9031
  class: "h-full w-full object-cover"
9037
- }, null, 8, pp)])) : i("", !0), o("div", mp, [
9038
- o("p", hp, k(r.value?.siteName || l.value), 1),
9039
- o("p", gp, k(r.value?.title || l.value), 1),
9040
- o("p", _p, k(r.value?.description || u.value), 1),
9041
- s.value && !r.value ? (S(), a("p", vp, k(j(c)("loadingPreview")), 1)) : i("", !0)
9042
- ])], 10, dp));
9043
- }
9044
- }), bp = { class: "linkified-text" }, xp = ["innerHTML"], Sp = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
9032
+ }, null, 8, mp)])) : i("", !0), o("div", hp, [
9033
+ o("p", gp, k(r.value?.siteName || l.value), 1),
9034
+ o("p", _p, k(r.value?.title || l.value), 1),
9035
+ o("p", vp, k(r.value?.description || u.value), 1),
9036
+ s.value && !r.value ? (S(), a("p", yp, k(j(c)("loadingPreview")), 1)) : i("", !0)
9037
+ ])], 10, fp));
9038
+ }
9039
+ }), xp = { class: "linkified-text" }, Sp = ["innerHTML"], Cp = /* @__PURE__ */ jd(/* @__PURE__ */ u({
9045
9040
  __name: "LinkifiedText",
9046
9041
  props: {
9047
9042
  text: {},
@@ -9060,25 +9055,25 @@ var Hf = { class: "w-full" }, Uf = {
9060
9055
  let t = e.target;
9061
9056
  t.tagName === "A" && d(e, t);
9062
9057
  }
9063
- return (t, n) => (S(), a("div", bp, [o("div", {
9058
+ return (t, n) => (S(), a("div", xp, [o("div", {
9064
9059
  class: g(["rich-text-content", e.textClass]),
9065
9060
  onClick: f,
9066
9061
  innerHTML: l.value
9067
- }, null, 10, xp), e.showPreview !== !1 && u.value ? (S(), r(yp, {
9062
+ }, null, 10, Sp), e.showPreview !== !1 && u.value ? (S(), r(bp, {
9068
9063
  key: 0,
9069
9064
  url: u.value,
9070
9065
  "is-own": e.isOwn
9071
9066
  }, null, 8, ["url", "is-own"])) : i("", !0)]));
9072
9067
  }
9073
- }), [["__scopeId", "data-v-656b44e8"]]), Cp = { class: "w-full space-y-1" }, wp = {
9068
+ }), [["__scopeId", "data-v-656b44e8"]]), wp = { class: "w-full space-y-1" }, Tp = {
9074
9069
  class: "attachment-video",
9075
9070
  controls: "",
9076
9071
  playsinline: "",
9077
9072
  preload: "metadata"
9078
- }, Tp = ["src", "type"], Ep = ["onClick"], Dp = { class: "inline-flex items-center gap-2 truncate font-medium" }, Op = ["href"], kp = { class: "flex min-w-0 items-center gap-2" }, Ap = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, jp = { class: "text-default truncate font-medium" }, Mp = { class: "body-sm text-subtle shrink-0" }, Np = {
9073
+ }, Ep = ["src", "type"], Dp = ["onClick"], Op = { class: "inline-flex items-center gap-2 truncate font-medium" }, kp = ["href"], Ap = { class: "flex min-w-0 items-center gap-2" }, jp = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, Mp = { class: "text-default truncate font-medium" }, Np = { class: "body-sm text-subtle shrink-0" }, Pp = {
9079
9074
  key: 4,
9080
9075
  class: "flex items-center justify-between gap-3 rounded-2xl px-3 py-2 text-sm"
9081
- }, Pp = { class: "flex min-w-0 items-center gap-2" }, Fp = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, Ip = { class: "text-default truncate font-medium" }, Lp = { class: "body-sm text-subtle shrink-0" }, Rp = 4 / 3, zp = 16 / 9, Bp = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
9076
+ }, Fp = { class: "flex min-w-0 items-center gap-2" }, Ip = { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full" }, Lp = { class: "text-default truncate font-medium" }, Rp = { class: "body-sm text-subtle shrink-0" }, zp = 4 / 3, Bp = 16 / 9, Vp = /* @__PURE__ */ jd(/* @__PURE__ */ u({
9082
9077
  __name: "MessageAttachmentList",
9083
9078
  props: { message: {} },
9084
9079
  emits: ["openMedia"],
@@ -9133,12 +9128,12 @@ var Hf = { class: "w-full" }, Uf = {
9133
9128
  return n ? t.localeCompare(n, void 0, { sensitivity: "accent" }) !== 0 : !0;
9134
9129
  }
9135
9130
  function m(e) {
9136
- return e.width && e.height && e.width > 0 && e.height > 0 ? e.width / e.height : e.kind === "video" ? zp : Rp;
9131
+ return e.width && e.height && e.width > 0 && e.height > 0 ? e.width / e.height : e.kind === "video" ? Bp : zp;
9137
9132
  }
9138
9133
  function h(e) {
9139
9134
  return { aspectRatio: String(m(e)) };
9140
9135
  }
9141
- return (n, d) => (S(), a("div", Cp, [(S(!0), a(e, null, T(t.message.attachments, (n) => (S(), a(e, { key: `${t.message.id}-${n.name}` }, [n.kind === "image" && n.url ? (S(), r(j(te), {
9136
+ return (n, d) => (S(), a("div", wp, [(S(!0), a(e, null, T(t.message.attachments, (n) => (S(), a(e, { key: `${t.message.id}-${n.name}` }, [n.kind === "image" && n.url ? (S(), r(j(te), {
9142
9137
  key: 0,
9143
9138
  preview: "",
9144
9139
  src: n.url,
@@ -9158,34 +9153,34 @@ var Hf = { class: "w-full" }, Uf = {
9158
9153
  key: 1,
9159
9154
  class: "attachment-media-bleed bg-elevation-surface-default shadow-raised attachment-media-frame group relative overflow-hidden rounded-xl border-0",
9160
9155
  style: v(h(n))
9161
- }, [o("video", wp, [o("source", {
9156
+ }, [o("video", Tp, [o("source", {
9162
9157
  src: n.url,
9163
9158
  type: n.mimeType || void 0
9164
- }, null, 8, Tp)])], 4)) : n.kind === "audio" && n.url ? (S(), a("button", {
9159
+ }, null, 8, Ep)])], 4)) : n.kind === "audio" && n.url ? (S(), a("button", {
9165
9160
  key: 2,
9166
9161
  type: "button",
9167
9162
  class: "flex w-full items-center justify-between gap-3 rounded-2xl px-3 py-2 text-left text-sm transition hover:opacity-90",
9168
9163
  onClick: (e) => s("openMedia", n)
9169
- }, [o("span", Dp, [d[0] ||= o("span", { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 items-center justify-center rounded-full" }, " ♪ ", -1), c(" " + k(j(l)("audioMessage")), 1)])], 8, Ep)) : n.url ? (S(), a("a", {
9164
+ }, [o("span", Op, [d[0] ||= o("span", { class: "bg-elevation-surface-hovered text-default inline-flex h-8 w-8 items-center justify-center rounded-full" }, " ♪ ", -1), c(" " + k(j(l)("audioMessage")), 1)])], 8, Dp)) : n.url ? (S(), a("a", {
9170
9165
  key: 3,
9171
9166
  href: n.url,
9172
9167
  target: "_blank",
9173
9168
  rel: "noreferrer",
9174
9169
  class: "flex items-center justify-between gap-3 rounded-2xl px-3 py-2 text-sm no-underline transition hover:opacity-90"
9175
- }, [o("span", kp, [o("span", Ap, [(S(), r(D(f(n)), {
9170
+ }, [o("span", Ap, [o("span", jp, [(S(), r(D(f(n)), {
9176
9171
  class: "size-5",
9177
9172
  "aria-hidden": "true"
9178
- }))]), o("span", jp, k(n.name), 1)]), o("span", Mp, k(u(n.size)), 1)], 8, Op)) : (S(), a("div", Np, [o("span", Pp, [o("span", Fp, [(S(), r(D(f(n)), {
9173
+ }))]), o("span", Mp, k(n.name), 1)]), o("span", Np, k(u(n.size)), 1)], 8, kp)) : (S(), a("div", Pp, [o("span", Fp, [o("span", Ip, [(S(), r(D(f(n)), {
9179
9174
  class: "size-5",
9180
9175
  "aria-hidden": "true"
9181
- }))]), o("span", Ip, k(n.name), 1)]), o("span", Lp, k(u(n.size) || j(l)("queued")), 1)]))], 64))), 128)), p(t.message) ? (S(), r(Sp, {
9176
+ }))]), o("span", Lp, k(n.name), 1)]), o("span", Rp, k(u(n.size) || j(l)("queued")), 1)]))], 64))), 128)), p(t.message) ? (S(), r(Cp, {
9182
9177
  key: 0,
9183
9178
  text: t.message.text,
9184
9179
  "is-own": t.message.isOwn,
9185
9180
  "text-class": "whitespace-normal wrap-break-word body-md text-default"
9186
9181
  }, null, 8, ["text", "is-own"])) : i("", !0)]));
9187
9182
  }
9188
- }), [["__scopeId", "data-v-5c0ccf0e"]]), Vp = { class: "message-status" }, Hp = { key: 0 }, Up = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
9183
+ }), [["__scopeId", "data-v-5c0ccf0e"]]), Hp = { class: "message-status" }, Up = { key: 0 }, Wp = /* @__PURE__ */ jd(/* @__PURE__ */ u({
9189
9184
  __name: "MessageDeliveryStatus",
9190
9185
  props: { message: {} },
9191
9186
  setup(e) {
@@ -9234,8 +9229,8 @@ var Hf = { class: "w-full" }, Uf = {
9234
9229
  };
9235
9230
  }
9236
9231
  });
9237
- return (t, n) => (S(), a("div", Vp, [
9238
- e.message.isEdited && e.message.kind !== "poll" ? (S(), a("span", Hp, k(j(c)("edited")), 1)) : i("", !0),
9232
+ return (t, n) => (S(), a("div", Hp, [
9233
+ e.message.isEdited && e.message.kind !== "poll" ? (S(), a("span", Up, k(j(c)("edited")), 1)) : i("", !0),
9239
9234
  o("span", null, k(l(e.message.sentAt)), 1),
9240
9235
  u.value ? (S(), r(D(u.value.icon), {
9241
9236
  key: 1,
@@ -9250,7 +9245,7 @@ var Hf = { class: "w-full" }, Uf = {
9250
9245
  ])) : i("", !0)
9251
9246
  ]));
9252
9247
  }
9253
- }), [["__scopeId", "data-v-ff4e9daa"]]), Wp = { class: "mb-1 flex items-start justify-between gap-2" }, Gp = { class: "body-sm text-subtlest truncate font-medium!" }, Kp = /* @__PURE__ */ u({
9248
+ }), [["__scopeId", "data-v-ff4e9daa"]]), Gp = { class: "mb-1 flex items-start justify-between gap-2" }, Kp = { class: "body-sm text-subtlest truncate font-medium!" }, qp = /* @__PURE__ */ u({
9254
9249
  __name: "MessageItemHeader",
9255
9250
  props: { message: {} },
9256
9251
  setup(e) {
@@ -9266,7 +9261,7 @@ var Hf = { class: "w-full" }, Uf = {
9266
9261
  function l() {
9267
9262
  return t.message.senderName?.trim() || (t.message.isOwn ? s("you") : s("system"));
9268
9263
  }
9269
- return (t, n) => (S(), a("div", Wp, [o("span", Gp, k(l()), 1), e.message.scheduled?.scheduleDate ? (S(), r(j(G), {
9264
+ return (t, n) => (S(), a("div", Gp, [o("span", Kp, k(l()), 1), e.message.scheduled?.scheduleDate ? (S(), r(j(G), {
9270
9265
  key: 0,
9271
9266
  text: j(s)("scheduledDateLabel", { date: c(e.message.scheduled.scheduleDate) }),
9272
9267
  context: "warn",
@@ -9275,7 +9270,7 @@ var Hf = { class: "w-full" }, Uf = {
9275
9270
  class: "shrink-0"
9276
9271
  }, null, 8, ["text"])) : i("", !0)]));
9277
9272
  }
9278
- }), qp = ["disabled", "onClick"], Jp = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
9273
+ }), Jp = ["disabled", "onClick"], Yp = /* @__PURE__ */ jd(/* @__PURE__ */ u({
9279
9274
  __name: "MessageReactionList",
9280
9275
  props: {
9281
9276
  message: {},
@@ -9294,9 +9289,9 @@ var Hf = { class: "w-full" }, Uf = {
9294
9289
  class: g(["message-reaction-list__item rounded-full px-2 py-0.75 leading-none transition", e.reactedByMe ? "reaction-chip-selected" : t.message.isOwn ? "reaction-chip-own" : "reaction-chip-other"]),
9295
9290
  disabled: t.disabled,
9296
9291
  onClick: (t) => r("toggle", e.emoji)
9297
- }, k(e.emoji) + " " + k(e.count), 11, qp))), 128))], 2)) : i("", !0);
9292
+ }, k(e.emoji) + " " + k(e.count), 11, Jp))), 128))], 2)) : i("", !0);
9298
9293
  }
9299
- }), [["__scopeId", "data-v-c17c8bfd"]]), Yp = { class: "message-reactions flex min-w-0 flex-1 flex-wrap items-center gap-1.5" }, Xp = ["aria-label", "title"], Zp = { class: "message-reactions__thread-count" }, Qp = /* @__PURE__ */ u({
9294
+ }), [["__scopeId", "data-v-c17c8bfd"]]), Xp = { class: "message-reactions flex min-w-0 flex-1 flex-wrap items-center gap-1.5" }, Zp = ["aria-label", "title"], Qp = { class: "message-reactions__thread-count" }, $p = /* @__PURE__ */ u({
9300
9295
  __name: "MessageItemReactions",
9301
9296
  props: {
9302
9297
  message: {},
@@ -9306,7 +9301,7 @@ var Hf = { class: "w-full" }, Uf = {
9306
9301
  emits: ["toggleReaction", "openThread"],
9307
9302
  setup(e, { emit: t }) {
9308
9303
  let s = e, c = t, { t: u } = X(), d = n(() => u("threadReplies", { count: s.message.replyCount })), f = n(() => s.canOpenThread !== !1 && s.message.replyCount > 0);
9309
- return (t, n) => (S(), a("div", Yp, [l(Jp, {
9304
+ return (t, n) => (S(), a("div", Xp, [l(Yp, {
9310
9305
  message: e.message,
9311
9306
  disabled: e.canReact === !1,
9312
9307
  compact: "",
@@ -9321,12 +9316,12 @@ var Hf = { class: "w-full" }, Uf = {
9321
9316
  }, [(S(), r(D(j(je)), {
9322
9317
  class: "size-4",
9323
9318
  "aria-hidden": "true"
9324
- })), o("span", Zp, k(e.message.replyCount), 1)], 8, Xp)) : i("", !0)]));
9319
+ })), o("span", Qp, k(e.message.replyCount), 1)], 8, Zp)) : i("", !0)]));
9325
9320
  }
9326
- }), $p = {
9321
+ }), em = {
9327
9322
  key: 0,
9328
9323
  class: ""
9329
- }, em = { class: "heading-sm text-default" }, tm = { class: "body-sm text-subtle" }, nm = { class: "space-y-2 py-3" }, rm = ["disabled", "onClick"], im = { class: "body-md flex items-center justify-between gap-3 px-3 py-1.5" }, am = { class: "body-sm text-subtle shrink-0" }, om = { class: "bg-alpha-default h-1.5" }, sm = /* @__PURE__ */ u({
9324
+ }, tm = { class: "heading-sm text-default" }, nm = { class: "body-sm text-subtle" }, rm = { class: "space-y-2 py-3" }, im = ["disabled", "onClick"], am = { class: "body-md flex items-center justify-between gap-3 px-3 py-1.5" }, om = { class: "body-sm text-subtle shrink-0" }, sm = { class: "bg-alpha-default h-1.5" }, cm = /* @__PURE__ */ u({
9330
9325
  __name: "MessagePollContent",
9331
9326
  props: {
9332
9327
  message: {},
@@ -9345,18 +9340,18 @@ var Hf = { class: "w-full" }, Uf = {
9345
9340
  let t = r.currentUserId;
9346
9341
  return !!(!t || r.pendingOptionKey === `${r.message.id}:${e}` || r.message.poll.options.some((n) => n.id === e && n.voters.includes(t)));
9347
9342
  }
9348
- return (n, r) => t.message.poll ? (S(), a("div", $p, [o("div", null, [o("h4", em, k(t.message.poll.question), 1), o("p", tm, k(j(c)("voteCount", { count: t.message.poll.totalVotes })), 1)]), o("div", nm, [(S(!0), a(e, null, T(t.message.poll.options, (e) => (S(), a("button", {
9343
+ return (n, r) => t.message.poll ? (S(), a("div", em, [o("div", null, [o("h4", tm, k(t.message.poll.question), 1), o("p", nm, k(j(c)("voteCount", { count: t.message.poll.totalVotes })), 1)]), o("div", rm, [(S(!0), a(e, null, T(t.message.poll.options, (e) => (S(), a("button", {
9349
9344
  key: e.id,
9350
9345
  type: "button",
9351
9346
  class: "shadow-raised bg-elevation-surface-raised-default block w-full overflow-hidden rounded-lg text-left",
9352
9347
  disabled: u(e.id),
9353
9348
  onClick: (t) => s("vote", e.id)
9354
- }, [o("div", im, [o("span", { class: g(["truncate font-medium", l(e.id) ? "text-success" : ""]) }, k(e.text), 3), o("span", am, k(j(c)("voteCount", { count: e.voteCount })), 1)]), o("div", om, [o("div", {
9349
+ }, [o("div", am, [o("span", { class: g(["truncate font-medium", l(e.id) ? "text-success" : ""]) }, k(e.text), 3), o("span", om, k(j(c)("voteCount", { count: e.voteCount })), 1)]), o("div", sm, [o("div", {
9355
9350
  class: g(["h-full transition-all", l(e.id) ? "bg-accent-green-subtle-default" : "bg-accent-teal-subtle-default"]),
9356
9351
  style: v({ width: `${t.message.poll.totalVotes ? e.voteCount / t.message.poll.totalVotes * 100 : 0}%` })
9357
- }, null, 6)])], 8, rm))), 128))])])) : i("", !0);
9352
+ }, null, 6)])], 8, im))), 128))])])) : i("", !0);
9358
9353
  }
9359
- }), cm = { class: "heading-xs" }, lm = { class: "truncate" }, um = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
9354
+ }), lm = { class: "heading-xs" }, um = { class: "truncate" }, dm = /* @__PURE__ */ jd(/* @__PURE__ */ u({
9360
9355
  __name: "MessageReplyQuote",
9361
9356
  props: { message: {} },
9362
9357
  emits: ["open"],
@@ -9366,15 +9361,15 @@ var Hf = { class: "w-full" }, Uf = {
9366
9361
  type: "button",
9367
9362
  class: "reply-quote",
9368
9363
  onClick: n[0] ||= (e) => c("open")
9369
- }, [o("p", cm, k(e.message.replyTo.senderName), 1), o("p", lm, k(s.value), 1)]));
9364
+ }, [o("p", lm, k(e.message.replyTo.senderName), 1), o("p", um, k(s.value), 1)]));
9370
9365
  }
9371
- }), [["__scopeId", "data-v-e27c136c"]]), dm = { class: "space-y-2" }, fm = /* @__PURE__ */ u({
9366
+ }), [["__scopeId", "data-v-e27c136c"]]), fm = { class: "space-y-2" }, pm = /* @__PURE__ */ u({
9372
9367
  __name: "MessageTextContent",
9373
9368
  props: { message: {} },
9374
9369
  emits: ["anchorclick"],
9375
9370
  setup(e) {
9376
9371
  let t = Gu(), o = n(() => t.mentionNameByUid.value);
9377
- return (t, n) => (S(), a("div", dm, [e.message.translatedText ? (S(), r(Sp, {
9372
+ return (t, n) => (S(), a("div", fm, [e.message.translatedText ? (S(), r(Cp, {
9378
9373
  key: 0,
9379
9374
  text: e.message.translatedText,
9380
9375
  "mention-name-by-uid": o.value,
@@ -9388,7 +9383,7 @@ var Hf = { class: "w-full" }, Uf = {
9388
9383
  "mention-name-by-uid",
9389
9384
  "is-own",
9390
9385
  "class"
9391
- ])) : i("", !0), l(Sp, {
9386
+ ])) : i("", !0), l(Cp, {
9392
9387
  text: e.message.text,
9393
9388
  "mention-name-by-uid": o.value,
9394
9389
  "is-own": e.message.isOwn,
@@ -9401,11 +9396,11 @@ var Hf = { class: "w-full" }, Uf = {
9401
9396
  "is-own"
9402
9397
  ])]));
9403
9398
  }
9404
- }), pm = [
9399
+ }), mm = [
9405
9400
  "id",
9406
9401
  "data-message-id",
9407
9402
  "data-message-kind"
9408
- ], mm = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, hm = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, gm = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
9403
+ ], hm = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, gm = { class: "message-item__footer body-sm text-subtlest mt-0.5 flex items-end justify-between gap-2" }, _m = /* @__PURE__ */ jd(/* @__PURE__ */ u({
9409
9404
  __name: "MessageItem",
9410
9405
  props: {
9411
9406
  message: {},
@@ -9458,7 +9453,7 @@ var Hf = { class: "w-full" }, Uf = {
9458
9453
  "data-message-id": t.message.id,
9459
9454
  "data-message-kind": t.message.kind,
9460
9455
  class: g(["message-item group", d.value])
9461
- }, [t.message.kind === "action" ? (S(), r(up, {
9456
+ }, [t.message.kind === "action" ? (S(), r(dp, {
9462
9457
  key: 0,
9463
9458
  text: t.message.text,
9464
9459
  class: g(p.value)
@@ -9477,16 +9472,16 @@ var Hf = { class: "w-full" }, Uf = {
9477
9472
  onContextmenu: _,
9478
9473
  onClick: y
9479
9474
  }, [
9480
- !t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(Kp, {
9475
+ !t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(qp, {
9481
9476
  key: 0,
9482
9477
  message: t.message
9483
9478
  }, null, 8, ["message"])) : i("", !0),
9484
- t.message.replyTo ? (S(), r(um, {
9479
+ t.message.replyTo ? (S(), r(dm, {
9485
9480
  key: 1,
9486
9481
  message: t.message,
9487
9482
  onOpen: C
9488
9483
  }, null, 8, ["message"])) : i("", !0),
9489
- t.message.kind === "poll" && t.message.poll ? (S(), r(sm, {
9484
+ t.message.kind === "poll" && t.message.poll ? (S(), r(cm, {
9490
9485
  key: 2,
9491
9486
  message: t.message,
9492
9487
  "current-user-id": t.currentUserId,
@@ -9496,16 +9491,16 @@ var Hf = { class: "w-full" }, Uf = {
9496
9491
  "message",
9497
9492
  "current-user-id",
9498
9493
  "pending-option-key"
9499
- ])) : t.message.attachments?.length ? (S(), r(Bp, {
9494
+ ])) : t.message.attachments?.length ? (S(), r(Vp, {
9500
9495
  key: 3,
9501
9496
  message: t.message,
9502
9497
  onOpenMedia: s[1] ||= (e) => u("openMedia", e)
9503
- }, null, 8, ["message"])) : (S(), r(fm, {
9498
+ }, null, 8, ["message"])) : (S(), r(pm, {
9504
9499
  key: 4,
9505
9500
  message: t.message,
9506
9501
  onAnchorclick: s[2] ||= (e, t) => n.$emit("anchorclick", e, t)
9507
9502
  }, null, 8, ["message"])),
9508
- o("div", mm, [l(Qp, {
9503
+ o("div", hm, [l($p, {
9509
9504
  message: t.message,
9510
9505
  "can-react": t.canReact,
9511
9506
  "can-open-thread": t.canOpenThread,
@@ -9515,7 +9510,7 @@ var Hf = { class: "w-full" }, Uf = {
9515
9510
  "message",
9516
9511
  "can-react",
9517
9512
  "can-open-thread"
9518
- ]), l(Up, { message: t.message }, null, 8, ["message"])])
9513
+ ]), l(Wp, { message: t.message }, null, 8, ["message"])])
9519
9514
  ], 34),
9520
9515
  t.contextMenuOpen && t.isTouchUi ? (S(), a("div", {
9521
9516
  key: 1,
@@ -9524,16 +9519,16 @@ var Hf = { class: "w-full" }, Uf = {
9524
9519
  class: "message-bubble-wrapper",
9525
9520
  style: v({ top: x.value })
9526
9521
  }, [o("div", { class: g(["message-bubble", f.value]) }, [
9527
- !t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(Kp, {
9522
+ !t.message.isOwn || t.message.scheduled?.scheduleDate ? (S(), r(qp, {
9528
9523
  key: 0,
9529
9524
  message: t.message
9530
9525
  }, null, 8, ["message"])) : i("", !0),
9531
- t.message.replyTo ? (S(), r(um, {
9526
+ t.message.replyTo ? (S(), r(dm, {
9532
9527
  key: 1,
9533
9528
  message: t.message,
9534
9529
  onOpen: C
9535
9530
  }, null, 8, ["message"])) : i("", !0),
9536
- t.message.kind === "poll" && t.message.poll ? (S(), r(sm, {
9531
+ t.message.kind === "poll" && t.message.poll ? (S(), r(cm, {
9537
9532
  key: 2,
9538
9533
  message: t.message,
9539
9534
  "current-user-id": t.currentUserId,
@@ -9543,16 +9538,16 @@ var Hf = { class: "w-full" }, Uf = {
9543
9538
  "message",
9544
9539
  "current-user-id",
9545
9540
  "pending-option-key"
9546
- ])) : t.message.attachments?.length ? (S(), r(Bp, {
9541
+ ])) : t.message.attachments?.length ? (S(), r(Vp, {
9547
9542
  key: 3,
9548
9543
  message: t.message,
9549
9544
  onOpenMedia: s[6] ||= (e) => u("openMedia", e)
9550
- }, null, 8, ["message"])) : (S(), r(fm, {
9545
+ }, null, 8, ["message"])) : (S(), r(pm, {
9551
9546
  key: 4,
9552
9547
  message: t.message,
9553
9548
  onAnchorclick: s[7] ||= (e, t) => n.$emit("anchorclick", e, t)
9554
9549
  }, null, 8, ["message"])),
9555
- o("div", hm, [l(Qp, {
9550
+ o("div", gm, [l($p, {
9556
9551
  message: t.message,
9557
9552
  "can-react": t.canReact,
9558
9553
  "can-open-thread": t.canOpenThread,
@@ -9562,21 +9557,21 @@ var Hf = { class: "w-full" }, Uf = {
9562
9557
  "message",
9563
9558
  "can-react",
9564
9559
  "can-open-thread"
9565
- ]), l(Up, { message: t.message }, null, 8, ["message"])])
9560
+ ]), l(Wp, { message: t.message }, null, 8, ["message"])])
9566
9561
  ], 2)], 4)], 2)) : i("", !0)
9567
- ], 64))], 10, pm));
9562
+ ], 64))], 10, mm));
9568
9563
  }
9569
- }), [["__scopeId", "data-v-02761d2e"]]), _m = [
9564
+ }), [["__scopeId", "data-v-02761d2e"]]), vm = [
9570
9565
  "👍",
9571
9566
  "❤️",
9572
9567
  "🔥",
9573
9568
  "😂",
9574
9569
  "🙏",
9575
9570
  "🎉"
9576
- ], vm = /* @__PURE__ */ "👏.😍.🤯.😮.😢.😡.👀.✅.💯.🙌.🤝.👌.💪.🤔.🫶.😅.🥳.💛.🌟.🚀.💥.🎯.📌.💡.🕊️.☀️.🌈.🍀.🎶.🫡".split("."), ym = { class: "shadow-overlay bg-elevation-surface-raised-default mx-auto flex w-max max-w-full items-center gap-1 rounded-full px-3 py-1" }, bm = ["disabled", "onClick"], xm = ["disabled"], Sm = {
9571
+ ], ym = /* @__PURE__ */ "👏.😍.🤯.😮.😢.😡.👀.✅.💯.🙌.🤝.👌.💪.🤔.🫶.😅.🥳.💛.🌟.🚀.💥.🎯.📌.💡.🕊️.☀️.🌈.🍀.🎶.🫡".split("."), bm = { class: "shadow-overlay bg-elevation-surface-raised-default mx-auto flex w-max max-w-full items-center gap-1 rounded-full px-3 py-1" }, xm = ["disabled", "onClick"], Sm = ["disabled"], Cm = {
9577
9572
  key: 0,
9578
9573
  class: "bg-elevation-surface-raised-default shadow-overlay m-0 grid grid-cols-6 gap-1 rounded-lg p-1.5"
9579
- }, Cm = ["onClick"], wm = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
9574
+ }, wm = ["onClick"], Tm = /* @__PURE__ */ jd(/* @__PURE__ */ u({
9580
9575
  __name: "MessageItemMenuReactions",
9581
9576
  props: {
9582
9577
  message: {},
@@ -9588,20 +9583,20 @@ var Hf = { class: "w-full" }, Uf = {
9588
9583
  I(() => c.message.id, () => {
9589
9584
  u.value = !1;
9590
9585
  });
9591
- let d = n(() => vm);
9586
+ let d = n(() => ym);
9592
9587
  function f(e) {
9593
9588
  return (c.message.reactions ?? []).some((t) => t.emoji === e);
9594
9589
  }
9595
9590
  function p() {
9596
9591
  c.canReact && (u.value = !u.value);
9597
9592
  }
9598
- return (n, s) => (S(), a(e, null, [o("div", ym, [(S(!0), a(e, null, T(j(_m), (e) => (S(), a("button", {
9593
+ return (n, s) => (S(), a(e, null, [o("div", bm, [(S(!0), a(e, null, T(j(vm), (e) => (S(), a("button", {
9599
9594
  key: `${t.message.id}-${e}-common`,
9600
9595
  type: "button",
9601
9596
  class: g(["message-reaction-button", f(e) ? "bg-background-success-default" : "bg-transparent"]),
9602
9597
  disabled: !t.canReact,
9603
9598
  onClick: (t) => l("react", e)
9604
- }, k(e), 11, bm))), 128)), o("button", {
9599
+ }, k(e), 11, xm))), 128)), o("button", {
9605
9600
  type: "button",
9606
9601
  class: "message-reaction-more",
9607
9602
  disabled: !t.canReact,
@@ -9609,25 +9604,25 @@ var Hf = { class: "w-full" }, Uf = {
9609
9604
  }, [(S(), r(D(u.value ? j(Te) : j(we)), {
9610
9605
  class: "size-7",
9611
9606
  "aria-hidden": "true"
9612
- }))], 8, xm)]), u.value && t.canReact ? (S(), a("div", Sm, [(S(!0), a(e, null, T(d.value, (e) => (S(), a("button", {
9607
+ }))], 8, Sm)]), u.value && t.canReact ? (S(), a("div", Cm, [(S(!0), a(e, null, T(d.value, (e) => (S(), a("button", {
9613
9608
  key: `${t.message.id}-${e}-extended`,
9614
9609
  type: "button",
9615
9610
  class: g(["message-expanded-reaction-button", f(e) ? "bg-background-success-default" : "bg-transparent"]),
9616
9611
  onClick: (t) => l("react", e)
9617
- }, k(e), 11, Cm))), 128))])) : i("", !0)], 64));
9612
+ }, k(e), 11, wm))), 128))])) : i("", !0)], 64));
9618
9613
  }
9619
- }), [["__scopeId", "data-v-0a11761a"]]), Tm = { class: "message-action-list" }, Em = { class: "message-receipt-summary__icon" }, Dm = { class: "message-receipt-summary__label" }, Om = {
9614
+ }), [["__scopeId", "data-v-0a11761a"]]), Em = { class: "message-action-list" }, Dm = { class: "message-receipt-summary__icon" }, Om = { class: "message-receipt-summary__label" }, km = {
9620
9615
  key: 0,
9621
9616
  class: "message-receipt-summary__avatars",
9622
9617
  "aria-hidden": "true"
9623
- }, km = {
9618
+ }, Am = {
9624
9619
  key: 1,
9625
9620
  class: "message-action-list__divider",
9626
9621
  "aria-hidden": "true"
9627
- }, Am = {
9622
+ }, jm = {
9628
9623
  key: 1,
9629
9624
  class: "message-action-list message-receipt-panel"
9630
- }, jm = { class: "message-receipt-list" }, Mm = { class: "message-receipt-row__body" }, Nm = { class: "message-receipt-row__name" }, Pm = { class: "message-receipt-row__time" }, Fm = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
9625
+ }, Mm = { class: "message-receipt-list" }, Nm = { class: "message-receipt-row__body" }, Pm = { class: "message-receipt-row__name" }, Fm = { class: "message-receipt-row__time" }, Im = /* @__PURE__ */ jd(/* @__PURE__ */ u({
9631
9626
  __name: "MessageItemMenu",
9632
9627
  props: {
9633
9628
  message: {},
@@ -9718,18 +9713,18 @@ var Hf = { class: "w-full" }, Uf = {
9718
9713
  top: `${E.value.top}px`
9719
9714
  }),
9720
9715
  "data-testid": "message-action-popover-shell"
9721
- }, [C.value === "actions" ? (S(), a(e, { key: 0 }, [l(wm, {
9716
+ }, [C.value === "actions" ? (S(), a(e, { key: 0 }, [l(Tm, {
9722
9717
  message: s.message,
9723
9718
  "can-react": s.canReact,
9724
9719
  onReact: c[0] ||= (e) => _("react", e)
9725
- }, null, 8, ["message", "can-react"]), o("div", Tm, [
9720
+ }, null, 8, ["message", "can-react"]), o("div", Em, [
9726
9721
  s.receiptSummaryAction ? (S(), a("button", {
9727
9722
  key: 0,
9728
9723
  type: "button",
9729
9724
  class: "message-receipt-summary",
9730
9725
  onClick: F
9731
9726
  }, [
9732
- o("span", Em, [s.receiptSummaryAction.loading ? (S(), r(j(W), {
9727
+ o("span", Dm, [s.receiptSummaryAction.loading ? (S(), r(j(W), {
9733
9728
  key: 0,
9734
9729
  style: {
9735
9730
  width: "1rem",
@@ -9741,8 +9736,8 @@ var Hf = { class: "w-full" }, Uf = {
9741
9736
  class: "text-success size-4",
9742
9737
  "aria-hidden": "true"
9743
9738
  }))]),
9744
- o("span", Dm, k(s.receiptSummaryAction.label), 1),
9745
- f.value.length ? (S(), a("span", Om, [(S(!0), a(e, null, T(f.value, (e) => (S(), r(j(B), {
9739
+ o("span", Om, k(s.receiptSummaryAction.label), 1),
9740
+ f.value.length ? (S(), a("span", km, [(S(!0), a(e, null, T(f.value, (e) => (S(), r(j(B), {
9746
9741
  key: e.user.uid,
9747
9742
  image: e.user.avatar,
9748
9743
  label: e.user.avatar ? void 0 : e.user.name.slice(0, 1).toUpperCase(),
@@ -9750,12 +9745,12 @@ var Hf = { class: "w-full" }, Uf = {
9750
9745
  class: "message-receipt-summary__avatar"
9751
9746
  }, null, 8, ["image", "label"]))), 128))])) : i("", !0)
9752
9747
  ])) : i("", !0),
9753
- s.receiptSummaryAction ? (S(), a("div", km)) : i("", !0),
9748
+ s.receiptSummaryAction ? (S(), a("div", Am)) : i("", !0),
9754
9749
  l(j(ie), {
9755
9750
  model: s.actionItems,
9756
9751
  class: "message-action-list__menu"
9757
9752
  }, null, 8, ["model"])
9758
- ])], 64)) : (S(), a("section", Am, [
9753
+ ])], 64)) : (S(), a("section", jm, [
9759
9754
  o("button", {
9760
9755
  type: "button",
9761
9756
  class: "message-receipt-back",
@@ -9768,7 +9763,7 @@ var Hf = { class: "w-full" }, Uf = {
9768
9763
  class: "message-action-list__divider",
9769
9764
  "aria-hidden": "true"
9770
9765
  }, null, -1),
9771
- o("div", jm, [(S(!0), a(e, null, T(p.value, (e) => (S(), a("div", {
9766
+ o("div", Mm, [(S(!0), a(e, null, T(p.value, (e) => (S(), a("div", {
9772
9767
  key: e.user.uid,
9773
9768
  class: "message-receipt-row"
9774
9769
  }, [l(j(B), {
@@ -9776,19 +9771,19 @@ var Hf = { class: "w-full" }, Uf = {
9776
9771
  label: e.user.avatar ? void 0 : e.user.name.slice(0, 1).toUpperCase(),
9777
9772
  shape: "circle",
9778
9773
  class: "message-receipt-row__avatar"
9779
- }, null, 8, ["image", "label"]), o("div", Mm, [o("p", Nm, k(e.user.name), 1), o("p", Pm, [l(j(ge), {
9774
+ }, null, 8, ["image", "label"]), o("div", Nm, [o("p", Pm, k(e.user.name), 1), o("p", Fm, [l(j(ge), {
9780
9775
  class: "message-receipt-row__icon text-success",
9781
9776
  "aria-hidden": "true"
9782
9777
  }), o("span", null, k(L(e.timestamp)), 1)])])]))), 128))])
9783
9778
  ]))], 4)) : i("", !0)]));
9784
9779
  }
9785
- }), [["__scopeId", "data-v-c561963f"]]), Im = { class: "chat-header border-default bg-elevation-surface-default sticky top-0 z-10 flex items-center justify-between gap-3 border-b px-4 py-3 max-md:px-4 max-md:pb-3 sm:px-5 sm:py-3.5" }, Lm = {
9780
+ }), [["__scopeId", "data-v-c561963f"]]), Lm = { class: "chat-header border-default bg-elevation-surface-default sticky top-0 z-10 flex items-center justify-between gap-3 border-b px-4 py-3 max-md:px-4 max-md:pb-3 sm:px-5 sm:py-3.5" }, Rm = {
9786
9781
  key: 0,
9787
9782
  class: "chat-header__identity flex min-w-0 items-center gap-3"
9788
- }, Rm = { class: "chat-header__text min-w-0" }, zm = { class: "chat-header__title heading-md text-default sm:heading-lg truncate" }, Bm = { class: "chat-header__subtitle body-sm text-subtle sm:body-md truncate" }, Vm = { key: 0 }, Hm = { key: 1 }, Um = { class: "chat-header__actions flex items-center gap-2" }, Wm = {
9783
+ }, zm = { class: "chat-header__text min-w-0" }, Bm = { class: "chat-header__title heading-md text-default sm:heading-lg truncate" }, Vm = { class: "chat-header__subtitle body-sm text-subtle sm:body-md truncate" }, Hm = { key: 0 }, Um = { key: 1 }, Wm = { class: "chat-header__actions flex items-center gap-2" }, Gm = {
9789
9784
  key: 0,
9790
9785
  class: "chat-header__tags hidden flex-wrap gap-2 md:flex"
9791
- }, Gm = /* @__PURE__ */ u({
9786
+ }, Km = /* @__PURE__ */ u({
9792
9787
  __name: "MessageListHeader",
9793
9788
  props: {
9794
9789
  conversation: {},
@@ -9796,28 +9791,28 @@ var Hf = { class: "w-full" }, Uf = {
9796
9791
  },
9797
9792
  setup(t) {
9798
9793
  let { t: n } = X();
9799
- return (s, c) => (S(), a("header", Im, [t.conversation ? (S(), a("div", Lm, [l(j(B), {
9794
+ return (s, c) => (S(), a("header", Lm, [t.conversation ? (S(), a("div", Rm, [l(j(B), {
9800
9795
  image: t.conversation.avatar,
9801
9796
  label: t.conversation.avatar ? void 0 : t.conversation.title.slice(0, 1).toUpperCase(),
9802
9797
  shape: "circle",
9803
9798
  class: "chat-header__avatar shrink-0"
9804
- }, null, 8, ["image", "label"]), o("div", Rm, [o("p", zm, k(t.parentMessage ? j(n)("thread") : t.conversation.title), 1), o("p", Bm, [t.parentMessage ? (S(), a("span", Vm, k(t.parentMessage.senderName), 1)) : (S(), a("span", Hm, k(t.conversation.memberCount ? j(n)("members", { count: t.conversation.memberCount }) : j(n)("groupChat")), 1))])])])) : i("", !0), o("div", Um, [t.conversation?.tags?.length ? (S(), a("div", Wm, [(S(!0), a(e, null, T(t.conversation.tags.slice(0, 3), (e) => (S(), r(j(G), {
9799
+ }, null, 8, ["image", "label"]), o("div", zm, [o("p", Bm, k(t.parentMessage ? j(n)("thread") : t.conversation.title), 1), o("p", Vm, [t.parentMessage ? (S(), a("span", Hm, k(t.parentMessage.senderName), 1)) : (S(), a("span", Um, k(t.conversation.memberCount ? j(n)("members", { count: t.conversation.memberCount }) : j(n)("groupChat")), 1))])])])) : i("", !0), o("div", Wm, [t.conversation?.tags?.length ? (S(), a("div", Gm, [(S(!0), a(e, null, T(t.conversation.tags.slice(0, 3), (e) => (S(), r(j(G), {
9805
9800
  key: e,
9806
9801
  text: e,
9807
9802
  context: "secondary",
9808
9803
  rounded: ""
9809
9804
  }, null, 8, ["text"]))), 128))])) : i("", !0)])]));
9810
9805
  }
9811
- }), Km = {
9806
+ }), qm = {
9812
9807
  key: 1,
9813
9808
  class: "message-list__empty-state"
9814
- }, qm = { class: "space-y-2" }, Jm = {
9809
+ }, Jm = { class: "space-y-2" }, Ym = {
9815
9810
  key: 0,
9816
9811
  class: "message-list__thread-root"
9817
- }, Ym = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, Xm = { class: "body-md text-default mt-1 line-clamp-2" }, Zm = {
9812
+ }, Xm = { class: "body-sm text-subtlest truncate font-semibold uppercase" }, Zm = { class: "body-md text-default mt-1 line-clamp-2" }, Qm = {
9818
9813
  key: 1,
9819
9814
  class: "surface-default text-subtle rounded-2xl p-5 text-center"
9820
- }, Qm = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
9815
+ }, $m = /* @__PURE__ */ jd(/* @__PURE__ */ u({
9821
9816
  __name: "MessageList",
9822
9817
  props: {
9823
9818
  target: {},
@@ -9834,7 +9829,7 @@ var Hf = { class: "w-full" }, Uf = {
9834
9829
  }), A = n(() => {
9835
9830
  let e = u.conversation.value;
9836
9831
  return e ? v.value ? v.value.senderName : e.memberCount ? c("members", { count: e.memberCount }) : c("groupChat") : "";
9837
- }), M = n(() => u.conversation.value?.memberCount ?? 0), P = w(null), F = w(null), I = n(() => !!v.value), L = n(() => I.value && !b.value), ee = n(() => Bu(u.conversation.value)), R = N("threadRef"), { handleThreadScroll: z } = Rf({
9832
+ }), M = n(() => u.conversation.value?.memberCount ?? 0), P = w(null), F = w(null), I = n(() => !!v.value), L = n(() => I.value && !b.value), ee = n(() => Bu(u.conversation.value)), R = N("threadRef"), { handleThreadScroll: z } = zf({
9838
9833
  getConversation: () => u.conversation.value,
9839
9834
  getParentMessage: () => v.value,
9840
9835
  getMessages: () => h.value,
@@ -9843,7 +9838,7 @@ var Hf = { class: "w-full" }, Uf = {
9843
9838
  canLoadOlder: () => x.value,
9844
9839
  onLoadOlder: () => p.emit("list:loadOlder", { target: s.target }),
9845
9840
  threadRef: R
9846
- }), B = N("actionMenuRef"), { activeActionMessage: V, handleMessageContextMenu: H, handleMessageTap: U, resetActionMenuState: te, reactToMessage: ne, toggleInlineReaction: re, getReceiptSummaryAction: ie, getActionItems: ae, isTouchUI: W } = Mf({
9841
+ }), B = N("actionMenuRef"), { activeActionMessage: V, handleMessageContextMenu: H, handleMessageTap: U, resetActionMenuState: te, reactToMessage: ne, toggleInlineReaction: re, getReceiptSummaryAction: ie, getActionItems: ae, isTouchUI: W } = Nf({
9847
9842
  canUseMessageActions: () => u.canUseMessageActions.value,
9848
9843
  canReact: () => u.canReact.value,
9849
9844
  canReply: () => u.canReply.value,
@@ -9912,7 +9907,7 @@ var Hf = { class: "w-full" }, Uf = {
9912
9907
  title: O.value,
9913
9908
  subtitle: A.value,
9914
9909
  memberCount: M.value
9915
- }, () => [l(Gm, {
9910
+ }, () => [l(Km, {
9916
9911
  conversation: j(u).conversation.value,
9917
9912
  "parent-message": v.value
9918
9913
  }, null, 8, ["conversation", "parent-message"])], !0) : i("", !0), j(u).conversation.value ? (S(), a("div", {
@@ -9923,12 +9918,12 @@ var Hf = { class: "w-full" }, Uf = {
9923
9918
  ref: R,
9924
9919
  class: g(["message-list__scroll min-h-0 flex-1", L.value ? "p-0" : I.value ? "px-5 py-4" : "px-2 pt-2 pb-3"]),
9925
9920
  onScroll: n[2] ||= (...e) => j(z) && j(z)(...e)
9926
- }, [o("div", qm, [
9927
- v.value ? (S(), a("div", Jm, [o("p", Ym, k(v.value.senderName), 1), o("p", Xm, k(j(nc)(v.value, j(c)("message"), j(u).mentionNameByUid.value)), 1)])) : i("", !0),
9928
- (S(!0), a(e, null, T(h.value, (o, c) => (S(), a(e, { key: o.id }, [le(c) ? (S(), r(sp, {
9921
+ }, [o("div", Jm, [
9922
+ v.value ? (S(), a("div", Ym, [o("p", Xm, k(v.value.senderName), 1), o("p", Zm, k(j(nc)(v.value, j(c)("message"), j(u).mentionNameByUid.value)), 1)])) : i("", !0),
9923
+ (S(!0), a(e, null, T(h.value, (o, c) => (S(), a(e, { key: o.id }, [le(c) ? (S(), r(cp, {
9929
9924
  key: 0,
9930
9925
  date: o.sentAt
9931
- }, null, 8, ["date"])) : i("", !0), l(gm, {
9926
+ }, null, 8, ["date"])) : i("", !0), l(_m, {
9932
9927
  message: o,
9933
9928
  "current-user-id": j(u).currentUserId.value,
9934
9929
  "can-react": j(u).canReact.value,
@@ -9964,13 +9959,13 @@ var Hf = { class: "w-full" }, Uf = {
9964
9959
  "onToggleReaction",
9965
9960
  "onOpenThread"
9966
9961
  ])], 64))), 128)),
9967
- h.value.length === 0 && D.value && !_.value ? (S(), a("div", Zm, k(j(c)("noMessagesYetInThisGroup")), 1)) : i("", !0)
9968
- ])], 34), o("footer", { class: g(["message-list__composer flex shrink-0 flex-col", I.value ? L.value ? "bg-transparent p-0" : "message-list__composer--thread" : "bg-transparent p-0"]) }, [E(t.$slots, "composer", {}, void 0, !0)], 2)], 2)) : (S(), a("div", Km, k(j(c)("selectConversationToStart")), 1))], 2),
9969
- l(ip, {
9962
+ h.value.length === 0 && D.value && !_.value ? (S(), a("div", Qm, k(j(c)("noMessagesYetInThisGroup")), 1)) : i("", !0)
9963
+ ])], 34), o("footer", { class: g(["message-list__composer flex shrink-0 flex-col", I.value ? L.value ? "bg-transparent p-0" : "message-list__composer--thread" : "bg-transparent p-0"]) }, [E(t.$slots, "composer", {}, void 0, !0)], 2)], 2)) : (S(), a("div", qm, k(j(c)("selectConversationToStart")), 1))], 2),
9964
+ l(ap, {
9970
9965
  attachment: P.value,
9971
9966
  onClose: oe
9972
9967
  }, null, 8, ["attachment"]),
9973
- l(Fm, {
9968
+ l(Im, {
9974
9969
  ref_key: "actionMenuRef",
9975
9970
  ref: B,
9976
9971
  message: j(V),
@@ -9988,13 +9983,13 @@ var Hf = { class: "w-full" }, Uf = {
9988
9983
  ])
9989
9984
  ], 64));
9990
9985
  }
9991
- }), [["__scopeId", "data-v-6c8a5535"]]), $m = { class: "receipt-section" }, eh = {
9986
+ }), [["__scopeId", "data-v-6c8a5535"]]), eh = { class: "receipt-section" }, th = {
9992
9987
  key: 0,
9993
9988
  class: "receipt-section__header"
9994
- }, th = { class: "body-sm text-subtle font-semibold" }, nh = { class: "body-sm text-subtlest" }, rh = {
9989
+ }, nh = { class: "body-sm text-subtle font-semibold" }, rh = { class: "body-sm text-subtlest" }, ih = {
9995
9990
  key: 1,
9996
9991
  class: "receipt-section__list"
9997
- }, ih = { class: "receipt-section__identity" }, ah = { class: "min-w-0" }, oh = { class: "receipt-section__name heading-sm text-default truncate" }, sh = { class: "receipt-section__time body-md text-subtle" }, ch = { class: "truncate" }, lh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
9992
+ }, ah = { class: "receipt-section__identity" }, oh = { class: "min-w-0" }, sh = { class: "receipt-section__name heading-sm text-default truncate" }, ch = { class: "receipt-section__time body-md text-subtle" }, lh = { class: "truncate" }, uh = /* @__PURE__ */ jd(/* @__PURE__ */ u({
9998
9993
  __name: "ReceiptSection",
9999
9994
  props: {
10000
9995
  title: {},
@@ -10007,35 +10002,35 @@ var Hf = { class: "w-full" }, Uf = {
10007
10002
  },
10008
10003
  setup(t) {
10009
10004
  let r = t, s = n(() => String(r.receipts.length));
10010
- return (n, r) => (S(), a("section", $m, [t.showHeader ? (S(), a("div", eh, [o("p", th, k(t.title), 1), o("span", nh, k(s.value), 1)])) : i("", !0), t.receipts.length ? (S(), a("div", rh, [(S(!0), a(e, null, T(t.receipts, (e) => (S(), a("div", {
10005
+ return (n, r) => (S(), a("section", eh, [t.showHeader ? (S(), a("div", th, [o("p", nh, k(t.title), 1), o("span", rh, k(s.value), 1)])) : i("", !0), t.receipts.length ? (S(), a("div", ih, [(S(!0), a(e, null, T(t.receipts, (e) => (S(), a("div", {
10011
10006
  key: `${e.kind}-${e.user.uid}`,
10012
10007
  class: "receipt-section__row"
10013
- }, [o("div", ih, [l(j(B), {
10008
+ }, [o("div", ah, [l(j(B), {
10014
10009
  image: e.user.avatar,
10015
10010
  label: e.user.avatar ? void 0 : e.user.name.slice(0, 1).toUpperCase(),
10016
10011
  shape: "circle",
10017
10012
  class: "receipt-section__avatar"
10018
- }, null, 8, ["image", "label"]), o("div", ah, [o("p", oh, k(e.user.name), 1), o("p", sh, [l(j(ge), {
10013
+ }, null, 8, ["image", "label"]), o("div", oh, [o("p", sh, k(e.user.name), 1), o("p", ch, [l(j(ge), {
10019
10014
  class: "receipt-section__icon text-success",
10020
10015
  "aria-hidden": "true"
10021
- }), o("span", ch, k(t.formatDateTime(e.timestamp)), 1)])])])]))), 128))])) : i("", !0)]));
10016
+ }), o("span", lh, k(t.formatDateTime(e.timestamp)), 1)])])])]))), 128))])) : i("", !0)]));
10022
10017
  }
10023
- }), [["__scopeId", "data-v-750f23c4"]]), uh = {
10018
+ }), [["__scopeId", "data-v-750f23c4"]]), dh = {
10024
10019
  key: 0,
10025
10020
  class: "message-info-dialog-content overflow-y-auto"
10026
- }, dh = {
10021
+ }, fh = {
10027
10022
  key: 0,
10028
10023
  class: "flex items-center justify-center px-4 py-8 sm:px-6"
10029
- }, fh = {
10024
+ }, ph = {
10030
10025
  key: 1,
10031
10026
  class: "message-info-error body-md mx-4 rounded-xl px-4 py-3 sm:mx-6"
10032
- }, ph = {
10027
+ }, mh = {
10033
10028
  key: 2,
10034
10029
  class: "message-info-list"
10035
- }, mh = {
10030
+ }, hh = {
10036
10031
  key: 1,
10037
10032
  class: "message-info-empty body-md text-subtle"
10038
- }, hh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
10033
+ }, gh = /* @__PURE__ */ jd(/* @__PURE__ */ u({
10039
10034
  __name: "MessageInfoDialog",
10040
10035
  props: {
10041
10036
  open: { type: Boolean },
@@ -10060,25 +10055,25 @@ var Hf = { class: "w-full" }, Uf = {
10060
10055
  return (t.timestamp?.getTime() ?? 0) - n;
10061
10056
  });
10062
10057
  }
10063
- return (t, n) => (S(), r(Wf, {
10058
+ return (t, n) => (S(), r(Gf, {
10064
10059
  open: e.open,
10065
10060
  title: j(u)("seen"),
10066
10061
  "close-label": j(u)("close"),
10067
10062
  onClose: n[0] ||= (e) => s("close")
10068
10063
  }, {
10069
- default: L(() => [e.message ? (S(), a("div", uh, [e.loading ? (S(), a("div", dh, [l(j(W), {
10064
+ default: L(() => [e.message ? (S(), a("div", dh, [e.loading ? (S(), a("div", fh, [l(j(W), {
10070
10065
  style: {
10071
10066
  width: "2.5rem",
10072
10067
  height: "2.5rem"
10073
10068
  },
10074
10069
  "stroke-width": "5"
10075
- })])) : e.error ? (S(), a("div", fh, k(e.error), 1)) : (S(), a("div", ph, [d.value.length ? (S(), r(lh, {
10070
+ })])) : e.error ? (S(), a("div", ph, k(e.error), 1)) : (S(), a("div", mh, [d.value.length ? (S(), r(uh, {
10076
10071
  key: 0,
10077
10072
  title: j(u)("readBy"),
10078
10073
  receipts: d.value,
10079
10074
  "format-date-time": f,
10080
10075
  "show-header": !1
10081
- }, null, 8, ["title", "receipts"])) : (S(), a("p", mh, k(j(u)("nobodyHasReadThisMessageYet")), 1))]))])) : i("", !0)]),
10076
+ }, null, 8, ["title", "receipts"])) : (S(), a("p", hh, k(j(u)("nobodyHasReadThisMessageYet")), 1))]))])) : i("", !0)]),
10082
10077
  _: 1
10083
10078
  }, 8, [
10084
10079
  "open",
@@ -10086,34 +10081,34 @@ var Hf = { class: "w-full" }, Uf = {
10086
10081
  "close-label"
10087
10082
  ]));
10088
10083
  }
10089
- }), [["__scopeId", "data-v-e025ada9"]]), gh = { class: "min-h-0 flex-1 overflow-y-auto" }, _h = {
10084
+ }), [["__scopeId", "data-v-e025ada9"]]), _h = { class: "min-h-0 flex-1 overflow-y-auto" }, vh = {
10090
10085
  key: 0,
10091
10086
  class: "flex h-full min-h-64 items-center justify-center"
10092
- }, vh = {
10087
+ }, yh = {
10093
10088
  key: 1,
10094
10089
  class: "bg-elevation-surface-sunken-default body-md flex h-full min-h-64 items-center justify-center rounded-xl px-6 text-center"
10095
- }, yh = {
10090
+ }, bh = {
10096
10091
  key: 2,
10097
10092
  class: "space-y-3"
10098
- }, bh = { class: "flex flex-wrap items-start justify-between gap-3" }, xh = { class: "w-full space-y-2" }, Sh = { class: "center between gap-2" }, Ch = { class: "" }, wh = { class: "space-y-1" }, Th = { class: "heading-sm text-default" }, Eh = {
10093
+ }, xh = { class: "flex flex-wrap items-start justify-between gap-3" }, Sh = { class: "w-full space-y-2" }, Ch = { class: "center between gap-2" }, wh = { class: "" }, Th = { class: "space-y-1" }, Eh = { class: "heading-sm text-default" }, Dh = {
10099
10094
  key: 0,
10100
10095
  class: "body-md text-default"
10101
- }, Dh = {
10096
+ }, Oh = {
10102
10097
  key: 1,
10103
10098
  class: "body-md text-default wrap-break-word whitespace-pre-wrap"
10104
- }, Oh = {
10099
+ }, kh = {
10105
10100
  key: 0,
10106
10101
  class: "max-w-sm"
10107
- }, kh = { class: "flex flex-wrap items-center gap-1" }, Ah = {
10102
+ }, Ah = { class: "flex flex-wrap items-center gap-1" }, jh = {
10108
10103
  key: 0,
10109
10104
  class: "bg-elevation-surface-sunken-default mt-4 flex flex-col gap-3 rounded-xl p-3 sm:flex-row sm:items-center"
10110
- }, jh = { class: "grid w-full grid-cols-1 gap-2 sm:grid-cols-[1fr_8rem]" }, Mh = { class: "flex items-center gap-2" }, Nh = {
10105
+ }, Mh = { class: "grid w-full grid-cols-1 gap-2 sm:grid-cols-[1fr_8rem]" }, Nh = { class: "flex items-center gap-2" }, Ph = {
10111
10106
  key: 1,
10112
10107
  class: "bg-elevation-surface-sunken-default mt-4 flex flex-col gap-3 rounded-xl p-3"
10113
- }, Ph = {
10108
+ }, Fh = {
10114
10109
  key: 0,
10115
10110
  class: "relative max-w-sm"
10116
- }, Fh = { class: "absolute top-2 right-2" }, Ih = ["placeholder"], Lh = { class: "flex items-center justify-end gap-2" }, Rh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
10111
+ }, Ih = { class: "absolute top-2 right-2" }, Lh = ["placeholder"], Rh = { class: "flex items-center justify-end gap-2" }, zh = /* @__PURE__ */ jd(/* @__PURE__ */ u({
10117
10112
  __name: "ScheduledMessagesDialog",
10118
10113
  props: {
10119
10114
  open: { type: Boolean },
@@ -10195,24 +10190,24 @@ var Hf = { class: "w-full" }, Uf = {
10195
10190
  function H(e) {
10196
10191
  d.value === e.id && M(), u("remove", e);
10197
10192
  }
10198
- return (n, s) => (S(), r(Wf, {
10193
+ return (n, s) => (S(), r(Gf, {
10199
10194
  open: t.open,
10200
10195
  title: j(v)("scheduledMessages"),
10201
10196
  subtitle: t.conversationTitle ? j(v)("queuedForConversation", { title: t.conversationTitle }) : j(v)("queuedOutgoingMessagesForThisChat"),
10202
10197
  "close-label": j(v)("close"),
10203
10198
  onClose: s[3] ||= (e) => u("close")
10204
10199
  }, {
10205
- default: L(() => [o("div", gh, [t.loading ? (S(), a("div", _h, [l(j(W), {
10200
+ default: L(() => [o("div", _h, [t.loading ? (S(), a("div", vh, [l(j(W), {
10206
10201
  style: {
10207
10202
  width: "2.75rem",
10208
10203
  height: "2.75rem"
10209
10204
  },
10210
10205
  "stroke-width": "6"
10211
- })])) : y.value.length === 0 ? (S(), a("div", vh, k(j(v)("noScheduledMessagesForConversation")), 1)) : (S(), a("div", yh, [(S(!0), a(e, null, T(y.value, (e) => (S(), a("article", {
10206
+ })])) : y.value.length === 0 ? (S(), a("div", yh, k(j(v)("noScheduledMessagesForConversation")), 1)) : (S(), a("div", bh, [(S(!0), a(e, null, T(y.value, (e) => (S(), a("article", {
10212
10207
  key: e.id,
10213
10208
  class: "border-default rounded-lg border px-4 py-3"
10214
- }, [o("div", bh, [o("div", xh, [
10215
- o("div", Sh, [o("div", Ch, [e.kind === "poll" ? (S(), r(j(G), {
10209
+ }, [o("div", xh, [o("div", Sh, [
10210
+ o("div", Ch, [o("div", wh, [e.kind === "poll" ? (S(), r(j(G), {
10216
10211
  key: 0,
10217
10212
  text: j(v)("poll"),
10218
10213
  context: "info",
@@ -10233,9 +10228,9 @@ var Hf = { class: "w-full" }, Uf = {
10233
10228
  size: "small",
10234
10229
  onClick: (t) => H(e)
10235
10230
  }, null, 8, ["icon", "onClick"])]),
10236
- o("div", wh, [o("p", Th, k(x(e.scheduled?.scheduleDate)), 1), e.kind === "poll" && e.poll ? (S(), a("p", Eh, k(e.poll.question), 1)) : (S(), a("p", Dh, k(j(nc)(e, j(v)("attachment"))), 1))]),
10237
- R(e) && !(d.value === e.id && f.value === "text") ? (S(), a("div", Oh, [l(Bp, { message: N(e) }, null, 8, ["message"])])) : i("", !0)
10238
- ]), o("div", kh, [e.kind === "poll" ? i("", !0) : (S(), r(j(V), {
10231
+ o("div", Th, [o("p", Eh, k(x(e.scheduled?.scheduleDate)), 1), e.kind === "poll" && e.poll ? (S(), a("p", Dh, k(e.poll.question), 1)) : (S(), a("p", Oh, k(j(nc)(e, j(v)("attachment"))), 1))]),
10232
+ R(e) && !(d.value === e.id && f.value === "text") ? (S(), a("div", kh, [l(Vp, { message: N(e) }, null, 8, ["message"])])) : i("", !0)
10233
+ ]), o("div", Ah, [e.kind === "poll" ? i("", !0) : (S(), r(j(V), {
10239
10234
  key: 0,
10240
10235
  label: j(v)("edit"),
10241
10236
  icon: j(ve),
@@ -10257,7 +10252,7 @@ var Hf = { class: "w-full" }, Uf = {
10257
10252
  "label",
10258
10253
  "icon",
10259
10254
  "onClick"
10260
- ])) : i("", !0)])]), d.value === e.id && f.value === "reschedule" ? (S(), a("div", Ah, [o("div", jh, [ee(o("input", {
10255
+ ])) : i("", !0)])]), d.value === e.id && f.value === "reschedule" ? (S(), a("div", jh, [o("div", Mh, [ee(o("input", {
10261
10256
  "onUpdate:modelValue": s[0] ||= (e) => m.value = e,
10262
10257
  type: "date",
10263
10258
  class: "surface-input body-md w-full rounded-xl p-2 ring-0 outline-none"
@@ -10269,7 +10264,7 @@ var Hf = { class: "w-full" }, Uf = {
10269
10264
  pattern: "^([01]\\d|2[0-3]):([0-5]\\d)$",
10270
10265
  "aria-label": "Time (24-hour)",
10271
10266
  class: "surface-input body-md w-full rounded-xl p-2 ring-0 outline-none"
10272
- }, null, 512), [[P, h.value]])]), o("div", Mh, [l(j(V), {
10267
+ }, null, 512), [[P, h.value]])]), o("div", Nh, [l(j(V), {
10273
10268
  label: j(v)("save"),
10274
10269
  size: "small",
10275
10270
  disabled: !m.value || !b.value,
@@ -10283,8 +10278,8 @@ var Hf = { class: "w-full" }, Uf = {
10283
10278
  size: "small",
10284
10279
  text: "",
10285
10280
  onClick: M
10286
- }, null, 8, ["label"])])])) : d.value === e.id && f.value === "text" ? (S(), a("div", Nh, [
10287
- R(e) ? (S(), a("div", Ph, [l(Bp, { message: N(e) }, null, 8, ["message"]), o("div", Fh, [l(j(V), {
10281
+ }, null, 8, ["label"])])])) : d.value === e.id && f.value === "text" ? (S(), a("div", Ph, [
10282
+ R(e) ? (S(), a("div", Fh, [l(Vp, { message: N(e) }, null, 8, ["message"]), o("div", Ih, [l(j(V), {
10288
10283
  icon: j(de),
10289
10284
  "aria-label": j(v)("remove"),
10290
10285
  text: "",
@@ -10298,8 +10293,8 @@ var Hf = { class: "w-full" }, Uf = {
10298
10293
  rows: "3",
10299
10294
  class: "surface-input body-md w-full rounded-xl px-3 py-2 ring-0 outline-none",
10300
10295
  placeholder: j(v)("writeMessage")
10301
- }, null, 8, Ih), [[P, g.value]]),
10302
- o("div", Lh, [l(j(V), {
10296
+ }, null, 8, Lh), [[P, g.value]]),
10297
+ o("div", Rh, [l(j(V), {
10303
10298
  label: j(v)("cancel"),
10304
10299
  size: "small",
10305
10300
  text: "",
@@ -10323,7 +10318,7 @@ var Hf = { class: "w-full" }, Uf = {
10323
10318
  "close-label"
10324
10319
  ]));
10325
10320
  }
10326
- }), [["__scopeId", "data-v-0bb2dc95"]]), zh = { class: "chat-status-overlay" }, Bh = { class: "chat-status-overlay__card" }, Vh = /* @__PURE__ */ Ad(/* @__PURE__ */ u({
10321
+ }), [["__scopeId", "data-v-0bb2dc95"]]), Bh = { class: "chat-status-overlay" }, Vh = { class: "chat-status-overlay__card" }, Hh = /* @__PURE__ */ jd(/* @__PURE__ */ u({
10327
10322
  __name: "ChatStatusOverlay",
10328
10323
  props: {
10329
10324
  visible: { type: Boolean },
@@ -10356,9 +10351,9 @@ var Hf = { class: "w-full" }, Uf = {
10356
10351
  message: t.messages.connecting,
10357
10352
  slotName: "connecting"
10358
10353
  } : null);
10359
- return (e, t) => r.value ? E(e.$slots, r.value.slotName, { key: 0 }, () => [o("div", zh, [o("div", Bh, [E(e.$slots, `${r.value.slotName}-content`, {}, () => [o("span", null, k(r.value.message), 1)], !0)])])], !0) : i("", !0);
10354
+ return (e, t) => r.value ? E(e.$slots, r.value.slotName, { key: 0 }, () => [o("div", Bh, [o("div", Vh, [E(e.$slots, `${r.value.slotName}-content`, {}, () => [o("span", null, k(r.value.message), 1)], !0)])])], !0) : i("", !0);
10360
10355
  }
10361
- }), [["__scopeId", "data-v-7749aec9"]]), Hh = /* @__PURE__ */ u({
10356
+ }), [["__scopeId", "data-v-7749aec9"]]), Uh = /* @__PURE__ */ u({
10362
10357
  __name: "BccChat",
10363
10358
  props: {
10364
10359
  client: { default: null },
@@ -10626,7 +10621,7 @@ var Hf = { class: "w-full" }, Uf = {
10626
10621
  _: 1
10627
10622
  })]) : i("", !0),
10628
10623
  T.value ? (S(), a(e, { key: 1 }, [
10629
- l(Qm, {
10624
+ l($m, {
10630
10625
  target: "main",
10631
10626
  class: g(["h-full", t.containerClass]),
10632
10627
  "hide-group-actions": t.hideGroupActions,
@@ -10635,7 +10630,7 @@ var Hf = { class: "w-full" }, Uf = {
10635
10630
  "action-message-row-class": t.actionMessageRowClass,
10636
10631
  onAnchorclick: ie
10637
10632
  }, s({
10638
- composer: L(() => [l(Af, {
10633
+ composer: L(() => [l(jf, {
10639
10634
  ref_key: "mainComposerRef",
10640
10635
  ref: B,
10641
10636
  target: "main",
@@ -10655,7 +10650,7 @@ var Hf = { class: "w-full" }, Uf = {
10655
10650
  "action-message-class",
10656
10651
  "action-message-row-class"
10657
10652
  ]),
10658
- l(Wf, {
10653
+ l(Gf, {
10659
10654
  open: !!j(F).activeThreadParentMessage.value,
10660
10655
  title: j(m)("threadWithCount", { count: j(F).activeThreadParentMessage.value?.replyCount ?? 0 }),
10661
10656
  subtitle: O.value?.title ?? "",
@@ -10663,13 +10658,13 @@ var Hf = { class: "w-full" }, Uf = {
10663
10658
  "close-aria-label": j(m)("closeThread"),
10664
10659
  onClose: r[0] ||= (e) => j(U).emit("ui:closeThread")
10665
10660
  }, {
10666
- default: L(() => [l(Qm, {
10661
+ default: L(() => [l($m, {
10667
10662
  target: "thread",
10668
10663
  class: "min-h-0 flex-1",
10669
10664
  "action-message-class": t.actionMessageClass,
10670
10665
  "action-message-row-class": t.actionMessageRowClass
10671
10666
  }, {
10672
- composer: L(() => [l(Af, {
10667
+ composer: L(() => [l(jf, {
10673
10668
  ref_key: "threadComposerRef",
10674
10669
  ref: V,
10675
10670
  target: "thread",
@@ -10687,7 +10682,7 @@ var Hf = { class: "w-full" }, Uf = {
10687
10682
  "close-label",
10688
10683
  "close-aria-label"
10689
10684
  ]),
10690
- l(Rh, {
10685
+ l(zh, {
10691
10686
  open: j(z).showScheduledMessages.value,
10692
10687
  loading: j(z).loadingScheduledMessages.value,
10693
10688
  messages: j(z).scheduledMessages.value,
@@ -10702,7 +10697,7 @@ var Hf = { class: "w-full" }, Uf = {
10702
10697
  "messages",
10703
10698
  "conversation-title"
10704
10699
  ]),
10705
- l(hh, {
10700
+ l(gh, {
10706
10701
  open: !!j(z).infoMessage.value,
10707
10702
  message: j(z).infoMessage.value,
10708
10703
  receipts: j(z).infoMessageReceipts.value,
@@ -10717,7 +10712,7 @@ var Hf = { class: "w-full" }, Uf = {
10717
10712
  "error"
10718
10713
  ])
10719
10714
  ], 64)) : i("", !0),
10720
- l(Vh, {
10715
+ l(Hh, {
10721
10716
  visible: D.value && (T.value?.offlineMode.value || !T.value?.connected.value || x.value && !ee.value || v.value || C.value || t.displayNoMessagesText && j(F).isChatEmpty.value),
10722
10717
  "offline-mode": !!(T.value?.offlineMode.value && !O.value),
10723
10718
  connected: !!(T.value?.connected.value || O.value),
@@ -10757,6 +10752,6 @@ var Hf = { class: "w-full" }, Uf = {
10757
10752
  }
10758
10753
  });
10759
10754
  //#endregion
10760
- export { Hh as BccChat, Hh as BccChatMessageList, Hl as LogSeverity, Au as chat, Au as default, bc as createChatClient };
10755
+ export { Uh as BccChat, Uh as BccChatMessageList, Hl as LogSeverity, Au as chat, Au as default, bc as createChatClient };
10761
10756
 
10762
10757
  //# sourceMappingURL=vue-bcc-chat-ui.js.map