@webx-ui/module-notifications 0.2.1 → 0.3.0

package/dist/index-Bki9dkMd.js

@@ -0,0 +1,1414 @@
+import { defineComponent as L, useModel as q, computed as h, openBlock as p, createElementBlock as w, createVNode as g, unref as s, createBlock as k, withCtx as m, createTextVNode as y, toDisplayString as v, createCommentVNode as W, mergeModels as K, provide as xe, inject as $e, ref as j, onMounted as ne, isRef as Te, Fragment as z, renderList as M, createElementVNode as I, watch as Ce, onBeforeUnmount as Se, normalizeStyle as Ae, defineAsyncComponent as pe } from "vue";
+import { useRouter as je } from "vue-router";
+import { WxLink as We, useModal as Ne, WxDialog as Ve, WxSkeleton as Oe, WxAlert as D, WxEmpty as ze, WxCheckbox as Fe, WxText as N, WxBadge as ae, WxSpace as le, WxButton as V, createModal as Ee, WxInput as Z, WxAction as fe, WxIcon as H, toast as J, WxSelect as Me, useLocales as me, mustacheCompletions as Le, mustacheProblems as Pe, WxCodeEditor as Re, WxTooltip as Ue, confirm as Be, localizedValue as ie, WxCard as Ie } from "@webx-ui/core";
+import { useAdmin as G, useTranslate as P, WxRelationsField as De, useErrorText as He } from "@webx-ui/module-admin";
+import qe from "mustache";
+const Ke = {
+  module: {
+    title: "Notifications",
+    channel: "Channel",
+    statuses: {
+      queued: "Queued",
+      sent: "Sent",
+      failed: "Failed",
+      skipped: "Skipped"
+    },
+    reasons: {
+      channel_deleted: "The channel is deleted",
+      channel_disabled: "The channel is switched off",
+      wrong_event: "The channel is for another event",
+      provider_missing: "The provider is not installed",
+      no_recipients: "The channel has no recipients",
+      no_address: "The event brought no address",
+      admin_deleted: "The administrator is deleted",
+      admin_inactive: "The administrator is switched off"
+    }
+  },
+  screen: {
+    "any-event": "Any event"
+  },
+  panel: {
+    channels: "Channels",
+    log: "Log",
+    bin: "Bin",
+    new: "New channel",
+    untitled: "Untitled channel",
+    "new-title": "New channel",
+    "new-help": "The kind is chosen once. An event is optional: with one, the editor knows its variables and only that event offers the channel.",
+    "new-provider": "Kind",
+    "new-event": "For the event",
+    "new-create": "Continue",
+    "any-event": "Any event",
+    "event-undeclared": "Event not declared",
+    "event-undeclared-text": "No installed module declares “:event” any more. The channel works as one for any event.",
+    "provider-undeclared": "Provider not installed",
+    "provider-undeclared-text": "The provider “:provider” is not installed on the site: the channel sends nothing.",
+    unreadable: "The channel's secrets cannot be read: the application key has changed. Enter them again.",
+    recipients: "Recipients: :count",
+    "never-sent": "Nothing sent yet",
+    off: "Off",
+    enable: "Enabled",
+    enabled: "Switched on.",
+    disabled: "Switched off.",
+    edit: "Edit",
+    copy: "Make a copy",
+    copied: "A copy is made, switched off: “:name”.",
+    "copied-from": "The secrets were copied from channel #:id. Replace them if this channel needs another bot or server.",
+    delete: "Delete",
+    "delete-title": "Delete “:title”?",
+    "delete-text": "The channel goes to the bin and sends nothing. The modules that chose it keep it, and it comes back to them when it is restored.",
+    deleted: "The channel is in the bin.",
+    restore: "Restore",
+    restored: "The channel is back.",
+    purge: "Delete for good",
+    "purge-title": "Delete “:title” for good?",
+    "purge-text": "The channel disappears from every module that chose it. Its lines in the log stay, without a link to it.",
+    purged: "The channel is deleted for good.",
+    cancel: "Cancel",
+    save: "Save",
+    saved: "Saved.",
+    "saved-warning": "Saved, but look: :warning",
+    "save-failed": "Not saved: look at the fields marked in red.",
+    "leave-title": "Leave without saving?",
+    "leave-text": "The changes to this channel will be lost.",
+    leave: "Leave",
+    "empty-channels-text": "A channel is where notifications go and how they read: a Telegram bot and its chats, or e-mail and its addresses.",
+    "empty-bin": "The bin is empty",
+    environment: "The site runs as “:environment”: notifications are sent all the same. Switch channels off on a copy of the site.",
+    "mode-after-response": "The site has no queue worker: notifications are sent right after the page answers, without retries in the background.",
+    "secret-set": "Set. Type a new one to replace it.",
+    forget: "Forget :field",
+    forgotten: ":field will be forgotten on save.",
+    check: "Check the connection",
+    "check-ok": "Connection works.",
+    test: "Send a test",
+    "test-title": "Send a test",
+    "test-help": "Sent now, past the queue, with the example values of the event — even through a channel that is switched off. What the form has is used, saved or not.",
+    "test-to": "To",
+    "test-everybody": "Everybody on the list",
+    "test-send": "Send",
+    "test-sent": "Sent to :recipient.",
+    "test-failed": "Not sent to :recipient: :error",
+    "test-none": "The channel has no recipients to send a test to.",
+    preview: "Preview",
+    "preview-help": "The message as it goes out, on the example values of the event.",
+    "preview-no-event": "For any event: the variables are empty here.",
+    "preview-subject": "Subject",
+    "preview-empty": "The message is empty.",
+    "preview-truncated": "Longer than :limit characters: Telegram gets it as plain text, cut to fit.",
+    "preview-unknown": "Empty in this message: :names.",
+    "preview-refused": "The template cannot be drawn:",
+    variables: "Variables",
+    "variables-help": "A click puts it where the cursor is; type {{ to see them in the editor.",
+    "variables-none": "A channel for any event knows no variables. Choose an event to get its list, or type the names it gives.",
+    "default-insert": "Insert the default template",
+    "default-title": "Replace the message with the default template?",
+    "default-text": "The subject and the template in every language become the ones the event suggests. What is written now is lost once you save.",
+    "default-replace": "Replace",
+    "default-inserted": "The event's default template is in the message. Save to keep it.",
+    "variable-list": "list of :fields",
+    "problem-unclosed": "The section {{#:name}} is not closed: end it with {{/:name}}.",
+    "problem-stray": "{{/:name}} closes a section that was never opened.",
+    "problem-unknown": "Not a variable of this event: :names.",
+    "problem-refused": ":tag is not available in a message template.",
+    "problem-broken": "A tag is not closed: end it with }}.",
+    "hint-variable": "variable",
+    "hint-list": "list",
+    "hint-field": "field of :list",
+    "hint-section": "shown when :name has a value",
+    "hint-inverted": "shown when :name is empty",
+    "hint-close": "closes :name",
+    "hint-comment": "a comment, never printed",
+    "hint-example": "Example: :example",
+    "add-chat": "Add a chat",
+    "chat-id": "Chat id",
+    "chat-label": "Label",
+    "find-chats": "Find chats",
+    "find-title": "Chats the bot has seen",
+    "find-help": "Write to the bot, or add it to a group and write there, then search again.",
+    "find-add": "Add the chosen",
+    "find-token": "Type the bot token first.",
+    "find-added": "Chats added: :count.",
+    "chat-private": "Private",
+    "chat-group": "Group",
+    "chat-supergroup": "Supergroup",
+    "chat-channel": "Channel",
+    addressee: "From the event: :label",
+    "add-admin": "Add an administrator",
+    "add-email": "Add an address",
+    "admin-unknown": "Administrator #:id",
+    remove: "Remove",
+    "no-recipients": "No recipients yet.",
+    "column-when": "When",
+    "column-channel": "Channel",
+    "column-recipient": "Recipient",
+    "column-status": "Status",
+    "column-attempts": "Attempts",
+    "all-statuses": "Any status",
+    "all-channels": "Any channel",
+    "with-tests": "Tests too",
+    "test-mark": "Test",
+    "cut-mark": "Cut",
+    "log-empty": "Nothing sent yet.",
+    retry: "Send again",
+    retried: "Queued again.",
+    "open-subject": "Open",
+    "unknown-variables": "Empty variables: :names",
+    "channel-gone": "deleted",
+    filters: "Filters",
+    "pick-channels": "Choose channels",
+    "set-up-channels": "Set up channels"
+  },
+  errors: {
+    "template-unclosed": "The section {{#:section}} is not closed: end it with {{/:section}}.",
+    "template-unexpected": "{{/:section}} closes a section that was never opened.",
+    "template-tag": "The tag {{:tag is not closed: end it with }}.",
+    "template-name": "{{:name}} is not a variable name: lowercase letters, digits and _, one dot at most.",
+    "template-partial": "Partials ({{>name}}) are not available in a message template.",
+    "template-delimiters": "Changing the delimiters ({{=<% %>=}}) is not available in a message template.",
+    "template-pragma": "Pragmas and blocks ({{%…}}, {{$…}}) are not available in a message template."
+  }
+}, oe = /* @__PURE__ */ new WeakSet();
+function R() {
+  try {
+    const { i18n: t } = G();
+    oe.has(t) || (t.defaults("webx-notifications", Ke), oe.add(t));
+  } catch {
+  }
+}
+const Ge = { class: "wx-notification-channels" }, Qe = /* @__PURE__ */ L({
+  name: "WxNotificationChannelsField",
+  __name: "ChannelsField",
+  props: /* @__PURE__ */ K({
+    event: {},
+    disabled: { type: Boolean, default: !1 },
+    base: { default: "/notifications" },
+    addText: { default: void 0 },
+    emptyText: { default: void 0 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, a = q(t, "modelValue");
+    R();
+    const l = G(), n = P("webx-notifications"), i = h(() => `notify-${e.event.replace(/[._]/g, "-")}`), o = h(() => l.can("notifications.manage")), d = je(), _ = h(() => `${l.basePath}${e.base}`.replace(/\/{2,}/g, "/"));
+    function x(b) {
+      b.metaKey || b.ctrlKey || b.shiftKey || b.button !== 0 || (b.preventDefault(), d.push(e.base));
+    }
+    return (b, $) => (p(), w("div", Ge, [
+      g(s(De), {
+        modelValue: a.value,
+        "onUpdate:modelValue": $[0] || ($[0] = (C) => a.value = C),
+        target: i.value,
+        sortable: !1,
+        disabled: e.disabled,
+        "add-text": e.addText ?? s(n)("panel.pick-channels"),
+        "empty-text": e.emptyText
+      }, null, 8, ["modelValue", "target", "disabled", "add-text", "empty-text"]),
+      o.value ? (p(), k(s(We), {
+        key: 0,
+        href: _.value,
+        size: "sm",
+        onClick: x
+      }, {
+        default: m(() => [
+          y(v(s(n)("panel.set-up-channels")), 1)
+        ]),
+        _: 1
+      }, 8, ["href"])) : W("", !0)
+    ]));
+  }
+}), U = (t, e) => {
+  const a = t.__vccOpts || t;
+  for (const [l, n] of e)
+    a[l] = n;
+  return a;
+}, Xe = /* @__PURE__ */ U(Qe, [["__scopeId", "data-v-e0a57880"]]);
+function he() {
+  const t = j(null), e = /* @__PURE__ */ new Map();
+  return {
+    focused: t,
+    inserters: e,
+    insert: (a) => (e.get(t.value ?? "") ?? e.get("template"))?.(a)
+  };
+}
+const ve = /* @__PURE__ */ Symbol("wx-notifications-channel");
+function Qt(t, e, a) {
+  const l = {
+    meta: t,
+    values: e,
+    id: a,
+    provider: h(
+      () => t.value?.providers.find((n) => n.key === e.value.provider) ?? null
+    ),
+    event: h(() => t.value?.events.find((n) => n.key === e.value.event) ?? null),
+    ...he()
+  };
+  return xe(ve, l), l;
+}
+function Q() {
+  return $e(ve, null) ?? {
+    meta: j(null),
+    values: j({}),
+    id: j(null),
+    provider: h(() => null),
+    event: h(() => null),
+    ...he()
+  };
+}
+const Ze = "notifications";
+function Je(t) {
+  const e = new URLSearchParams();
+  for (const [l, n] of Object.entries(t))
+    n == null || n === "" || e.set(l, typeof n == "boolean" ? n ? "1" : "0" : String(n));
+  const a = e.toString();
+  return a === "" ? "" : `?${a}`;
+}
+function be(t) {
+  const e = `${t.apiPath}/${Ze}`, a = (n) => n.data, l = (n) => n === null ? e : `${e}/channels/${n}`;
+  return {
+    meta: () => t.http.get(`${e}/meta`).then(a),
+    channels: (n = {}) => {
+      const i = new URLSearchParams();
+      n.trashed && i.set("trashed", "1"), n.event && i.set("event", n.event);
+      const o = i.toString();
+      return t.http.get(`${e}/channels${o === "" ? "" : `?${o}`}`);
+    },
+    get: (n) => t.http.get(`${e}/channels/${n}`).then(a),
+    create: (n) => t.http.post(`${e}/channels`, { values: n }).then(a),
+    save: (n, i) => t.http.put(`${e}/channels/${n}`, { values: i }).then(a),
+    remove: (n) => t.http.delete(`${e}/channels/${n}`).then(() => {
+    }),
+    restore: (n) => t.http.post(`${e}/channels/${n}/restore`, {}).then(a),
+    purge: (n) => t.http.delete(`${e}/channels/${n}/purge`).then(() => {
+    }),
+    copy: (n, i) => t.http.post(`${e}/channels/${n}/copy`, i ? { name: i } : {}).then(a),
+    test: (n, i, o) => t.http.post(`${l(n)}/test`, {
+      values: i,
+      ...o ? { recipient: o } : {}
+    }).then((d) => d.data.results),
+    preview: (n, i, o) => t.http.post(`${l(n)}/preview`, { values: i, locale: o }).then(a),
+    check: (n, i) => t.http.post(`${e}/check`, { values: i, ...n ? { channel: n } : {} }).then(a),
+    findRecipients: ({ provider: n, channel: i, token: o }) => t.http.post(
+      `${e}/find-recipients`,
+      { provider: n, ...i ? { channel: i } : {}, ...o ? { token: o } : {} }
+    ).then(a),
+    administrators: () => t.http.get(`${e}/administrators`).then(a),
+    deliveries: (n = {}) => t.http.get(`${e}/deliveries${Je(n)}`),
+    retry: (n) => t.http.post(`${e}/deliveries/${n}/retry`, {}).then(a)
+  };
+}
+const Ye = {
+  key: 3,
+  class: "wx-notifications-found"
+}, et = { class: "wx-notifications-found__text" }, tt = /* @__PURE__ */ L({
+  name: "WxNotificationsFindChats",
+  __name: "FindChatsDialog",
+  props: {
+    channel: { default: null },
+    token: { default: "" },
+    chosen: { default: () => [] }
+  },
+  setup(t) {
+    const e = t, { open: a, resolve: l, dismiss: n } = Ne(), i = be(G());
+    R();
+    const o = P("webx-notifications"), d = He(), _ = j([]), x = j(null), b = j(null), $ = j(!0), C = j(/* @__PURE__ */ new Set());
+    async function S() {
+      $.value = !0, b.value = null;
+      try {
+        const r = await i.findRecipients({
+          provider: "telegram",
+          channel: e.channel,
+          token: e.token.trim() === "" ? void 0 : e.token.trim()
+        });
+        _.value = r.recipients, x.value = r.hint;
+      } catch (r) {
+        b.value = d(r);
+      } finally {
+        $.value = !1;
+      }
+    }
+    ne(() => {
+      S();
+    });
+    const O = h(() => _.value.filter((r) => !e.chosen.includes(r.id)));
+    function T(r, c) {
+      const u = new Set(C.value);
+      c ? u.add(r) : u.delete(r), C.value = u;
+    }
+    function f() {
+      l(O.value.filter((r) => C.value.has(r.id)));
+    }
+    return (r, c) => (p(), k(s(Ve), {
+      open: s(a),
+      "onUpdate:open": c[1] || (c[1] = (u) => Te(a) ? a.value = u : null),
+      title: s(o)("panel.find-title"),
+      width: 480
+    }, {
+      footer: m(() => [
+        g(s(le), { size: "sm" }, {
+          default: m(() => [
+            g(s(V), {
+              variant: "outline",
+              disabled: $.value,
+              onClick: S
+            }, {
+              default: m(() => [
+                y(v(s(o)("panel.find-chats")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            g(s(V), {
+              variant: "outline",
+              onClick: c[0] || (c[0] = (u) => s(n)())
+            }, {
+              default: m(() => [
+                y(v(s(o)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            g(s(V), {
+              type: "primary",
+              disabled: C.value.size === 0,
+              onClick: f
+            }, {
+              default: m(() => [
+                y(v(s(o)("panel.find-add")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: m(() => [
+        $.value ? (p(), k(s(Oe), {
+          key: 0,
+          rows: 3
+        })) : b.value ? (p(), k(s(D), {
+          key: 1,
+          type: "danger",
+          variant: "soft",
+          description: b.value
+        }, null, 8, ["description"])) : _.value.length === 0 ? (p(), k(s(ze), {
+          key: 2,
+          title: s(o)("panel.find-title"),
+          description: x.value ?? s(o)("panel.find-help")
+        }, null, 8, ["title", "description"])) : (p(), w("ul", Ye, [
+          (p(!0), w(z, null, M(_.value, (u) => (p(), w("li", {
+            key: u.id,
+            class: "wx-notifications-found__row"
+          }, [
+            g(s(Fe), {
+              "model-value": e.chosen.includes(u.id) || C.value.has(u.id),
+              disabled: e.chosen.includes(u.id),
+              "onUpdate:modelValue": (A) => T(u.id, A)
+            }, {
+              default: m(() => [
+                I("span", et, [
+                  g(s(N), { truncate: "" }, {
+                    default: m(() => [
+                      y(v(u.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  g(s(N), {
+                    size: "sm",
+                    tone: "muted",
+                    mono: "",
+                    truncate: ""
+                  }, {
+                    default: m(() => [
+                      y(v([u.id, u.username].filter(Boolean).join(" · ")), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["model-value", "disabled", "onUpdate:modelValue"]),
+            g(s(ae), null, {
+              default: m(() => [
+                y(v(s(o)(`panel.chat-${u.type}`)), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ]))
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), nt = /* @__PURE__ */ U(tt, [["__scopeId", "data-v-71616d40"]]);
+function at(t) {
+  return (t?.variables ?? []).map((e) => ({
+    name: e.name,
+    label: e.label,
+    example: e.example,
+    fields: e.fields.length > 0 ? e.fields : void 0
+  }));
+}
+function lt(t, e = "value") {
+  const a = t.name.endsWith(".*") ? `${t.name.slice(0, -2)}.name` : t.name;
+  if ((t.fields?.length ?? 0) > 0) {
+    const l = (t.fields ?? []).map((n) => `{{${n.name}}}`).join(" ");
+    return `{{#${a}}}
+${l}
+{{/${a}}}`;
+  }
+  return e === "has" ? `{{#${a}}}{{${a}}}{{/${a}}}` : e === "empty" ? `{{^${a}}}{{/${a}}}` : `{{${a}}}`;
+}
+function ge(t, e) {
+  return (t?.variables ?? []).filter((a) => a.address === e);
+}
+const st = { class: "wx-notifications-recipients" }, it = /* @__PURE__ */ L({
+  name: "WxNotificationsChatsField",
+  __name: "ChatsField",
+  props: /* @__PURE__ */ K({
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, a = q(t, "modelValue");
+    R();
+    const l = P("webx-notifications"), n = Q(), i = Ee(nt), o = h(() => Array.isArray(a.value) ? a.value : []), d = h(() => ge(n.event.value, "telegram")), _ = h(
+      () => d.value.filter((f) => !o.value.some((r) => r.variable === f.name))
+    );
+    function x(f) {
+      return d.value.find((r) => r.name === f)?.label ?? `{{${f}}}`;
+    }
+    function b(f, r) {
+      a.value = o.value.map((c, u) => u === f ? { ...c, ...r } : c);
+    }
+    function $(f) {
+      a.value = [...o.value, f];
+    }
+    function C(f) {
+      a.value = o.value.filter((r, c) => c !== f);
+    }
+    const S = h(() => {
+      const f = n.values.value.token;
+      return typeof f == "string" ? f : "";
+    }), O = h(
+      () => S.value.trim() !== "" || n.id.value !== null && n.values.value.provider === "telegram"
+    );
+    async function T() {
+      if (!O.value) {
+        J.warning(l("panel.find-token"));
+        return;
+      }
+      const f = await i({
+        channel: n.id.value,
+        token: S.value,
+        chosen: o.value.map((r) => r.chat_id ?? "").filter(Boolean)
+      });
+      !f || f.length === 0 || (a.value = [...o.value, ...f.map((r) => ({ chat_id: r.id, label: r.title }))], J.success(l("panel.find-added", { count: String(f.length) })));
+    }
+    return (f, r) => (p(), w("div", st, [
+      o.value.length === 0 ? (p(), k(s(N), {
+        key: 0,
+        size: "sm",
+        tone: "placeholder"
+      }, {
+        default: m(() => [
+          y(v(s(l)("panel.no-recipients")), 1)
+        ]),
+        _: 1
+      })) : W("", !0),
+      (p(!0), w(z, null, M(o.value, (c, u) => (p(), w("div", {
+        key: u,
+        class: "wx-notifications-recipients__row"
+      }, [
+        c.variable ? (p(), k(s(ae), {
+          key: 0,
+          type: "primary",
+          class: "wx-notifications-recipients__addressee"
+        }, {
+          default: m(() => [
+            y(v(s(l)("panel.addressee", { label: x(c.variable) })), 1)
+          ]),
+          _: 2
+        }, 1024)) : (p(), w(z, { key: 1 }, [
+          g(s(Z), {
+            class: "wx-notifications-recipients__id",
+            "model-value": c.chat_id ?? "",
+            placeholder: s(l)("panel.chat-id"),
+            "aria-label": s(l)("panel.chat-id"),
+            disabled: e.disabled,
+            inputmode: "text",
+            "onUpdate:modelValue": (A) => b(u, { chat_id: String(A ?? "") })
+          }, null, 8, ["model-value", "placeholder", "aria-label", "disabled", "onUpdate:modelValue"]),
+          g(s(Z), {
+            class: "wx-notifications-recipients__label",
+            "model-value": c.label ?? "",
+            placeholder: s(l)("panel.chat-label"),
+            "aria-label": s(l)("panel.chat-label"),
+            disabled: e.disabled,
+            "onUpdate:modelValue": (A) => b(u, { label: String(A ?? "") })
+          }, null, 8, ["model-value", "placeholder", "aria-label", "disabled", "onUpdate:modelValue"])
+        ], 64)),
+        e.disabled ? W("", !0) : (p(), k(s(fe), {
+          key: 2,
+          icon: "trash",
+          tone: "danger",
+          title: s(l)("panel.remove"),
+          onClick: (A) => C(u)
+        }, null, 8, ["title", "onClick"]))
+      ]))), 128)),
+      e.disabled ? W("", !0) : (p(), k(s(le), {
+        key: 1,
+        size: "sm",
+        wrap: ""
+      }, {
+        default: m(() => [
+          g(s(V), {
+            variant: "outline",
+            size: "sm",
+            onClick: r[0] || (r[0] = (c) => $({ chat_id: "", label: "" }))
+          }, {
+            icon: m(() => [
+              g(s(H), { name: "plus" })
+            ]),
+            default: m(() => [
+              y(" " + v(s(l)("panel.add-chat")), 1)
+            ]),
+            _: 1
+          }),
+          g(s(V), {
+            variant: "outline",
+            size: "sm",
+            onClick: T
+          }, {
+            icon: m(() => [
+              g(s(H), { name: "search" })
+            ]),
+            default: m(() => [
+              y(" " + v(s(l)("panel.find-chats")), 1)
+            ]),
+            _: 1
+          }),
+          (p(!0), w(z, null, M(_.value, (c) => (p(), k(s(V), {
+            key: c.name,
+            variant: "outline",
+            size: "sm",
+            onClick: (u) => $({ variable: c.name })
+          }, {
+            default: m(() => [
+              y(v(s(l)("panel.addressee", { label: c.label })), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))
+        ]),
+        _: 1
+      }))
+    ]));
+  }
+}), ot = /* @__PURE__ */ U(it, [["__scopeId", "data-v-00cd60ee"]]), rt = { class: "wx-notifications-recipients" }, ct = /* @__PURE__ */ L({
+  name: "WxNotificationsEmailsField",
+  __name: "EmailsField",
+  props: /* @__PURE__ */ K({
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, a = q(t, "modelValue");
+    R();
+    const l = P("webx-notifications"), n = Q(), i = G(), o = j([]);
+    ne(async () => {
+      try {
+        o.value = await be(i).administrators();
+      } catch {
+      }
+    });
+    const d = h(() => Array.isArray(a.value) ? a.value : []), _ = h(
+      () => o.value.map((f) => ({ value: f.id, label: `${f.name} · ${f.email}` }))
+    ), x = h(() => ge(n.event.value, "email")), b = h(
+      () => x.value.filter((f) => !d.value.some((r) => r.variable === f.name))
+    );
+    function $(f) {
+      return x.value.find((r) => r.name === f)?.label ?? `{{${f}}}`;
+    }
+    function C(f, r) {
+      a.value = d.value.map((c, u) => u === f ? r : c);
+    }
+    function S(f) {
+      a.value = [...d.value, f];
+    }
+    function O(f) {
+      a.value = d.value.filter((r, c) => c !== f);
+    }
+    function T(f) {
+      return _.value.some((r) => r.value === f) ? _.value : [..._.value, { value: f, label: l("panel.admin-unknown", { id: String(f) }) }];
+    }
+    return (f, r) => (p(), w("div", rt, [
+      d.value.length === 0 ? (p(), k(s(N), {
+        key: 0,
+        size: "sm",
+        tone: "placeholder"
+      }, {
+        default: m(() => [
+          y(v(s(l)("panel.no-recipients")), 1)
+        ]),
+        _: 1
+      })) : W("", !0),
+      (p(!0), w(z, null, M(d.value, (c, u) => (p(), w("div", {
+        key: u,
+        class: "wx-notifications-recipients__row"
+      }, [
+        c.variable ? (p(), k(s(ae), {
+          key: 0,
+          type: "primary",
+          class: "wx-notifications-recipients__wide"
+        }, {
+          default: m(() => [
+            y(v(s(l)("panel.addressee", { label: $(c.variable) })), 1)
+          ]),
+          _: 2
+        }, 1024)) : c.admin_id !== void 0 ? (p(), k(s(Me), {
+          key: 1,
+          class: "wx-notifications-recipients__wide",
+          "model-value": c.admin_id,
+          options: T(c.admin_id),
+          disabled: e.disabled,
+          "onUpdate:modelValue": (A) => C(u, { admin_id: Number(A) })
+        }, null, 8, ["model-value", "options", "disabled", "onUpdate:modelValue"])) : (p(), k(s(Z), {
+          key: 2,
+          class: "wx-notifications-recipients__wide",
+          type: "email",
+          "model-value": c.email ?? "",
+          placeholder: "manager@site.test",
+          disabled: e.disabled,
+          "onUpdate:modelValue": (A) => C(u, { email: String(A ?? "") })
+        }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"])),
+        e.disabled ? W("", !0) : (p(), k(s(fe), {
+          key: 3,
+          icon: "trash",
+          tone: "danger",
+          title: s(l)("panel.remove"),
+          onClick: (A) => O(u)
+        }, null, 8, ["title", "onClick"]))
+      ]))), 128)),
+      e.disabled ? W("", !0) : (p(), k(s(le), {
+        key: 1,
+        size: "sm",
+        wrap: ""
+      }, {
+        default: m(() => [
+          g(s(V), {
+            variant: "outline",
+            size: "sm",
+            disabled: _.value.length === 0,
+            onClick: r[0] || (r[0] = (c) => S({ admin_id: Number(_.value[0]?.value) }))
+          }, {
+            icon: m(() => [
+              g(s(H), { name: "user" })
+            ]),
+            default: m(() => [
+              y(" " + v(s(l)("panel.add-admin")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          g(s(V), {
+            variant: "outline",
+            size: "sm",
+            onClick: r[1] || (r[1] = (c) => S({ email: "" }))
+          }, {
+            icon: m(() => [
+              g(s(H), { name: "mail" })
+            ]),
+            default: m(() => [
+              y(" " + v(s(l)("panel.add-email")), 1)
+            ]),
+            _: 1
+          }),
+          (p(!0), w(z, null, M(b.value, (c) => (p(), k(s(V), {
+            key: c.name,
+            variant: "outline",
+            size: "sm",
+            onClick: (u) => S({ variable: c.name })
+          }, {
+            default: m(() => [
+              y(v(s(l)("panel.addressee", { label: c.label })), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))
+        ]),
+        _: 1
+      }))
+    ]));
+  }
+}), dt = /* @__PURE__ */ U(ct, [["__scopeId", "data-v-ae639366"]]);
+function we(t, e) {
+  return !t || !e ? null : t.sample[e] ?? t.sample["*"] ?? null;
+}
+function B(t) {
+  return t == null ? !0 : typeof t == "string" ? t.trim() === "" : typeof t == "object" ? Object.values(t).every((e) => B(e)) : !1;
+}
+function ye(t, e, a) {
+  return {
+    ...t,
+    template: { ...e.template },
+    ...a && e.subject !== null ? { subject: { ...e.subject } } : {}
+  };
+}
+function Xt(t, e, a) {
+  Ce(
+    () => t.values.value.event,
+    (l, n) => {
+      if (e.value || l === n) return;
+      const i = we(t.event.value, t.provider.value?.key), o = t.provider.value?.subject ?? !1, d = t.values.value;
+      i === null || !B(d.template) || o && !B(d.subject) || (t.values.value = ye(d, i, o), a());
+    },
+    { flush: "sync" }
+  );
+}
+class E extends Error {
+  constructor(e, a = {}) {
+    super(e), this.key = e, this.replace = a, this.name = "TemplateRefusal";
+  }
+  key;
+  replace;
+}
+const ut = /^[a-z0-9_]+(\.[a-z0-9_]+)?$/;
+function _e(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+function re(t) {
+  return t.replace(/[\r\n]+/g, " ");
+}
+function pt(t, e = "") {
+  return se(t, e) ? ft : t === "telegram" ? _e : (a) => a;
+}
+function se(t, e) {
+  return t === "email" && /^\s*<[a-zA-Z]/.test(e);
+}
+function ft(t) {
+  return _e(t).replace(/\r\n|\r|\n/g, "<br>");
+}
+function X(t) {
+  const e = document.createElement("textarea");
+  return e.innerHTML = t, e.value;
+}
+const mt = "p|h[1-6]|table|ul|ol|blockquote|pre", ht = "tr|div";
+function vt(t) {
+  let e = t.replace(/[ \t\r\n\f]+/g, " ");
+  return e = e.replace(
+    /<a\b[^>]*?\bhref\s*=\s*"([^"]*)"[^>]*>([\s\S]*?)<\/a\s*>/gi,
+    (l, n, i) => {
+      const o = X(n), d = X(i.replace(/<[^>]*>/g, "")).trim();
+      return d === "" || d === o ? o : /^(https?:|mailto:)/i.test(o) ? `${i} (${n})` : i;
+    }
+  ), e = e.replace(/<br\s*\/?>/gi, `
+`), e = e.replace(/<\/t[dh]\s*>\s*(?=<t[dh][\s>])/gi, ": "), e = e.replace(/<li\b[^>]*>/gi, `
+- `), e = e.replace(new RegExp(`<hr\\b[^>]*>|</?(?:${mt})\\b[^>]*>`, "gi"), `
+
+`), e = e.replace(new RegExp(`<div\\b[^>]*>|</(?:${ht})\\s*>`, "gi"), `
+`), e = X(e.replace(/<[^>]*>/g, "")), e.split(`
+`).map((l) => l.replace(/ {2,}/g, " ").trim()).join(`
+`).replace(/\n{3,}/g, `
+
+`).trim();
+}
+function bt(t) {
+  try {
+    return qe.parse(t, ["{{", "}}"]);
+  } catch (e) {
+    const a = e instanceof Error ? e.message : String(e), l = /section "([^"]*)"/.exec(a)?.[1] ?? "";
+    if (a.startsWith("Unopened section"))
+      throw new E("template-unexpected", { section: l });
+    if (a.startsWith("Unclosed section"))
+      throw new E("template-unclosed", { section: l });
+    const n = Number(/at (\d+)/.exec(a)?.[1] ?? t.lastIndexOf("{{")), i = t.slice(n).replace(/^\{\{\{?[#^/!&>=]?/, "").trim();
+    throw new E("template-tag", { tag: i });
+  }
+}
+function ke(t) {
+  for (const e of t) {
+    const [a, l] = e;
+    if (a === ">") throw new E("template-partial");
+    if (a === "=") throw new E("template-delimiters");
+    if (a === "text" || a === "!") continue;
+    const n = l.trim();
+    if (n.startsWith("<")) throw new E("template-partial");
+    if (n.startsWith("%") || n.startsWith("$")) throw new E("template-pragma");
+    if (!ut.test(n)) throw new E("template-name", { name: n });
+    e[4] && ke(e[4]);
+  }
+}
+function gt(t) {
+  const e = {};
+  for (const [a, l] of Object.entries(t)) {
+    if (!a.includes(".")) {
+      e[a] = l;
+      continue;
+    }
+    const [n, ...i] = a.split("."), o = n, d = e[o];
+    (d === void 0 || F(d)) && (e[o] = { ...F(d) ? d : {}, [i.join(".")]: l });
+  }
+  return e;
+}
+function F(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t);
+}
+function ce(t) {
+  return t == null || t === !1 || t === "" || t === "0" || t === 0 ? !0 : Array.isArray(t) ? t.length === 0 : F(t) ? Object.keys(t).length === 0 : !1;
+}
+function wt(t, e) {
+  const [a, ...l] = e.split(".");
+  let n;
+  for (let i = t.length - 1; i >= 0; i--) {
+    const o = t[i];
+    if (F(o) && Object.prototype.hasOwnProperty.call(o, a)) {
+      n = o[a];
+      break;
+    }
+  }
+  for (const i of l) {
+    if (n === "" || n === void 0) return n;
+    n = F(n) && Object.prototype.hasOwnProperty.call(n, i) ? n[i] : "";
+  }
+  return n;
+}
+function yt(t) {
+  return typeof t == "string" ? t : typeof t == "number" ? String(t) : t === !0 ? "1" : "";
+}
+function Y(t, e, a) {
+  let l = "";
+  for (const n of t) {
+    const [i, o] = n;
+    if (i === "text") {
+      l += o;
+      continue;
+    }
+    if (i === "!") continue;
+    const d = wt(e, o.trim());
+    if (i === "name" || i === "&") {
+      l += F(d) || Array.isArray(d) ? "" : a(yt(d));
+      continue;
+    }
+    const _ = n[4] ?? [];
+    if (i === "#" && !ce(d))
+      for (const x of Array.isArray(d) ? d : [d])
+        l += Y(_, [...e, x], a);
+    i === "^" && ce(d) && (l += Y(_, e, a));
+  }
+  return l;
+}
+function ee(t, e = [], a = []) {
+  for (const l of t) {
+    const [n, i] = l;
+    if (n === "text" || n === "!") continue;
+    const o = i.trim();
+    a.push({ name: o, sections: e }), n === "#" && ee(l[4] ?? [], [...e, o], a), n === "^" && ee(l[4] ?? [], e, a);
+  }
+  return a;
+}
+function de(t, e) {
+  const [a, ...l] = e.split(".");
+  for (const n of [...t].reverse()) {
+    if (!F(n) || !Object.prototype.hasOwnProperty.call(n, a)) continue;
+    let i = n[a];
+    for (const o of l) {
+      if (!F(i) || !Object.prototype.hasOwnProperty.call(i, o)) return null;
+      i = i[o];
+    }
+    return i ?? null;
+  }
+  return null;
+}
+function _t(t, e, a) {
+  const l = [t];
+  for (const n of a) {
+    const i = de(l, n);
+    Array.isArray(i) ? l.push(Object.assign({}, ...i.filter(F))) : F(i) && l.push(i);
+  }
+  return de(l, e) !== null;
+}
+function kt(t, e, a) {
+  for (const l of [...a].reverse()) {
+    const n = t.variables.find((i) => i.name === l);
+    if (n && n.fields.length > 0 && n.fields.some((i) => i.name === e))
+      return !0;
+  }
+  return t.variables.some(
+    (l) => l.name === e || l.name.endsWith(".*") && e.startsWith(l.name.slice(0, -1))
+  );
+}
+function ue(t, e, a, l) {
+  const n = bt(t);
+  ke(n);
+  const i = gt(e), o = /* @__PURE__ */ new Set();
+  for (const d of ee(n))
+    !_t(i, d.name, d.sections) && !l?.(d.name, d.sections) && o.add(d.name);
+  return { text: Y(n, [i], a), unknown: [...o] };
+}
+function xt(t) {
+  const e = {};
+  for (const a of t?.variables ?? [])
+    a.name.endsWith(".*") || (e[a.name] = a.example);
+  return e;
+}
+function $t(t) {
+  return new DOMParser().parseFromString(`<body>${t}</body>`, "text/html").body.textContent ?? "";
+}
+function Tt(t) {
+  const e = se(t.provider, t.template), a = pt(t.provider, t.template), l = t.event ?? null, n = l === null ? void 0 : (b, $) => kt(l, b, $), i = ue(t.template, t.values, a, n);
+  let o = null, d = i.unknown;
+  if (t.hasSubject) {
+    const b = ue(t.subject ?? "", t.values, re, n);
+    o = re(b.text).trim(), d = [.../* @__PURE__ */ new Set([...d, ...b.unknown])];
+  }
+  const _ = e ? vt(i.text) : t.provider === "telegram" ? $t(i.text) : i.text, x = t.limit ?? null;
+  if (x !== null && [..._].length > x) {
+    const b = `${[..._].slice(0, x - 1).join("")}…`;
+    return { subject: o, body: a(b), plain: b, truncated: !0, unknown: d, html: e };
+  }
+  return { subject: o, body: i.text, plain: _, truncated: !1, unknown: d, html: e };
+}
+const Ct = { class: "wx-notifications-template" }, St = {
+  key: 0,
+  class: "wx-notifications-template__variables"
+}, At = { class: "wx-notifications-template__chips" }, jt = { class: "wx-notifications-template__name" }, Wt = {
+  key: 2,
+  class: "wx-notifications-template__default"
+}, Nt = /* @__PURE__ */ L({
+  name: "WxNotificationsTemplateField",
+  __name: "TemplateField",
+  props: /* @__PURE__ */ K({
+    localized: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: void 0 },
+    minHeight: { default: "200px" },
+    singleLine: { type: Boolean, default: !1 },
+    part: { default: "template" },
+    chips: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, a = q(t, "modelValue");
+    R();
+    const l = P("webx-notifications"), n = Q(), i = me(), o = j(null), d = h(() => at(n.event.value)), _ = h(
+      () => Le(d.value, {
+        variable: l("panel.hint-variable"),
+        list: l("panel.hint-list"),
+        field: l("panel.hint-field"),
+        section: l("panel.hint-section"),
+        inverted: l("panel.hint-inverted"),
+        close: l("panel.hint-close"),
+        comment: l("panel.hint-comment"),
+        example: l("panel.hint-example")
+      })
+    ), x = h(() => {
+      const r = a.value;
+      if (r == null) return "";
+      if (typeof r == "string") return r;
+      const c = i.active.value || i.list.value[0]?.code || "";
+      return r[c] ?? "";
+    }), b = h(() => {
+      if (e.singleLine) return "mustache";
+      const r = n.provider.value?.key ?? "";
+      return r === "telegram" || se(r, x.value) ? "mustache-html" : "mustache";
+    }), $ = h(
+      () => Pe(x.value, n.event.value === null ? void 0 : d.value)
+    ), C = h(() => {
+      const r = $.value;
+      return [
+        ...r.unclosed.map((c) => l("panel.problem-unclosed", { name: c })),
+        ...r.stray.map((c) => l("panel.problem-stray", { name: c })),
+        ...r.refused.map((c) => l("panel.problem-refused", { tag: c })),
+        ...r.broken ? [l("panel.problem-broken")] : [],
+        ...r.unknown.length > 0 ? [
+          l("panel.problem-unknown", {
+            names: r.unknown.map((c) => `{{${c}}}`).join(", ")
+          })
+        ] : []
+      ];
+    });
+    function S(r) {
+      if ((r.fields?.length ?? 0) > 0)
+        return l("panel.variable-list", {
+          fields: (r.fields ?? []).map((u) => u.name).join(", ")
+        });
+      const c = r.example;
+      return typeof c == "string" || typeof c == "number" ? String(c) : "";
+    }
+    function O(r) {
+      const c = o.value?.view;
+      if (!c) return;
+      const u = c.state.selection.main;
+      c.dispatch({
+        changes: { from: u.from, to: u.to, insert: r },
+        selection: { anchor: u.from + r.length },
+        scrollIntoView: !0
+      }), c.focus();
+    }
+    ne(() => n.inserters.set(e.part, O)), Se(() => {
+      n.inserters.get(e.part) === O && n.inserters.delete(e.part);
+    });
+    const T = h(() => we(n.event.value, n.provider.value?.key));
+    async function f() {
+      const r = T.value;
+      if (r === null) return;
+      const c = n.values.value, u = n.provider.value?.subject ?? !1;
+      (!B(c.template) || u && !B(c.subject)) && !await Be({
+        title: l("panel.default-title"),
+        message: l("panel.default-text"),
+        confirmText: l("panel.default-replace"),
+        cancelText: l("panel.cancel")
+      }) || (n.values.value = ye(n.values.value, r, u), J.info(l("panel.default-inserted")));
+    }
+    return (r, c) => (p(), w("div", Ct, [
+      g(s(Re), {
+        ref_key: "editor",
+        ref: o,
+        modelValue: a.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (u) => a.value = u),
+        language: b.value,
+        completions: _.value,
+        localized: e.localized,
+        disabled: e.disabled,
+        "line-numbers": !1,
+        "line-wrapping": !e.singleLine,
+        "single-line": e.singleLine,
+        "min-height": e.singleLine ? void 0 : e.minHeight,
+        onFocus: c[1] || (c[1] = (u) => s(n).focused.value = e.part)
+      }, null, 8, ["modelValue", "language", "completions", "localized", "disabled", "line-wrapping", "single-line", "min-height"]),
+      (p(!0), w(z, null, M(C.value, (u) => (p(), k(s(D), {
+        key: u,
+        type: "warning",
+        variant: "soft",
+        description: u
+      }, null, 8, ["description"]))), 128)),
+      e.chips ? (p(), w("div", St, [
+        g(s(N), {
+          size: "sm",
+          weight: "medium"
+        }, {
+          default: m(() => [
+            y(v(s(l)("panel.variables")), 1)
+          ]),
+          _: 1
+        }),
+        d.value.length === 0 ? (p(), k(s(N), {
+          key: 0,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: m(() => [
+            y(v(s(l)("panel.variables-none")), 1)
+          ]),
+          _: 1
+        })) : (p(), w(z, { key: 1 }, [
+          g(s(N), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: m(() => [
+              y(v(s(l)("panel.variables-help")), 1)
+            ]),
+            _: 1
+          }),
+          I("div", At, [
+            (p(!0), w(z, null, M(d.value, (u) => (p(), k(s(Ue), {
+              key: u.name,
+              content: [u.label, S(u)].filter(Boolean).join(" — ")
+            }, {
+              default: m(() => [
+                g(s(V), {
+                  size: "sm",
+                  variant: "outline",
+                  class: "wx-notifications-template__chip",
+                  disabled: e.disabled,
+                  onClick: (A) => s(n).insert(s(lt)(u))
+                }, {
+                  default: m(() => [
+                    I("span", jt, v((u.fields?.length ?? 0) > 0 ? `#${u.name}` : u.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick"])
+              ]),
+              _: 2
+            }, 1032, ["content"]))), 128))
+          ])
+        ], 64)),
+        T.value ? (p(), w("div", Wt, [
+          g(s(V), {
+            size: "sm",
+            variant: "text",
+            icon: "file-text",
+            disabled: e.disabled,
+            onClick: f
+          }, {
+            default: m(() => [
+              y(v(s(l)("panel.default-insert")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ])) : W("", !0)
+      ])) : W("", !0)
+    ]));
+  }
+}), Vt = /* @__PURE__ */ U(Nt, [["__scopeId", "data-v-d491fffa"]]);
+function Zt(t = {}) {
+  const e = t.path ?? "/notifications";
+  return {
+    id: "notifications",
+    path: e,
+    routes: [
+      {
+        path: e,
+        name: "webx.notifications",
+        component: () => import("./NotificationsPage-CtP9bFgU.js"),
+        props: { base: e }
+      },
+      {
+        path: `${e}/channels/new`,
+        name: "webx.notifications.new",
+        component: () => import("./ChannelPage-DB6cyt1W.js"),
+        props: { base: e }
+      },
+      {
+        path: `${e}/channels/:id(\\d+)`,
+        name: "webx.notifications.channel",
+        component: () => import("./ChannelPage-DB6cyt1W.js"),
+        props: { base: e }
+      }
+    ],
+    types: {
+      "wx-notifications-template": { component: Vt, kind: "field", wide: !0 },
+      "wx-notifications-chats": { component: ot, kind: "field" },
+      "wx-notifications-emails": { component: dt, kind: "field" },
+      "wx-notifications-channels": {
+        component: Xe,
+        kind: "field",
+        bind: (a) => ({ event: a.props?.event, base: e })
+      }
+    }
+  };
+}
+const Ot = /* @__PURE__ */ new Set([
+  "b",
+  "strong",
+  "i",
+  "em",
+  "u",
+  "ins",
+  "s",
+  "strike",
+  "del",
+  "a",
+  "code",
+  "pre",
+  "blockquote",
+  "tg-spoiler",
+  "span"
+]);
+function te(t, e, a) {
+  for (const l of Array.from(t.childNodes)) {
+    if (l.nodeType === Node.TEXT_NODE) {
+      e.appendChild(a.createTextNode(l.textContent ?? ""));
+      continue;
+    }
+    if (!(l instanceof Element)) continue;
+    const n = l.tagName.toLowerCase();
+    if (!Ot.has(n) || n === "span" && !l.classList.contains("tg-spoiler")) {
+      te(l, e, a);
+      continue;
+    }
+    const i = a.createElement(n === "tg-spoiler" ? "span" : n);
+    if ((n === "tg-spoiler" || n === "span") && (i.className = "tg-spoiler"), n === "a") {
+      const o = l.getAttribute("href") ?? "";
+      /^(https?:|tg:)/i.test(o) && (i.setAttribute("href", o), i.setAttribute("target", "_blank"), i.setAttribute("rel", "noopener noreferrer"));
+    }
+    te(l, i, a), e.appendChild(i);
+  }
+}
+function zt(t) {
+  const e = new DOMParser().parseFromString(`<body>${t}</body>`, "text/html"), a = document.implementation.createHTMLDocument(""), l = a.createElement("div");
+  return te(e.body, l, a), l.innerHTML;
+}
+const Ft = {
+  key: 0,
+  class: "wx-notifications-preview__chat"
+}, Et = ["innerHTML"], Mt = {
+  key: 1,
+  class: "wx-notifications-preview__bubble"
+}, Lt = {
+  key: 1,
+  class: "wx-notifications-preview__letter"
+}, Pt = { class: "wx-notifications-preview__subject" }, Rt = ["title", "srcdoc"], Ut = {
+  key: 1,
+  class: "wx-notifications-preview__body"
+}, Bt = /* @__PURE__ */ L({
+  name: "WxNotificationsPreview",
+  __name: "MessagePreview",
+  setup(t) {
+    R();
+    const e = P("webx-notifications"), a = Q(), l = me(), n = h(() => l.active.value || l.list.value[0]?.code || ""), i = h(() => {
+      const T = a.provider.value;
+      if (T === null) return null;
+      const f = a.values.value;
+      try {
+        return {
+          message: Tt({
+            provider: T.key,
+            template: ie(f.template, n.value),
+            subject: ie(f.subject, n.value),
+            hasSubject: T.subject,
+            limit: T.limit,
+            values: xt(a.event.value),
+            event: a.event.value
+          })
+        };
+      } catch (r) {
+        if (r instanceof E)
+          return { refusal: e(`errors.${r.key}`, r.replace) };
+        throw r;
+      }
+    }), o = h(
+      () => i.value !== null && "message" in i.value ? i.value.message : null
+    ), d = h(
+      () => i.value !== null && "refusal" in i.value ? i.value.refusal : null
+    ), _ = h(
+      () => e("panel.preview-unknown", {
+        names: (o.value?.unknown ?? []).map((T) => "{{" + T + "}}").join(", ")
+      })
+    ), x = h(() => a.provider.value?.key === "telegram"), b = h(
+      () => o.value?.html ? `<!doctype html><html><head><meta charset="utf-8"><style>body{margin:0;padding:16px;background:#fff;color:#111827;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;}</style></head><body>` + o.value.body + "</body></html>" : ""
+    ), $ = j(null), C = j(240);
+    function S() {
+      const T = $.value?.contentDocument?.body;
+      T && (C.value = Math.max(80, Math.ceil(T.scrollHeight)));
+    }
+    const O = h(
+      () => o.value === null || o.value.truncated ? "" : zt(o.value.body)
+    );
+    return (T, f) => (p(), k(s(Ie), {
+      title: s(e)("panel.preview"),
+      class: "wx-notifications-preview"
+    }, {
+      default: m(() => [
+        g(s(N), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: m(() => [
+            y(v(s(a).event.value ? s(e)("panel.preview-help") : s(e)("panel.preview-no-event")), 1)
+          ]),
+          _: 1
+        }),
+        d.value ? (p(), k(s(D), {
+          key: 0,
+          type: "danger",
+          variant: "soft",
+          title: s(e)("panel.preview-refused"),
+          description: d.value
+        }, null, 8, ["title", "description"])) : o.value ? (p(), w(z, { key: 1 }, [
+          x.value ? (p(), w("div", Ft, [
+            o.value.truncated ? (p(), w("div", Mt, v(o.value.plain), 1)) : (p(), w("div", {
+              key: 0,
+              class: "wx-notifications-preview__bubble",
+              innerHTML: O.value
+            }, null, 8, Et))
+          ])) : (p(), w("div", Lt, [
+            I("div", Pt, [
+              g(s(N), {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: m(() => [
+                  y(v(s(e)("panel.preview-subject")), 1)
+                ]),
+                _: 1
+              }),
+              g(s(N), { weight: "medium" }, {
+                default: m(() => [
+                  y(v(o.value.subject || "—"), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            o.value.html ? (p(), w("iframe", {
+              key: 0,
+              ref_key: "frame",
+              ref: $,
+              class: "wx-notifications-preview__frame",
+              sandbox: "allow-same-origin",
+              title: s(e)("panel.preview"),
+              srcdoc: b.value,
+              style: Ae({ height: `${C.value}px` }),
+              onLoad: S
+            }, null, 44, Rt)) : (p(), w("div", Ut, v(o.value.body), 1))
+          ])),
+          o.value.plain.trim() === "" ? (p(), k(s(N), {
+            key: 2,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: m(() => [
+              y(v(s(e)("panel.preview-empty")), 1)
+            ]),
+            _: 1
+          })) : W("", !0),
+          o.value.truncated ? (p(), k(s(D), {
+            key: 3,
+            type: "warning",
+            variant: "soft",
+            description: s(e)("panel.preview-truncated", { limit: String(s(a).provider.value?.limit ?? "") })
+          }, null, 8, ["description"])) : W("", !0),
+          o.value.unknown.length > 0 && s(a).event.value ? (p(), k(s(N), {
+            key: 4,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: m(() => [
+              y(v(_.value), 1)
+            ]),
+            _: 1
+          })) : W("", !0)
+        ], 64)) : W("", !0)
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Jt = /* @__PURE__ */ U(Bt, [["__scopeId", "data-v-2e2a2dc3"]]), Yt = pe(() => import("./NotificationsPage-CtP9bFgU.js")), en = pe(() => import("./ChannelPage-DB6cyt1W.js"));
+export {
+  Xe as C,
+  dt as E,
+  Jt as M,
+  Ze as N,
+  E as T,
+  en as W,
+  U as _,
+  ot as a,
+  Yt as b,
+  be as c,
+  Vt as d,
+  ge as e,
+  Xt as f,
+  pt as g,
+  _e as h,
+  xt as i,
+  Ke as j,
+  ue as k,
+  lt as l,
+  Q as m,
+  Zt as n,
+  Qt as p,
+  Tt as r,
+  we as s,
+  zt as t,
+  R as u,
+  at as v
+};
+//# sourceMappingURL=index-Bki9dkMd.js.map