@webx-ui/module-notifications 0.2.1 → 0.3.1

package/dist/index-P5vFp-2X.js

@@ -0,0 +1,1416 @@
+import { defineComponent as P, useModel as K, computed as m, openBlock as p, createElementBlock as w, createVNode as g, unref as s, createBlock as _, withCtx as f, createTextVNode as y, toDisplayString as h, createCommentVNode as j, mergeModels as G, provide as Ce, inject as Se, ref as A, onMounted as ae, isRef as Ae, Fragment as F, renderList as L, createElementVNode as D, mergeProps as fe, watch as je, onBeforeUnmount as We, normalizeStyle as Ne, defineAsyncComponent as me } from "vue";
+import { useRouter as Ve } from "vue-router";
+import { WxLink as Oe, useModal as ze, WxDialog as Fe, WxSkeleton as Ee, WxAlert as H, WxEmpty as Me, WxCheckbox as Le, WxText as W, WxBadge as le, WxSpace as se, WxButton as O, createModal as Pe, WxInput as J, WxAction as he, WxIcon as q, toast as Y, WxSelect as Re, useLocales as ve, mustacheCompletions as Ue, mustacheProblems as Be, WxCodeEditor as Ie, WxTooltip as De, confirm as He, localizedValue as oe, WxCard as qe } from "@webx-ui/core";
+import { useAdmin as Q, useTranslate as R, WxRelationsField as Ke, useErrorText as Ge, useRemoveConfirm as be } from "@webx-ui/module-admin";
+import Qe from "mustache";
+const Xe = {
+  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."
+  }
+}, re = /* @__PURE__ */ new WeakSet();
+function U() {
+  try {
+    const { i18n: t } = Q();
+    re.has(t) || (t.defaults("webx-notifications", Xe), re.add(t));
+  } catch {
+  }
+}
+const Ze = { class: "wx-notification-channels" }, Je = /* @__PURE__ */ P({
+  name: "WxNotificationChannelsField",
+  __name: "ChannelsField",
+  props: /* @__PURE__ */ G({
+    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 = K(t, "modelValue");
+    U();
+    const l = Q(), n = R("webx-notifications"), i = m(() => `notify-${e.event.replace(/[._]/g, "-")}`), r = m(() => l.can("notifications.manage")), u = Ve(), b = m(() => `${l.basePath}${e.base}`.replace(/\/{2,}/g, "/"));
+    function k(v) {
+      v.metaKey || v.ctrlKey || v.shiftKey || v.button !== 0 || (v.preventDefault(), u.push(e.base));
+    }
+    return (v, x) => (p(), w("div", Ze, [
+      g(s(Ke), {
+        modelValue: a.value,
+        "onUpdate:modelValue": x[0] || (x[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"]),
+      r.value ? (p(), _(s(Oe), {
+        key: 0,
+        href: b.value,
+        size: "sm",
+        onClick: k
+      }, {
+        default: f(() => [
+          y(h(s(n)("panel.set-up-channels")), 1)
+        ]),
+        _: 1
+      }, 8, ["href"])) : j("", !0)
+    ]));
+  }
+}), B = (t, e) => {
+  const a = t.__vccOpts || t;
+  for (const [l, n] of e)
+    a[l] = n;
+  return a;
+}, Ye = /* @__PURE__ */ B(Je, [["__scopeId", "data-v-e0a57880"]]);
+function ge() {
+  const t = A(null), e = /* @__PURE__ */ new Map();
+  return {
+    focused: t,
+    inserters: e,
+    insert: (a) => (e.get(t.value ?? "") ?? e.get("template"))?.(a)
+  };
+}
+const we = /* @__PURE__ */ Symbol("wx-notifications-channel");
+function Zt(t, e, a) {
+  const l = {
+    meta: t,
+    values: e,
+    id: a,
+    provider: m(
+      () => t.value?.providers.find((n) => n.key === e.value.provider) ?? null
+    ),
+    event: m(() => t.value?.events.find((n) => n.key === e.value.event) ?? null),
+    ...ge()
+  };
+  return Ce(we, l), l;
+}
+function X() {
+  return Se(we, null) ?? {
+    meta: A(null),
+    values: A({}),
+    id: A(null),
+    provider: m(() => null),
+    event: m(() => null),
+    ...ge()
+  };
+}
+const et = "notifications";
+function tt(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 ye(t) {
+  const e = `${t.apiPath}/${et}`, 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 r = i.toString();
+      return t.http.get(`${e}/channels${r === "" ? "" : `?${r}`}`);
+    },
+    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, r) => t.http.post(`${l(n)}/test`, {
+      values: i,
+      ...r ? { recipient: r } : {}
+    }).then((u) => u.data.results),
+    preview: (n, i, r) => t.http.post(`${l(n)}/preview`, { values: i, locale: r }).then(a),
+    check: (n, i) => t.http.post(`${e}/check`, { values: i, ...n ? { channel: n } : {} }).then(a),
+    findRecipients: ({ provider: n, channel: i, token: r }) => t.http.post(
+      `${e}/find-recipients`,
+      { provider: n, ...i ? { channel: i } : {}, ...r ? { token: r } : {} }
+    ).then(a),
+    administrators: () => t.http.get(`${e}/administrators`).then(a),
+    deliveries: (n = {}) => t.http.get(`${e}/deliveries${tt(n)}`),
+    retry: (n) => t.http.post(`${e}/deliveries/${n}/retry`, {}).then(a)
+  };
+}
+const nt = {
+  key: 3,
+  class: "wx-notifications-found"
+}, at = { class: "wx-notifications-found__text" }, lt = /* @__PURE__ */ P({
+  name: "WxNotificationsFindChats",
+  __name: "FindChatsDialog",
+  props: {
+    channel: { default: null },
+    token: { default: "" },
+    chosen: { default: () => [] }
+  },
+  setup(t) {
+    const e = t, { open: a, resolve: l, dismiss: n } = ze(), i = ye(Q());
+    U();
+    const r = R("webx-notifications"), u = Ge(), b = A([]), k = A(null), v = A(null), x = A(!0), C = A(/* @__PURE__ */ new Set());
+    async function N() {
+      x.value = !0, v.value = null;
+      try {
+        const o = await i.findRecipients({
+          provider: "telegram",
+          channel: e.channel,
+          token: e.token.trim() === "" ? void 0 : e.token.trim()
+        });
+        b.value = o.recipients, k.value = o.hint;
+      } catch (o) {
+        v.value = u(o);
+      } finally {
+        x.value = !1;
+      }
+    }
+    ae(() => {
+      N();
+    });
+    const S = m(() => b.value.filter((o) => !e.chosen.includes(o.id)));
+    function $(o, d) {
+      const c = new Set(C.value);
+      d ? c.add(o) : c.delete(o), C.value = c;
+    }
+    function V() {
+      l(S.value.filter((o) => C.value.has(o.id)));
+    }
+    return (o, d) => (p(), _(s(Fe), {
+      open: s(a),
+      "onUpdate:open": d[1] || (d[1] = (c) => Ae(a) ? a.value = c : null),
+      title: s(r)("panel.find-title"),
+      width: 480
+    }, {
+      footer: f(() => [
+        g(s(se), { size: "sm" }, {
+          default: f(() => [
+            g(s(O), {
+              variant: "outline",
+              disabled: x.value,
+              onClick: N
+            }, {
+              default: f(() => [
+                y(h(s(r)("panel.find-chats")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            g(s(O), {
+              variant: "outline",
+              onClick: d[0] || (d[0] = (c) => s(n)())
+            }, {
+              default: f(() => [
+                y(h(s(r)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            g(s(O), {
+              type: "primary",
+              disabled: C.value.size === 0,
+              onClick: V
+            }, {
+              default: f(() => [
+                y(h(s(r)("panel.find-add")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: f(() => [
+        x.value ? (p(), _(s(Ee), {
+          key: 0,
+          rows: 3
+        })) : v.value ? (p(), _(s(H), {
+          key: 1,
+          type: "danger",
+          variant: "soft",
+          description: v.value
+        }, null, 8, ["description"])) : b.value.length === 0 ? (p(), _(s(Me), {
+          key: 2,
+          title: s(r)("panel.find-title"),
+          description: k.value ?? s(r)("panel.find-help")
+        }, null, 8, ["title", "description"])) : (p(), w("ul", nt, [
+          (p(!0), w(F, null, L(b.value, (c) => (p(), w("li", {
+            key: c.id,
+            class: "wx-notifications-found__row"
+          }, [
+            g(s(Le), {
+              "model-value": e.chosen.includes(c.id) || C.value.has(c.id),
+              disabled: e.chosen.includes(c.id),
+              "onUpdate:modelValue": (T) => $(c.id, T)
+            }, {
+              default: f(() => [
+                D("span", at, [
+                  g(s(W), { truncate: "" }, {
+                    default: f(() => [
+                      y(h(c.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  g(s(W), {
+                    size: "sm",
+                    tone: "muted",
+                    mono: "",
+                    truncate: ""
+                  }, {
+                    default: f(() => [
+                      y(h([c.id, c.username].filter(Boolean).join(" · ")), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["model-value", "disabled", "onUpdate:modelValue"]),
+            g(s(le), null, {
+              default: f(() => [
+                y(h(s(r)(`panel.chat-${c.type}`)), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ]))
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), st = /* @__PURE__ */ B(lt, [["__scopeId", "data-v-71616d40"]]);
+function it(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 ot(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 _e(t, e) {
+  return (t?.variables ?? []).filter((a) => a.address === e);
+}
+const rt = { class: "wx-notifications-recipients" }, ct = /* @__PURE__ */ P({
+  name: "WxNotificationsChatsField",
+  __name: "ChatsField",
+  props: /* @__PURE__ */ G({
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, a = K(t, "modelValue");
+    U();
+    const l = R("webx-notifications"), n = be(), i = X(), r = Pe(st), u = m(() => Array.isArray(a.value) ? a.value : []), b = m(() => _e(i.event.value, "telegram")), k = m(
+      () => b.value.filter((o) => !u.value.some((d) => d.variable === o.name))
+    );
+    function v(o) {
+      return b.value.find((d) => d.name === o)?.label ?? `{{${o}}}`;
+    }
+    function x(o, d) {
+      a.value = u.value.map((c, T) => T === o ? { ...c, ...d } : c);
+    }
+    function C(o) {
+      a.value = [...u.value, o];
+    }
+    function N(o) {
+      a.value = u.value.filter((d, c) => c !== o);
+    }
+    const S = m(() => {
+      const o = i.values.value.token;
+      return typeof o == "string" ? o : "";
+    }), $ = m(
+      () => S.value.trim() !== "" || i.id.value !== null && i.values.value.provider === "telegram"
+    );
+    async function V() {
+      if (!$.value) {
+        Y.warning(l("panel.find-token"));
+        return;
+      }
+      const o = await r({
+        channel: i.id.value,
+        token: S.value,
+        chosen: u.value.map((d) => d.chat_id ?? "").filter(Boolean)
+      });
+      !o || o.length === 0 || (a.value = [...u.value, ...o.map((d) => ({ chat_id: d.id, label: d.title }))], Y.success(l("panel.find-added", { count: String(o.length) })));
+    }
+    return (o, d) => (p(), w("div", rt, [
+      u.value.length === 0 ? (p(), _(s(W), {
+        key: 0,
+        size: "sm",
+        tone: "placeholder"
+      }, {
+        default: f(() => [
+          y(h(s(l)("panel.no-recipients")), 1)
+        ]),
+        _: 1
+      })) : j("", !0),
+      (p(!0), w(F, null, L(u.value, (c, T) => (p(), w("div", {
+        key: T,
+        class: "wx-notifications-recipients__row"
+      }, [
+        c.variable ? (p(), _(s(le), {
+          key: 0,
+          type: "primary",
+          class: "wx-notifications-recipients__addressee"
+        }, {
+          default: f(() => [
+            y(h(s(l)("panel.addressee", { label: v(c.variable) })), 1)
+          ]),
+          _: 2
+        }, 1024)) : (p(), w(F, { key: 1 }, [
+          g(s(J), {
+            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": (z) => x(T, { chat_id: String(z ?? "") })
+          }, null, 8, ["model-value", "placeholder", "aria-label", "disabled", "onUpdate:modelValue"]),
+          g(s(J), {
+            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": (z) => x(T, { label: String(z ?? "") })
+          }, null, 8, ["model-value", "placeholder", "aria-label", "disabled", "onUpdate:modelValue"])
+        ], 64)),
+        e.disabled ? j("", !0) : (p(), _(s(he), fe({
+          key: 2,
+          icon: "trash",
+          tone: "danger",
+          title: s(l)("panel.remove")
+        }, { ref_for: !0 }, s(n), {
+          onClick: (z) => N(T)
+        }), null, 16, ["title", "onClick"]))
+      ]))), 128)),
+      e.disabled ? j("", !0) : (p(), _(s(se), {
+        key: 1,
+        size: "sm",
+        wrap: ""
+      }, {
+        default: f(() => [
+          g(s(O), {
+            variant: "outline",
+            size: "sm",
+            onClick: d[0] || (d[0] = (c) => C({ chat_id: "", label: "" }))
+          }, {
+            icon: f(() => [
+              g(s(q), { name: "plus" })
+            ]),
+            default: f(() => [
+              y(" " + h(s(l)("panel.add-chat")), 1)
+            ]),
+            _: 1
+          }),
+          g(s(O), {
+            variant: "outline",
+            size: "sm",
+            onClick: V
+          }, {
+            icon: f(() => [
+              g(s(q), { name: "search" })
+            ]),
+            default: f(() => [
+              y(" " + h(s(l)("panel.find-chats")), 1)
+            ]),
+            _: 1
+          }),
+          (p(!0), w(F, null, L(k.value, (c) => (p(), _(s(O), {
+            key: c.name,
+            variant: "outline",
+            size: "sm",
+            onClick: (T) => C({ variable: c.name })
+          }, {
+            default: f(() => [
+              y(h(s(l)("panel.addressee", { label: c.label })), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))
+        ]),
+        _: 1
+      }))
+    ]));
+  }
+}), dt = /* @__PURE__ */ B(ct, [["__scopeId", "data-v-22102841"]]), ut = { class: "wx-notifications-recipients" }, pt = /* @__PURE__ */ P({
+  name: "WxNotificationsEmailsField",
+  __name: "EmailsField",
+  props: /* @__PURE__ */ G({
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, a = K(t, "modelValue");
+    U();
+    const l = R("webx-notifications"), n = be(), i = X(), r = Q(), u = A([]);
+    ae(async () => {
+      try {
+        u.value = await ye(r).administrators();
+      } catch {
+      }
+    });
+    const b = m(() => Array.isArray(a.value) ? a.value : []), k = m(
+      () => u.value.map((o) => ({ value: o.id, label: `${o.name} · ${o.email}` }))
+    ), v = m(() => _e(i.event.value, "email")), x = m(
+      () => v.value.filter((o) => !b.value.some((d) => d.variable === o.name))
+    );
+    function C(o) {
+      return v.value.find((d) => d.name === o)?.label ?? `{{${o}}}`;
+    }
+    function N(o, d) {
+      a.value = b.value.map((c, T) => T === o ? d : c);
+    }
+    function S(o) {
+      a.value = [...b.value, o];
+    }
+    function $(o) {
+      a.value = b.value.filter((d, c) => c !== o);
+    }
+    function V(o) {
+      return k.value.some((d) => d.value === o) ? k.value : [...k.value, { value: o, label: l("panel.admin-unknown", { id: String(o) }) }];
+    }
+    return (o, d) => (p(), w("div", ut, [
+      b.value.length === 0 ? (p(), _(s(W), {
+        key: 0,
+        size: "sm",
+        tone: "placeholder"
+      }, {
+        default: f(() => [
+          y(h(s(l)("panel.no-recipients")), 1)
+        ]),
+        _: 1
+      })) : j("", !0),
+      (p(!0), w(F, null, L(b.value, (c, T) => (p(), w("div", {
+        key: T,
+        class: "wx-notifications-recipients__row"
+      }, [
+        c.variable ? (p(), _(s(le), {
+          key: 0,
+          type: "primary",
+          class: "wx-notifications-recipients__wide"
+        }, {
+          default: f(() => [
+            y(h(s(l)("panel.addressee", { label: C(c.variable) })), 1)
+          ]),
+          _: 2
+        }, 1024)) : c.admin_id !== void 0 ? (p(), _(s(Re), {
+          key: 1,
+          class: "wx-notifications-recipients__wide",
+          "model-value": c.admin_id,
+          options: V(c.admin_id),
+          disabled: e.disabled,
+          "onUpdate:modelValue": (z) => N(T, { admin_id: Number(z) })
+        }, null, 8, ["model-value", "options", "disabled", "onUpdate:modelValue"])) : (p(), _(s(J), {
+          key: 2,
+          class: "wx-notifications-recipients__wide",
+          type: "email",
+          "model-value": c.email ?? "",
+          placeholder: "manager@site.test",
+          disabled: e.disabled,
+          "onUpdate:modelValue": (z) => N(T, { email: String(z ?? "") })
+        }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"])),
+        e.disabled ? j("", !0) : (p(), _(s(he), fe({
+          key: 3,
+          icon: "trash",
+          tone: "danger",
+          title: s(l)("panel.remove")
+        }, { ref_for: !0 }, s(n), {
+          onClick: (z) => $(T)
+        }), null, 16, ["title", "onClick"]))
+      ]))), 128)),
+      e.disabled ? j("", !0) : (p(), _(s(se), {
+        key: 1,
+        size: "sm",
+        wrap: ""
+      }, {
+        default: f(() => [
+          g(s(O), {
+            variant: "outline",
+            size: "sm",
+            disabled: k.value.length === 0,
+            onClick: d[0] || (d[0] = (c) => S({ admin_id: Number(k.value[0]?.value) }))
+          }, {
+            icon: f(() => [
+              g(s(q), { name: "user" })
+            ]),
+            default: f(() => [
+              y(" " + h(s(l)("panel.add-admin")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          g(s(O), {
+            variant: "outline",
+            size: "sm",
+            onClick: d[1] || (d[1] = (c) => S({ email: "" }))
+          }, {
+            icon: f(() => [
+              g(s(q), { name: "mail" })
+            ]),
+            default: f(() => [
+              y(" " + h(s(l)("panel.add-email")), 1)
+            ]),
+            _: 1
+          }),
+          (p(!0), w(F, null, L(x.value, (c) => (p(), _(s(O), {
+            key: c.name,
+            variant: "outline",
+            size: "sm",
+            onClick: (T) => S({ variable: c.name })
+          }, {
+            default: f(() => [
+              y(h(s(l)("panel.addressee", { label: c.label })), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))
+        ]),
+        _: 1
+      }))
+    ]));
+  }
+}), ft = /* @__PURE__ */ B(pt, [["__scopeId", "data-v-6ed21265"]]);
+function ke(t, e) {
+  return !t || !e ? null : t.sample[e] ?? t.sample["*"] ?? null;
+}
+function I(t) {
+  return t == null ? !0 : typeof t == "string" ? t.trim() === "" : typeof t == "object" ? Object.values(t).every((e) => I(e)) : !1;
+}
+function xe(t, e, a) {
+  return {
+    ...t,
+    template: { ...e.template },
+    ...a && e.subject !== null ? { subject: { ...e.subject } } : {}
+  };
+}
+function Jt(t, e, a) {
+  je(
+    () => t.values.value.event,
+    (l, n) => {
+      if (e.value || l === n) return;
+      const i = ke(t.event.value, t.provider.value?.key), r = t.provider.value?.subject ?? !1, u = t.values.value;
+      i === null || !I(u.template) || r && !I(u.subject) || (t.values.value = xe(u, i, r), a());
+    },
+    { flush: "sync" }
+  );
+}
+class M extends Error {
+  constructor(e, a = {}) {
+    super(e), this.key = e, this.replace = a, this.name = "TemplateRefusal";
+  }
+  key;
+  replace;
+}
+const mt = /^[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 ce(t) {
+  return t.replace(/[\r\n]+/g, " ");
+}
+function ht(t, e = "") {
+  return ie(t, e) ? vt : t === "telegram" ? $e : (a) => a;
+}
+function ie(t, e) {
+  return t === "email" && /^\s*<[a-zA-Z]/.test(e);
+}
+function vt(t) {
+  return $e(t).replace(/\r\n|\r|\n/g, "<br>");
+}
+function Z(t) {
+  const e = document.createElement("textarea");
+  return e.innerHTML = t, e.value;
+}
+const bt = "p|h[1-6]|table|ul|ol|blockquote|pre", gt = "tr|div";
+function wt(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 r = Z(n), u = Z(i.replace(/<[^>]*>/g, "")).trim();
+      return u === "" || u === r ? r : /^(https?:|mailto:)/i.test(r) ? `${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[^>]*>|</?(?:${bt})\\b[^>]*>`, "gi"), `
+
+`), e = e.replace(new RegExp(`<div\\b[^>]*>|</(?:${gt})\\s*>`, "gi"), `
+`), e = Z(e.replace(/<[^>]*>/g, "")), e.split(`
+`).map((l) => l.replace(/ {2,}/g, " ").trim()).join(`
+`).replace(/\n{3,}/g, `
+
+`).trim();
+}
+function yt(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 M("template-unexpected", { section: l });
+    if (a.startsWith("Unclosed section"))
+      throw new M("template-unclosed", { section: l });
+    const n = Number(/at (\d+)/.exec(a)?.[1] ?? t.lastIndexOf("{{")), i = t.slice(n).replace(/^\{\{\{?[#^/!&>=]?/, "").trim();
+    throw new M("template-tag", { tag: i });
+  }
+}
+function Te(t) {
+  for (const e of t) {
+    const [a, l] = e;
+    if (a === ">") throw new M("template-partial");
+    if (a === "=") throw new M("template-delimiters");
+    if (a === "text" || a === "!") continue;
+    const n = l.trim();
+    if (n.startsWith("<")) throw new M("template-partial");
+    if (n.startsWith("%") || n.startsWith("$")) throw new M("template-pragma");
+    if (!mt.test(n)) throw new M("template-name", { name: n });
+    e[4] && Te(e[4]);
+  }
+}
+function _t(t) {
+  const e = {};
+  for (const [a, l] of Object.entries(t)) {
+    if (!a.includes(".")) {
+      e[a] = l;
+      continue;
+    }
+    const [n, ...i] = a.split("."), r = n, u = e[r];
+    (u === void 0 || E(u)) && (e[r] = { ...E(u) ? u : {}, [i.join(".")]: l });
+  }
+  return e;
+}
+function E(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t);
+}
+function de(t) {
+  return t == null || t === !1 || t === "" || t === "0" || t === 0 ? !0 : Array.isArray(t) ? t.length === 0 : E(t) ? Object.keys(t).length === 0 : !1;
+}
+function kt(t, e) {
+  const [a, ...l] = e.split(".");
+  let n;
+  for (let i = t.length - 1; i >= 0; i--) {
+    const r = t[i];
+    if (E(r) && Object.prototype.hasOwnProperty.call(r, a)) {
+      n = r[a];
+      break;
+    }
+  }
+  for (const i of l) {
+    if (n === "" || n === void 0) return n;
+    n = E(n) && Object.prototype.hasOwnProperty.call(n, i) ? n[i] : "";
+  }
+  return n;
+}
+function xt(t) {
+  return typeof t == "string" ? t : typeof t == "number" ? String(t) : t === !0 ? "1" : "";
+}
+function ee(t, e, a) {
+  let l = "";
+  for (const n of t) {
+    const [i, r] = n;
+    if (i === "text") {
+      l += r;
+      continue;
+    }
+    if (i === "!") continue;
+    const u = kt(e, r.trim());
+    if (i === "name" || i === "&") {
+      l += E(u) || Array.isArray(u) ? "" : a(xt(u));
+      continue;
+    }
+    const b = n[4] ?? [];
+    if (i === "#" && !de(u))
+      for (const k of Array.isArray(u) ? u : [u])
+        l += ee(b, [...e, k], a);
+    i === "^" && de(u) && (l += ee(b, e, a));
+  }
+  return l;
+}
+function te(t, e = [], a = []) {
+  for (const l of t) {
+    const [n, i] = l;
+    if (n === "text" || n === "!") continue;
+    const r = i.trim();
+    a.push({ name: r, sections: e }), n === "#" && te(l[4] ?? [], [...e, r], a), n === "^" && te(l[4] ?? [], e, a);
+  }
+  return a;
+}
+function ue(t, e) {
+  const [a, ...l] = e.split(".");
+  for (const n of [...t].reverse()) {
+    if (!E(n) || !Object.prototype.hasOwnProperty.call(n, a)) continue;
+    let i = n[a];
+    for (const r of l) {
+      if (!E(i) || !Object.prototype.hasOwnProperty.call(i, r)) return null;
+      i = i[r];
+    }
+    return i ?? null;
+  }
+  return null;
+}
+function $t(t, e, a) {
+  const l = [t];
+  for (const n of a) {
+    const i = ue(l, n);
+    Array.isArray(i) ? l.push(Object.assign({}, ...i.filter(E))) : E(i) && l.push(i);
+  }
+  return ue(l, e) !== null;
+}
+function Tt(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 pe(t, e, a, l) {
+  const n = yt(t);
+  Te(n);
+  const i = _t(e), r = /* @__PURE__ */ new Set();
+  for (const u of te(n))
+    !$t(i, u.name, u.sections) && !l?.(u.name, u.sections) && r.add(u.name);
+  return { text: ee(n, [i], a), unknown: [...r] };
+}
+function Ct(t) {
+  const e = {};
+  for (const a of t?.variables ?? [])
+    a.name.endsWith(".*") || (e[a.name] = a.example);
+  return e;
+}
+function St(t) {
+  return new DOMParser().parseFromString(`<body>${t}</body>`, "text/html").body.textContent ?? "";
+}
+function At(t) {
+  const e = ie(t.provider, t.template), a = ht(t.provider, t.template), l = t.event ?? null, n = l === null ? void 0 : (v, x) => Tt(l, v, x), i = pe(t.template, t.values, a, n);
+  let r = null, u = i.unknown;
+  if (t.hasSubject) {
+    const v = pe(t.subject ?? "", t.values, ce, n);
+    r = ce(v.text).trim(), u = [.../* @__PURE__ */ new Set([...u, ...v.unknown])];
+  }
+  const b = e ? wt(i.text) : t.provider === "telegram" ? St(i.text) : i.text, k = t.limit ?? null;
+  if (k !== null && [...b].length > k) {
+    const v = `${[...b].slice(0, k - 1).join("")}…`;
+    return { subject: r, body: a(v), plain: v, truncated: !0, unknown: u, html: e };
+  }
+  return { subject: r, body: i.text, plain: b, truncated: !1, unknown: u, html: e };
+}
+const jt = { class: "wx-notifications-template" }, Wt = {
+  key: 0,
+  class: "wx-notifications-template__variables"
+}, Nt = { class: "wx-notifications-template__chips" }, Vt = { class: "wx-notifications-template__name" }, Ot = {
+  key: 2,
+  class: "wx-notifications-template__default"
+}, zt = /* @__PURE__ */ P({
+  name: "WxNotificationsTemplateField",
+  __name: "TemplateField",
+  props: /* @__PURE__ */ G({
+    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 = K(t, "modelValue");
+    U();
+    const l = R("webx-notifications"), n = X(), i = ve(), r = A(null), u = m(() => it(n.event.value)), b = m(
+      () => Ue(u.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")
+      })
+    ), k = m(() => {
+      const o = a.value;
+      if (o == null) return "";
+      if (typeof o == "string") return o;
+      const d = i.active.value || i.list.value[0]?.code || "";
+      return o[d] ?? "";
+    }), v = m(() => {
+      if (e.singleLine) return "mustache";
+      const o = n.provider.value?.key ?? "";
+      return o === "telegram" || ie(o, k.value) ? "mustache-html" : "mustache";
+    }), x = m(
+      () => Be(k.value, n.event.value === null ? void 0 : u.value)
+    ), C = m(() => {
+      const o = x.value;
+      return [
+        ...o.unclosed.map((d) => l("panel.problem-unclosed", { name: d })),
+        ...o.stray.map((d) => l("panel.problem-stray", { name: d })),
+        ...o.refused.map((d) => l("panel.problem-refused", { tag: d })),
+        ...o.broken ? [l("panel.problem-broken")] : [],
+        ...o.unknown.length > 0 ? [
+          l("panel.problem-unknown", {
+            names: o.unknown.map((d) => `{{${d}}}`).join(", ")
+          })
+        ] : []
+      ];
+    });
+    function N(o) {
+      if ((o.fields?.length ?? 0) > 0)
+        return l("panel.variable-list", {
+          fields: (o.fields ?? []).map((c) => c.name).join(", ")
+        });
+      const d = o.example;
+      return typeof d == "string" || typeof d == "number" ? String(d) : "";
+    }
+    function S(o) {
+      const d = r.value?.view;
+      if (!d) return;
+      const c = d.state.selection.main;
+      d.dispatch({
+        changes: { from: c.from, to: c.to, insert: o },
+        selection: { anchor: c.from + o.length },
+        scrollIntoView: !0
+      }), d.focus();
+    }
+    ae(() => n.inserters.set(e.part, S)), We(() => {
+      n.inserters.get(e.part) === S && n.inserters.delete(e.part);
+    });
+    const $ = m(() => ke(n.event.value, n.provider.value?.key));
+    async function V() {
+      const o = $.value;
+      if (o === null) return;
+      const d = n.values.value, c = n.provider.value?.subject ?? !1;
+      (!I(d.template) || c && !I(d.subject)) && !await He({
+        title: l("panel.default-title"),
+        message: l("panel.default-text"),
+        confirmText: l("panel.default-replace"),
+        cancelText: l("panel.cancel")
+      }) || (n.values.value = xe(n.values.value, o, c), Y.info(l("panel.default-inserted")));
+    }
+    return (o, d) => (p(), w("div", jt, [
+      g(s(Ie), {
+        ref_key: "editor",
+        ref: r,
+        modelValue: a.value,
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => a.value = c),
+        language: v.value,
+        completions: b.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: d[1] || (d[1] = (c) => s(n).focused.value = e.part)
+      }, null, 8, ["modelValue", "language", "completions", "localized", "disabled", "line-wrapping", "single-line", "min-height"]),
+      (p(!0), w(F, null, L(C.value, (c) => (p(), _(s(H), {
+        key: c,
+        type: "warning",
+        variant: "soft",
+        description: c
+      }, null, 8, ["description"]))), 128)),
+      e.chips ? (p(), w("div", Wt, [
+        g(s(W), {
+          size: "sm",
+          weight: "medium"
+        }, {
+          default: f(() => [
+            y(h(s(l)("panel.variables")), 1)
+          ]),
+          _: 1
+        }),
+        u.value.length === 0 ? (p(), _(s(W), {
+          key: 0,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: f(() => [
+            y(h(s(l)("panel.variables-none")), 1)
+          ]),
+          _: 1
+        })) : (p(), w(F, { key: 1 }, [
+          g(s(W), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: f(() => [
+              y(h(s(l)("panel.variables-help")), 1)
+            ]),
+            _: 1
+          }),
+          D("div", Nt, [
+            (p(!0), w(F, null, L(u.value, (c) => (p(), _(s(De), {
+              key: c.name,
+              content: [c.label, N(c)].filter(Boolean).join(" — ")
+            }, {
+              default: f(() => [
+                g(s(O), {
+                  size: "sm",
+                  variant: "outline",
+                  class: "wx-notifications-template__chip",
+                  disabled: e.disabled,
+                  onClick: (T) => s(n).insert(s(ot)(c))
+                }, {
+                  default: f(() => [
+                    D("span", Vt, h((c.fields?.length ?? 0) > 0 ? `#${c.name}` : c.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "onClick"])
+              ]),
+              _: 2
+            }, 1032, ["content"]))), 128))
+          ])
+        ], 64)),
+        $.value ? (p(), w("div", Ot, [
+          g(s(O), {
+            size: "sm",
+            variant: "text",
+            icon: "file-text",
+            disabled: e.disabled,
+            onClick: V
+          }, {
+            default: f(() => [
+              y(h(s(l)("panel.default-insert")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ])) : j("", !0)
+      ])) : j("", !0)
+    ]));
+  }
+}), Ft = /* @__PURE__ */ B(zt, [["__scopeId", "data-v-d491fffa"]]);
+function Yt(t = {}) {
+  const e = t.path ?? "/notifications";
+  return {
+    id: "notifications",
+    path: e,
+    routes: [
+      {
+        path: e,
+        name: "webx.notifications",
+        component: () => import("./NotificationsPage-BkTBIV0B.js"),
+        props: { base: e }
+      },
+      {
+        path: `${e}/channels/new`,
+        name: "webx.notifications.new",
+        component: () => import("./ChannelPage-vxVhttk3.js"),
+        props: { base: e }
+      },
+      {
+        path: `${e}/channels/:id(\\d+)`,
+        name: "webx.notifications.channel",
+        component: () => import("./ChannelPage-vxVhttk3.js"),
+        props: { base: e }
+      }
+    ],
+    types: {
+      "wx-notifications-template": { component: Ft, kind: "field", wide: !0 },
+      "wx-notifications-chats": { component: dt, kind: "field" },
+      "wx-notifications-emails": { component: ft, kind: "field" },
+      "wx-notifications-channels": {
+        component: Ye,
+        kind: "field",
+        bind: (a) => ({ event: a.props?.event, base: e })
+      }
+    }
+  };
+}
+const Et = /* @__PURE__ */ new Set([
+  "b",
+  "strong",
+  "i",
+  "em",
+  "u",
+  "ins",
+  "s",
+  "strike",
+  "del",
+  "a",
+  "code",
+  "pre",
+  "blockquote",
+  "tg-spoiler",
+  "span"
+]);
+function ne(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 (!Et.has(n) || n === "span" && !l.classList.contains("tg-spoiler")) {
+      ne(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 r = l.getAttribute("href") ?? "";
+      /^(https?:|tg:)/i.test(r) && (i.setAttribute("href", r), i.setAttribute("target", "_blank"), i.setAttribute("rel", "noopener noreferrer"));
+    }
+    ne(l, i, a), e.appendChild(i);
+  }
+}
+function Mt(t) {
+  const e = new DOMParser().parseFromString(`<body>${t}</body>`, "text/html"), a = document.implementation.createHTMLDocument(""), l = a.createElement("div");
+  return ne(e.body, l, a), l.innerHTML;
+}
+const Lt = {
+  key: 0,
+  class: "wx-notifications-preview__chat"
+}, Pt = ["innerHTML"], Rt = {
+  key: 1,
+  class: "wx-notifications-preview__bubble"
+}, Ut = {
+  key: 1,
+  class: "wx-notifications-preview__letter"
+}, Bt = { class: "wx-notifications-preview__subject" }, It = ["title", "srcdoc"], Dt = {
+  key: 1,
+  class: "wx-notifications-preview__body"
+}, Ht = /* @__PURE__ */ P({
+  name: "WxNotificationsPreview",
+  __name: "MessagePreview",
+  setup(t) {
+    U();
+    const e = R("webx-notifications"), a = X(), l = ve(), n = m(() => l.active.value || l.list.value[0]?.code || ""), i = m(() => {
+      const $ = a.provider.value;
+      if ($ === null) return null;
+      const V = a.values.value;
+      try {
+        return {
+          message: At({
+            provider: $.key,
+            template: oe(V.template, n.value),
+            subject: oe(V.subject, n.value),
+            hasSubject: $.subject,
+            limit: $.limit,
+            values: Ct(a.event.value),
+            event: a.event.value
+          })
+        };
+      } catch (o) {
+        if (o instanceof M)
+          return { refusal: e(`errors.${o.key}`, o.replace) };
+        throw o;
+      }
+    }), r = m(
+      () => i.value !== null && "message" in i.value ? i.value.message : null
+    ), u = m(
+      () => i.value !== null && "refusal" in i.value ? i.value.refusal : null
+    ), b = m(
+      () => e("panel.preview-unknown", {
+        names: (r.value?.unknown ?? []).map(($) => "{{" + $ + "}}").join(", ")
+      })
+    ), k = m(() => a.provider.value?.key === "telegram"), v = m(
+      () => r.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>` + r.value.body + "</body></html>" : ""
+    ), x = A(null), C = A(240);
+    function N() {
+      const $ = x.value?.contentDocument?.body;
+      $ && (C.value = Math.max(80, Math.ceil($.scrollHeight)));
+    }
+    const S = m(
+      () => r.value === null || r.value.truncated ? "" : Mt(r.value.body)
+    );
+    return ($, V) => (p(), _(s(qe), {
+      title: s(e)("panel.preview"),
+      class: "wx-notifications-preview"
+    }, {
+      default: f(() => [
+        g(s(W), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: f(() => [
+            y(h(s(a).event.value ? s(e)("panel.preview-help") : s(e)("panel.preview-no-event")), 1)
+          ]),
+          _: 1
+        }),
+        u.value ? (p(), _(s(H), {
+          key: 0,
+          type: "danger",
+          variant: "soft",
+          title: s(e)("panel.preview-refused"),
+          description: u.value
+        }, null, 8, ["title", "description"])) : r.value ? (p(), w(F, { key: 1 }, [
+          k.value ? (p(), w("div", Lt, [
+            r.value.truncated ? (p(), w("div", Rt, h(r.value.plain), 1)) : (p(), w("div", {
+              key: 0,
+              class: "wx-notifications-preview__bubble",
+              innerHTML: S.value
+            }, null, 8, Pt))
+          ])) : (p(), w("div", Ut, [
+            D("div", Bt, [
+              g(s(W), {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: f(() => [
+                  y(h(s(e)("panel.preview-subject")), 1)
+                ]),
+                _: 1
+              }),
+              g(s(W), { weight: "medium" }, {
+                default: f(() => [
+                  y(h(r.value.subject || "—"), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            r.value.html ? (p(), w("iframe", {
+              key: 0,
+              ref_key: "frame",
+              ref: x,
+              class: "wx-notifications-preview__frame",
+              sandbox: "allow-same-origin",
+              title: s(e)("panel.preview"),
+              srcdoc: v.value,
+              style: Ne({ height: `${C.value}px` }),
+              onLoad: N
+            }, null, 44, It)) : (p(), w("div", Dt, h(r.value.body), 1))
+          ])),
+          r.value.plain.trim() === "" ? (p(), _(s(W), {
+            key: 2,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: f(() => [
+              y(h(s(e)("panel.preview-empty")), 1)
+            ]),
+            _: 1
+          })) : j("", !0),
+          r.value.truncated ? (p(), _(s(H), {
+            key: 3,
+            type: "warning",
+            variant: "soft",
+            description: s(e)("panel.preview-truncated", { limit: String(s(a).provider.value?.limit ?? "") })
+          }, null, 8, ["description"])) : j("", !0),
+          r.value.unknown.length > 0 && s(a).event.value ? (p(), _(s(W), {
+            key: 4,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: f(() => [
+              y(h(b.value), 1)
+            ]),
+            _: 1
+          })) : j("", !0)
+        ], 64)) : j("", !0)
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), en = /* @__PURE__ */ B(Ht, [["__scopeId", "data-v-2e2a2dc3"]]), tn = me(() => import("./NotificationsPage-BkTBIV0B.js")), nn = me(() => import("./ChannelPage-vxVhttk3.js"));
+export {
+  Ye as C,
+  ft as E,
+  en as M,
+  et as N,
+  M as T,
+  nn as W,
+  B as _,
+  dt as a,
+  tn as b,
+  ye as c,
+  Ft as d,
+  _e as e,
+  Jt as f,
+  ht as g,
+  $e as h,
+  Ct as i,
+  Xe as j,
+  pe as k,
+  ot as l,
+  X as m,
+  Yt as n,
+  Zt as p,
+  At as r,
+  ke as s,
+  Mt as t,
+  U as u,
+  it as v
+};
+//# sourceMappingURL=index-P5vFp-2X.js.map