@webx-ui/module-notifications 0.0.0-stage → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 webx-ui
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,42 @@
-# Temporary Holding Version
+# @webx-ui/module-notifications
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The front end of the Notifications section of the [WebX UI](https://github.com/webx-ui/webx-ui)
+admin panel: channels to Telegram and e-mail, their Mustache templates in every language of the
+site, a live preview, tests, and the log of every delivery.
+
+The other half is the Composer package `webx-ui/module-notifications`, which owns the channels, the
+providers, the queue, the API and the agent tools. A section appears in the panel when both halves
+are installed.
+
+## Install
+
+```bash
+npm install @webx-ui/module-notifications
+```
+
+```ts
+import { createAdmin } from '@webx-ui/module-admin'
+import { notifications } from '@webx-ui/module-notifications'
+import '@webx-ui/module-notifications/style.css'
+
+createAdmin({
+  basePath: '/cms',
+  modules: [notifications()],
+}).mount()
+```
+
+`php artisan webx:module:add notifications` installs both halves and writes this into the panel's
+entry. `notifications({ path: '/alerts' })` puts the section somewhere else inside the panel.
+
+## What is in it
+
+- The section: channels with their switch, copy and bin; the delivery log with filters and
+  «Send again».
+- A channel's page: the described screen `notifications.channel` with the provider's settings, the
+  template in `WxCodeEditor` with Mustache highlighted and suggested after `{{`, and the preview
+  beside it — rendered by `renderMessage()`, held to the server's render by shared test cases.
+- Node types for screens: `wx-notifications-template`, `wx-notifications-chats`,
+  `wx-notifications-emails`, and `wx-notifications-channels` — the picker a module chooses its
+  channels for an event with, also exported as `WxNotificationChannelsField`.
+
+The guide: https://webx-ui.github.io/webx-ui/guide/notifications

package/dist/ChannelPage-C47YoMPO.js

@@ -0,0 +1,427 @@
+import { defineComponent as le, ref as v, computed as p, openBlock as o, createBlock as f, unref as a, isRef as Se, withCtx as m, createVNode as g, createTextVNode as V, toDisplayString as B, createCommentVNode as _, createElementBlock as j, Fragment as L, renderList as ie, onMounted as We, onBeforeUnmount as $e, createSlots as Ne, createElementVNode as Ce } from "vue";
+import { useRoute as Te, useRouter as Ve, onBeforeRouteLeave as Be } from "vue-router";
+import { useModal as Ae, WxDialog as Me, WxText as te, WxFormItem as je, WxSelect as De, WxAlert as W, WxSpace as Le, WxButton as P, useLocales as qe, createModal as Ee, confirm as ne, WxSkeleton as Oe, WxBadge as Pe, WxActionBar as Ke, toast as y } from "@webx-ui/core";
+import { useAdmin as re, useTranslate as se, useErrorText as oe, provideHistorySubject as Re, useBodyKeys as Ue, WxScreenHead as ze, WxScreen as Je, WxSaveState as Fe } from "@webx-ui/module-admin";
+import { c as ue, u as ce, p as He, M as Ie, _ as Ge } from "./index-DIeEPPSh.js";
+const Qe = /* @__PURE__ */ le({
+  name: "WxNotificationsTestDialog",
+  __name: "TestDialog",
+  props: {
+    channel: { default: null },
+    values: {},
+    recipients: { default: () => [] }
+  },
+  setup(q) {
+    const w = q, { open: C, dismiss: h } = Ae(), k = ue(re());
+    ce();
+    const d = se("webx-notifications"), E = oe(), t = v(""), x = v(!1), r = v(null), S = v(null), l = p(() => [
+      { value: "", label: d("panel.test-everybody") },
+      ...w.recipients
+    ]);
+    async function i() {
+      x.value = !0, S.value = null;
+      try {
+        r.value = await k.test(w.channel, w.values, t.value === "" ? null : t.value);
+      } catch (u) {
+        const c = u.body;
+        S.value = c?.errors ? Object.values(c.errors).flat().join(" ") : E(u);
+      } finally {
+        x.value = !1;
+      }
+    }
+    function N(u) {
+      const c = u.label ? `${u.label} (${u.recipient})` : u.recipient;
+      return u.status === "sent" ? d("panel.test-sent", { recipient: c }) : d("panel.test-failed", {
+        recipient: c,
+        error: u.error ?? (u.reason ? d(`module.reasons.${u.reason}`) : u.status)
+      });
+    }
+    return (u, c) => (o(), f(a(Me), {
+      open: a(C),
+      "onUpdate:open": c[2] || (c[2] = (b) => Se(C) ? C.value = b : null),
+      title: a(d)("panel.test-title"),
+      width: 480
+    }, {
+      footer: m(() => [
+        g(a(Le), { size: "sm" }, {
+          default: m(() => [
+            g(a(P), {
+              variant: "outline",
+              onClick: c[1] || (c[1] = (b) => a(h)())
+            }, {
+              default: m(() => [
+                V(B(a(d)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            g(a(P), {
+              type: "primary",
+              loading: x.value,
+              onClick: i
+            }, {
+              default: m(() => [
+                V(B(a(d)("panel.test-send")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: m(() => [
+        g(a(te), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: m(() => [
+            V(B(a(d)("panel.test-help")), 1)
+          ]),
+          _: 1
+        }),
+        g(a(je), {
+          label: a(d)("panel.test-to")
+        }, {
+          default: m(() => [
+            g(a(De), {
+              modelValue: t.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (b) => t.value = b),
+              options: l.value,
+              disabled: x.value
+            }, null, 8, ["modelValue", "options", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        S.value ? (o(), f(a(W), {
+          key: 0,
+          type: "danger",
+          variant: "soft",
+          description: S.value
+        }, null, 8, ["description"])) : _("", !0),
+        r.value ? (o(), j(L, { key: 1 }, [
+          r.value.length === 0 ? (o(), f(a(te), {
+            key: 0,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: m(() => [
+              V(B(a(d)("panel.test-none")), 1)
+            ]),
+            _: 1
+          })) : _("", !0),
+          (o(!0), j(L, null, ie(r.value, (b, $) => (o(), f(a(W), {
+            key: $,
+            type: b.status === "sent" ? "success" : "danger",
+            variant: "soft",
+            description: N(b)
+          }, null, 8, ["type", "description"]))), 128))
+        ], 64)) : _("", !0)
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Xe = { class: "wx-notifications-channel__body" }, Ye = /* @__PURE__ */ le({
+  __name: "ChannelPage",
+  props: {
+    base: { default: "/notifications" }
+  },
+  setup(q) {
+    const w = q, C = re(), h = ue(C), k = Te(), d = Ve(), E = qe();
+    ce();
+    const t = se("webx-notifications"), x = oe(), r = v(
+      typeof k.params.id == "string" && k.params.id !== "" ? Number(k.params.id) : null
+    ), S = v(null), l = v(null), i = v({}), N = v(""), u = v([]), c = v({}), b = v(!0), $ = v(!1), O = v(!1), K = He(S, i, r);
+    Re({ id: p(() => l.value?.id ?? null) });
+    const T = p(() => C.can("notifications.manage")), R = p(() => JSON.stringify(i.value)), A = p(() => N.value !== "" && R.value !== N.value), de = p(() => $.value ? "saving" : A.value || r.value === null ? "unsaved" : "saved"), U = p(() => {
+      const e = typeof i.value.name == "string" ? i.value.name.trim() : "";
+      return e !== "" ? e : r.value === null ? t("panel.new") : t("panel.untitled");
+    }), z = p(
+      () => Array.isArray(i.value.forget) ? i.value.forget : []
+    ), J = p(
+      () => (K.provider.value?.fields ?? []).filter((e) => e.secret).map((e) => ({
+        field: e,
+        set: l.value?.credentials_set[e.name] === !0 && !z.value.includes(e.name)
+      }))
+    ), ve = p(() => [
+      { op: "set", target: "provider", props: { disabled: !0 } },
+      ...J.value.filter((e) => e.set).map((e) => ({
+        op: "set",
+        target: e.field.name,
+        help: t("panel.secret-set"),
+        props: { placeholder: "••••••••" }
+      }))
+    ]);
+    function F(e) {
+      l.value = e.channel, i.value = e.values, N.value = JSON.stringify(e.values), u.value = e.warnings;
+    }
+    function pe(e) {
+      const n = typeof k.query.provider == "string" ? k.query.provider : "email", s = typeof k.query.event == "string" && k.query.event !== "" ? k.query.event : null, D = e.events.find((M) => M.key === s), Z = D?.sample[n] ?? D?.sample["*"], ee = E.list.value[0]?.code ?? "en", ae = {};
+      for (const M of e.providers.find((xe) => xe.key === n)?.fields ?? [])
+        ae[M.name] = M.secret ? "" : M.default ?? "";
+      return {
+        name: "",
+        provider: n,
+        event: s,
+        enabled: !1,
+        recipients: [],
+        ...ae,
+        template: { [ee]: Z?.template ?? "" },
+        subject: { [ee]: Z?.subject ?? "" }
+      };
+    }
+    const H = v([]);
+    async function fe() {
+      b.value = !0;
+      try {
+        const [e, n] = await Promise.all([
+          h.meta(),
+          r.value === null ? Promise.resolve(null) : h.get(r.value)
+        ]);
+        if (S.value = e, n === null) {
+          const s = pe(e);
+          i.value = s, N.value = JSON.stringify(s);
+        } else
+          F(n);
+      } catch (e) {
+        y.danger(x(e)), d.push(w.base);
+      } finally {
+        b.value = !1;
+      }
+      i.value.provider === "email" && T.value && h.administrators().then((e) => H.value = e).catch(() => {
+      });
+    }
+    function I(e) {
+      const n = e.body;
+      n?.errors ? (c.value = n.errors, y.danger(t("panel.save-failed"))) : y.danger(x(e));
+    }
+    async function G() {
+      if (!($.value || !T.value)) {
+        $.value = !0, c.value = {};
+        try {
+          const e = r.value === null, n = e ? await h.create(i.value) : await h.save(r.value, i.value);
+          F(n), n.warnings.length > 0 ? y.warning(t("panel.saved-warning", { warning: n.warnings.join(" ") })) : y.success(t("panel.saved")), e && (r.value = n.channel.id, d.replace(`${w.base}/channels/${n.channel.id}`));
+        } catch (e) {
+          I(e);
+        } finally {
+          $.value = !1;
+        }
+      }
+    }
+    async function me() {
+      O.value = !0;
+      try {
+        const e = await h.check(r.value, i.value);
+        e.ok ? y.success(e.message || t("panel.check-ok")) : y.warning(e.message);
+      } catch (e) {
+        I(e);
+      } finally {
+        O.value = !1;
+      }
+    }
+    const ye = Ee(Qe), ge = p(() => (Array.isArray(i.value.recipients) ? i.value.recipients : []).flatMap((n) => {
+      if (n.chat_id)
+        return [
+          { value: n.chat_id, label: n.label ? `${n.label} · ${n.chat_id}` : n.chat_id }
+        ];
+      if (n.email) return [{ value: n.email, label: n.email }];
+      const s = H.value.find((D) => D.id === n.admin_id);
+      return s ? [{ value: s.email, label: `${s.name} · ${s.email}` }] : [];
+    }));
+    async function be() {
+      await ye({ channel: r.value, values: i.value, recipients: ge.value });
+    }
+    async function he() {
+      if (r.value !== null)
+        try {
+          const e = await h.copy(r.value);
+          y.success(t("panel.copied", { name: e.channel.name })), d.push(`${w.base}/channels/${e.channel.id}`);
+        } catch (e) {
+          y.danger(x(e));
+        }
+    }
+    async function ke() {
+      const e = l.value;
+      if (!(!e || !await ne({
+        title: t("panel.delete-title", { title: U.value }),
+        message: t("panel.delete-text"),
+        confirmText: t("panel.delete"),
+        cancelText: t("panel.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await h.remove(e.id), y.success(t("panel.deleted")), N.value = R.value, d.push(w.base);
+        } catch (s) {
+          y.danger(x(s));
+        }
+    }
+    function _e(e, n) {
+      i.value = { ...i.value, forget: [...z.value, e], [e]: "" }, y.info(t("panel.forgotten", { field: n }));
+    }
+    function Q(e) {
+      A.value && e.preventDefault();
+    }
+    function X(e) {
+      (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "s" && (e.preventDefault(), (A.value || r.value === null) && G());
+    }
+    Ue(X), We(() => {
+      fe(), window.addEventListener("beforeunload", Q);
+    }), $e(() => {
+      window.removeEventListener("beforeunload", Q);
+    }), Be(async () => !A.value || !T.value ? !0 : await ne({
+      title: t("panel.leave-title"),
+      message: t("panel.leave-text"),
+      confirmText: t("panel.leave"),
+      cancelText: t("panel.cancel"),
+      tone: "danger"
+    }));
+    const we = p(() => {
+      if (!T.value) return [];
+      const e = [
+        {
+          key: "check",
+          label: t("panel.check"),
+          icon: "check-circle",
+          loading: O.value,
+          run: () => {
+            me();
+          }
+        },
+        { key: "test", label: t("panel.test"), icon: "send", run: () => {
+          be();
+        } }
+      ];
+      l.value !== null && e.push({
+        key: "copy",
+        label: t("panel.copy"),
+        icon: "copy",
+        menu: !0,
+        run: () => {
+          he();
+        }
+      });
+      for (const n of J.value.filter((s) => s.set))
+        e.push({
+          key: `forget-${n.field.name}`,
+          label: t("panel.forget", { field: n.field.label }),
+          icon: "unlock",
+          menu: !0,
+          run: () => _e(n.field.name, n.field.label)
+        });
+      return l.value !== null && e.push({
+        key: "delete",
+        label: t("panel.delete"),
+        icon: "trash",
+        danger: !0,
+        run: () => {
+          ke();
+        }
+      }), e;
+    }), Y = p(() => S.value?.environment ?? "production");
+    return (e, n) => (o(), j("div", {
+      class: "wx-notifications-channel",
+      onKeydown: X
+    }, [
+      b.value ? (o(), f(a(Oe), {
+        key: 0,
+        class: "wx-notifications-channel__ghost",
+        title: "",
+        rows: 8
+      })) : (o(), j(L, { key: 1 }, [
+        g(a(ze), {
+          back: w.base,
+          "back-label": a(t)("panel.channels"),
+          title: U.value,
+          subtitle: l.value?.provider_label ?? a(K).provider.value?.label,
+          actions: we.value
+        }, Ne({ _: 2 }, [
+          l.value && !l.value.enabled ? {
+            name: "title-after",
+            fn: m(() => [
+              g(a(Pe), { dot: "" }, {
+                default: m(() => [
+                  V(B(a(t)("panel.off")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["back", "back-label", "title", "subtitle", "actions"]),
+        Y.value !== "production" ? (o(), f(a(W), {
+          key: 0,
+          type: "info",
+          variant: "soft",
+          description: a(t)("panel.environment", { environment: Y.value })
+        }, null, 8, ["description"])) : _("", !0),
+        S.value?.mode === "after_response" ? (o(), f(a(W), {
+          key: 1,
+          type: "warning",
+          variant: "soft",
+          description: a(t)("panel.mode-after-response")
+        }, null, 8, ["description"])) : _("", !0),
+        l.value && !l.value.provider_declared ? (o(), f(a(W), {
+          key: 2,
+          type: "danger",
+          title: a(t)("panel.provider-undeclared"),
+          description: a(t)("panel.provider-undeclared-text", { provider: l.value.provider })
+        }, null, 8, ["title", "description"])) : _("", !0),
+        l.value && !l.value.event_declared ? (o(), f(a(W), {
+          key: 3,
+          type: "warning",
+          title: a(t)("panel.event-undeclared"),
+          description: a(t)("panel.event-undeclared-text", { event: l.value.event ?? "" })
+        }, null, 8, ["title", "description"])) : _("", !0),
+        l.value && !l.value.credentials_readable ? (o(), f(a(W), {
+          key: 4,
+          type: "danger",
+          description: a(t)("panel.unreadable")
+        }, null, 8, ["description"])) : _("", !0),
+        l.value?.copied_from ? (o(), f(a(W), {
+          key: 5,
+          type: "info",
+          variant: "soft",
+          description: a(t)("panel.copied-from", { id: String(l.value.copied_from) })
+        }, null, 8, ["description"])) : _("", !0),
+        (o(!0), j(L, null, ie(u.value, (s) => (o(), f(a(W), {
+          key: s,
+          type: "warning",
+          description: s
+        }, null, 8, ["description"]))), 128)),
+        Ce("div", Xe, [
+          g(a(Je), {
+            modelValue: i.value,
+            "onUpdate:modelValue": n[0] || (n[0] = (s) => i.value = s),
+            class: "wx-notifications-channel__form",
+            name: "notifications.channel",
+            errors: c.value,
+            patch: ve.value,
+            disabled: !T.value || $.value
+          }, null, 8, ["modelValue", "errors", "patch", "disabled"]),
+          g(Ie, { class: "wx-notifications-channel__preview" })
+        ]),
+        T.value ? (o(), f(a(Ke), { key: 6 }, {
+          state: m(() => [
+            g(a(Fe), { state: de.value }, null, 8, ["state"])
+          ]),
+          default: m(() => [
+            g(a(P), {
+              type: "primary",
+              loading: $.value,
+              disabled: !A.value && r.value !== null,
+              onClick: G
+            }, {
+              default: m(() => [
+                V(B(a(t)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : _("", !0)
+      ], 64))
+    ], 32));
+  }
+}), la = /* @__PURE__ */ Ge(Ye, [["__scopeId", "data-v-b5c7b69a"]]);
+export {
+  la as default
+};
+//# sourceMappingURL=ChannelPage-C47YoMPO.js.map

package/dist/ChannelPage-C47YoMPO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelPage-C47YoMPO.js","sources":["../src/TestDialog.vue","../src/ChannelPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport {\n  useModal,\n  WxAlert,\n  WxButton,\n  WxDialog,\n  WxFormItem,\n  WxSelect,\n  WxSpace,\n  WxText,\n} from '@webx-ui/core'\nimport { useAdmin, useErrorText, useTranslate } from '@webx-ui/module-admin'\nimport type { ScreenModel } from '@webx-ui/schema'\nimport { createNotificationsApi } from './api'\nimport { useNotificationsMessages } from './i18n'\nimport type { TestResult } from './types'\n\n/**\n * \"Send a test\" (§8.5): now, past the queue, with the event's example values, to everybody on the\n * list or to one of them — through the form's values, saved or not, and through a channel that\n * is switched off, which is what a test is for. What happened to each recipient stays in the\n * dialog: a test that failed is read, not dismissed with a toast.\n */\ndefineOptions({ name: 'WxNotificationsTestDialog' })\n\nconst props = withDefaults(\n  defineProps<{\n    channel?: number | null\n    values: ScreenModel\n    /** The fixed recipients, as the server knows them by: a chat id, an address. */\n    recipients?: { value: string; label: string }[]\n  }>(),\n  { channel: null, recipients: () => [] },\n)\n\nconst { open, dismiss } = useModal<void>()\n\nconst api = createNotificationsApi(useAdmin())\nuseNotificationsMessages()\n\nconst t = useTranslate('webx-notifications')\nconst message = useErrorText()\n\nconst to = ref('')\nconst sending = ref(false)\nconst results = ref<TestResult[] | null>(null)\nconst failure = ref<string | null>(null)\n\nconst options = computed(() => [\n  { value: '', label: t('panel.test-everybody') },\n  ...props.recipients,\n])\n\nasync function send(): Promise<void> {\n  sending.value = true\n  failure.value = null\n\n  try {\n    results.value = await api.test(props.channel, props.values, to.value === '' ? null : to.value)\n  } catch (error) {\n    const body = (error as { body?: { errors?: Record<string, string[]> } }).body\n\n    failure.value = body?.errors ? Object.values(body.errors).flat().join(' ') : message(error)\n  } finally {\n    sending.value = false\n  }\n}\n\nfunction lineOf(result: TestResult): string {\n  const recipient = result.label ? `${result.label} (${result.recipient})` : result.recipient\n\n  if (result.status === 'sent') return t('panel.test-sent', { recipient })\n\n  return t('panel.test-failed', {\n    recipient,\n    error: result.error ?? (result.reason ? t(`module.reasons.${result.reason}`) : result.status),\n  })\n}\n</script>\n\n<template>\n  <wx-dialog v-model:open=\"open\" :title=\"t('panel.test-title')\" :width=\"480\">\n    <wx-text size=\"sm\" tone=\"muted\">{{ t('panel.test-help') }}</wx-text>\n\n    <wx-form-item :label=\"t('panel.test-to')\">\n      <wx-select v-model=\"to\" :options=\"options\" :disabled=\"sending\" />\n    </wx-form-item>\n\n    <wx-alert v-if=\"failure\" type=\"danger\" variant=\"soft\" :description=\"failure\" />\n\n    <template v-if=\"results\">\n      <wx-text v-if=\"results.length === 0\" size=\"sm\" tone=\"muted\">{{\n        t('panel.test-none')\n      }}</wx-text>\n      <wx-alert\n        v-for=\"(result, index) in results\"\n        :key=\"index\"\n        :type=\"result.status === 'sent' ? 'success' : 'danger'\"\n        variant=\"soft\"\n        :description=\"lineOf(result)\"\n      />\n    </template>\n\n    <template #footer>\n      <wx-space size=\"sm\">\n        <wx-button variant=\"outline\" @click=\"dismiss()\">{{ t('panel.cancel') }}</wx-button>\n        <wx-button type=\"primary\" :loading=\"sending\" @click=\"send\">\n          {{ t('panel.test-send') }}\n        </wx-button>\n      </wx-space>\n    </template>\n  </wx-dialog>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'\nimport {\n  confirm,\n  createModal,\n  toast,\n  useLocales,\n  WxActionBar,\n  WxAlert,\n  WxBadge,\n  WxButton,\n  WxSkeleton,\n} from '@webx-ui/core'\nimport {\n  provideHistorySubject,\n  useAdmin,\n  useBodyKeys,\n  useErrorText,\n  useTranslate,\n  WxSaveState,\n  WxScreen,\n  WxScreenHead,\n  type ScreenAction,\n} from '@webx-ui/module-admin'\nimport type { Patch, ScreenModel } from '@webx-ui/schema'\nimport { createNotificationsApi } from './api'\nimport { provideChannel } from './context'\nimport { useNotificationsMessages } from './i18n'\nimport MessagePreview from './MessagePreview.vue'\nimport TestDialog from './TestDialog.vue'\nimport type {\n  Administrator,\n  ChannelDetail,\n  ChannelRow,\n  ChatRecipient,\n  EmailRecipient,\n  NotificationsMeta,\n} from './types'\n\n/**\n * One channel (§10.3): the described screen `notifications.channel` — the common part and the\n * provider's settings the server lays over it — with the live preview beside it on a wide pane and\n * under it on a narrow one, and one explicit save.\n *\n * A secret is never in the form: the server answers which are set, and the field says so with\n * `••••••••` until a new one is typed. \"Forget\" is in the head's menu, one per secret that is set,\n * and takes effect on the save, like every other change here.\n *\n * The form's values are what \"Check\", \"Send a test\" and the preview run on — saved or not: a\n * channel is tried before it is kept, and a test of a switched-off channel is the point of one.\n */\nconst props = withDefaults(defineProps<{ base?: string }>(), { base: '/notifications' })\n\nconst admin = useAdmin()\nconst api = createNotificationsApi(admin)\nconst route = useRoute()\nconst router = useRouter()\nconst locales = useLocales()\nuseNotificationsMessages()\n\nconst t = useTranslate('webx-notifications')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst id = ref<number | null>(\n  typeof route.params.id === 'string' && route.params.id !== '' ? Number(route.params.id) : null,\n)\n\nconst meta = ref<NotificationsMeta | null>(null)\nconst channel = ref<ChannelRow | null>(null)\nconst values = ref<ScreenModel>({})\nconst snapshot = ref('')\nconst warnings = ref<string[]>([])\nconst errors = ref<Record<string, string[]>>({})\nconst loading = ref(true)\nconst saving = ref(false)\nconst checking = ref(false)\n\nconst context = provideChannel(meta, values, id)\n\nprovideHistorySubject({ id: computed(() => channel.value?.id ?? null) })\n\nconst canManage = computed(() => admin.can('notifications.manage'))\n\nconst current = computed(() => JSON.stringify(values.value))\nconst dirty = computed(() => snapshot.value !== '' && current.value !== snapshot.value)\n\nconst state = computed<'saving' | 'unsaved' | 'saved'>(() => {\n  if (saving.value) return 'saving'\n\n  return dirty.value || id.value === null ? 'unsaved' : 'saved'\n})\n\nconst title = computed(() => {\n  const written = typeof values.value.name === 'string' ? values.value.name.trim() : ''\n\n  if (written !== '') return written\n\n  return id.value === null ? t('panel.new') : t('panel.untitled')\n})\n\nconst forgetting = computed<string[]>(() =>\n  Array.isArray(values.value.forget) ? (values.value.forget as string[]) : [],\n)\n\n/** The provider's secret settings, and whether each is set on the saved channel. */\nconst secrets = computed(() =>\n  (context.provider.value?.fields ?? [])\n    .filter((field) => field.secret)\n    .map((field) => ({\n      field,\n      set:\n        channel.value?.credentials_set[field.name] === true &&\n        !forgetting.value.includes(field.name),\n    })),\n)\n\n/*\n * What only this page knows about the tree: the kind of channel is chosen once, and a secret that\n * is set says so instead of showing an empty field that reads as \"not set\".\n */\nconst patch = computed<Patch>(() => [\n  { op: 'set', target: 'provider', props: { disabled: true } },\n  ...secrets.value\n    .filter((one) => one.set)\n    .map((one): Patch[number] => ({\n      op: 'set',\n      target: one.field.name,\n      help: t('panel.secret-set'),\n      props: { placeholder: '••••••••' },\n    })),\n])\n\nfunction take(detail: ChannelDetail): void {\n  channel.value = detail.channel\n  values.value = detail.values\n  snapshot.value = JSON.stringify(detail.values)\n  warnings.value = detail.warnings\n}\n\n/** What the server would answer for a channel with nothing in it yet, and the event's sample. */\nfunction blank(found: NotificationsMeta): ScreenModel {\n  const provider = typeof route.query.provider === 'string' ? route.query.provider : 'email'\n  const event =\n    typeof route.query.event === 'string' && route.query.event !== '' ? route.query.event : null\n  const definition = found.events.find((one) => one.key === event)\n  const sample = definition?.sample[provider] ?? definition?.sample['*']\n  const locale = locales.list.value[0]?.code ?? 'en'\n  const settings: ScreenModel = {}\n\n  for (const field of found.providers.find((one) => one.key === provider)?.fields ?? []) {\n    settings[field.name] = field.secret ? '' : (field.default ?? '')\n  }\n\n  return {\n    name: '',\n    provider,\n    event,\n    enabled: false,\n    recipients: [],\n    ...settings,\n    template: { [locale]: sample?.template ?? '' },\n    subject: { [locale]: sample?.subject ?? '' },\n  }\n}\n\nconst administrators = ref<Administrator[]>([])\n\nasync function load(): Promise<void> {\n  loading.value = true\n\n  try {\n    const [found, detail] = await Promise.all([\n      api.meta(),\n      id.value === null ? Promise.resolve(null) : api.get(id.value),\n    ])\n\n    meta.value = found\n\n    if (detail === null) {\n      const made = blank(found)\n\n      values.value = made\n      snapshot.value = JSON.stringify(made)\n    } else {\n      take(detail)\n    }\n  } catch (error) {\n    toast.danger(message(error))\n    void router.push(props.base)\n  } finally {\n    loading.value = false\n  }\n\n  if (values.value.provider === 'email' && canManage.value) {\n    api\n      .administrators()\n      .then((found) => (administrators.value = found))\n      .catch(() => undefined)\n  }\n}\n\nfunction refusal(error: unknown): void {\n  const body = (error as { body?: { errors?: Record<string, string[]> } }).body\n\n  if (body?.errors) {\n    errors.value = body.errors\n    toast.danger(t('panel.save-failed'))\n  } else {\n    toast.danger(message(error))\n  }\n}\n\nasync function save(): Promise<void> {\n  if (saving.value || !canManage.value) return\n\n  saving.value = true\n  errors.value = {}\n\n  try {\n    const made = id.value === null\n    const detail = made\n      ? await api.create(values.value)\n      : await api.save(id.value as number, values.value)\n\n    take(detail)\n\n    if (detail.warnings.length > 0) {\n      toast.warning(t('panel.saved-warning', { warning: detail.warnings.join(' ') }))\n    } else {\n      toast.success(t('panel.saved'))\n    }\n\n    if (made) {\n      id.value = detail.channel.id\n      // Nothing left to protect: the record exists, and its address is the one to keep.\n      void router.replace(`${props.base}/channels/${detail.channel.id}`)\n    }\n  } catch (error) {\n    refusal(error)\n  } finally {\n    saving.value = false\n  }\n}\n\nasync function check(): Promise<void> {\n  checking.value = true\n\n  try {\n    const answer = await api.check(id.value, values.value)\n\n    if (answer.ok) toast.success(answer.message || t('panel.check-ok'))\n    else toast.warning(answer.message)\n  } catch (error) {\n    refusal(error)\n  } finally {\n    checking.value = false\n  }\n}\n\nconst tester = createModal<\n  void,\n  { channel?: number | null; values: ScreenModel; recipients?: { value: string; label: string }[] }\n>(TestDialog)\n\n/** The fixed recipients as the server knows them by: a chat id, an address. */\nconst fixed = computed(() => {\n  const list = Array.isArray(values.value.recipients) ? values.value.recipients : []\n\n  return (list as (ChatRecipient & EmailRecipient)[]).flatMap((one) => {\n    if (one.chat_id)\n      return [\n        { value: one.chat_id, label: one.label ? `${one.label} · ${one.chat_id}` : one.chat_id },\n      ]\n    if (one.email) return [{ value: one.email, label: one.email }]\n\n    const found = administrators.value.find((person) => person.id === one.admin_id)\n\n    return found ? [{ value: found.email, label: `${found.name} · ${found.email}` }] : []\n  })\n})\n\nasync function test(): Promise<void> {\n  await tester({ channel: id.value, values: values.value, recipients: fixed.value })\n}\n\nasync function copy(): Promise<void> {\n  if (id.value === null) return\n\n  try {\n    const detail = await api.copy(id.value)\n\n    toast.success(t('panel.copied', { name: detail.channel.name }))\n    void router.push(`${props.base}/channels/${detail.channel.id}`)\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\nasync function remove(): Promise<void> {\n  const row = channel.value\n\n  if (!row) return\n\n  const agreed = await confirm({\n    title: t('panel.delete-title', { title: title.value }),\n    message: t('panel.delete-text'),\n    confirmText: t('panel.delete'),\n    cancelText: t('panel.cancel'),\n    tone: 'danger',\n  })\n\n  if (!agreed) return\n\n  try {\n    await api.remove(row.id)\n    toast.success(t('panel.deleted'))\n    snapshot.value = current.value\n    void router.push(props.base)\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\nfunction forget(name: string, label: string): void {\n  values.value = { ...values.value, forget: [...forgetting.value, name], [name]: '' }\n  toast.info(t('panel.forgotten', { field: label }))\n}\n\n/* The browser's own guard: it cannot wait for a request, so all it can do is ask. */\nfunction leaveGuard(event: BeforeUnloadEvent): void {\n  if (dirty.value) event.preventDefault()\n}\n\n/* Ctrl+S saves, as it does everywhere else that has a save button. */\nfunction onKeydown(event: KeyboardEvent): void {\n  if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 's') {\n    event.preventDefault()\n    if (dirty.value || id.value === null) void save()\n  }\n}\n\nuseBodyKeys(onKeydown)\n\nonMounted(() => {\n  void load()\n  window.addEventListener('beforeunload', leaveGuard)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('beforeunload', leaveGuard)\n})\n\nonBeforeRouteLeave(async () => {\n  if (!dirty.value || !canManage.value) return true\n\n  return await confirm({\n    title: t('panel.leave-title'),\n    message: t('panel.leave-text'),\n    confirmText: t('panel.leave'),\n    cancelText: t('panel.cancel'),\n    tone: 'danger',\n  })\n})\n\nconst actions = computed<ScreenAction[]>(() => {\n  if (!canManage.value) return []\n\n  const list: ScreenAction[] = [\n    {\n      key: 'check',\n      label: t('panel.check'),\n      icon: 'check-circle',\n      loading: checking.value,\n      run: () => void check(),\n    },\n    { key: 'test', label: t('panel.test'), icon: 'send', run: () => void test() },\n  ]\n\n  if (channel.value !== null) {\n    list.push({\n      key: 'copy',\n      label: t('panel.copy'),\n      icon: 'copy',\n      menu: true,\n      run: () => void copy(),\n    })\n  }\n\n  for (const one of secrets.value.filter((secret) => secret.set)) {\n    list.push({\n      key: `forget-${one.field.name}`,\n      label: t('panel.forget', { field: one.field.label }),\n      icon: 'unlock',\n      menu: true,\n      run: () => forget(one.field.name, one.field.label),\n    })\n  }\n\n  if (channel.value !== null) {\n    list.push({\n      key: 'delete',\n      label: t('panel.delete'),\n      icon: 'trash',\n      danger: true,\n      run: () => void remove(),\n    })\n  }\n\n  return list\n})\n\nconst environment = computed(() => meta.value?.environment ?? 'production')\n</script>\n\n<template>\n  <div class=\"wx-notifications-channel\" @keydown=\"onKeydown\">\n    <wx-skeleton v-if=\"loading\" class=\"wx-notifications-channel__ghost\" title :rows=\"8\" />\n\n    <template v-else>\n      <wx-screen-head\n        :back=\"props.base\"\n        :back-label=\"t('panel.channels')\"\n        :title=\"title\"\n        :subtitle=\"channel?.provider_label ?? context.provider.value?.label\"\n        :actions=\"actions\"\n      >\n        <template v-if=\"channel && !channel.enabled\" #title-after>\n          <wx-badge dot>{{ t('panel.off') }}</wx-badge>\n        </template>\n      </wx-screen-head>\n\n      <wx-alert\n        v-if=\"environment !== 'production'\"\n        type=\"info\"\n        variant=\"soft\"\n        :description=\"t('panel.environment', { environment })\"\n      />\n      <wx-alert\n        v-if=\"meta?.mode === 'after_response'\"\n        type=\"warning\"\n        variant=\"soft\"\n        :description=\"t('panel.mode-after-response')\"\n      />\n      <wx-alert\n        v-if=\"channel && !channel.provider_declared\"\n        type=\"danger\"\n        :title=\"t('panel.provider-undeclared')\"\n        :description=\"t('panel.provider-undeclared-text', { provider: channel.provider })\"\n      />\n      <wx-alert\n        v-if=\"channel && !channel.event_declared\"\n        type=\"warning\"\n        :title=\"t('panel.event-undeclared')\"\n        :description=\"t('panel.event-undeclared-text', { event: channel.event ?? '' })\"\n      />\n      <wx-alert\n        v-if=\"channel && !channel.credentials_readable\"\n        type=\"danger\"\n        :description=\"t('panel.unreadable')\"\n      />\n      <wx-alert\n        v-if=\"channel?.copied_from\"\n        type=\"info\"\n        variant=\"soft\"\n        :description=\"t('panel.copied-from', { id: String(channel.copied_from) })\"\n      />\n      <wx-alert v-for=\"warning in warnings\" :key=\"warning\" type=\"warning\" :description=\"warning\" />\n\n      <div class=\"wx-notifications-channel__body\">\n        <wx-screen\n          v-model=\"values\"\n          class=\"wx-notifications-channel__form\"\n          name=\"notifications.channel\"\n          :errors=\"errors\"\n          :patch=\"patch\"\n          :disabled=\"!canManage || saving\"\n        />\n\n        <message-preview class=\"wx-notifications-channel__preview\" />\n      </div>\n\n      <wx-action-bar v-if=\"canManage\">\n        <template #state>\n          <wx-save-state :state=\"state\" />\n        </template>\n\n        <wx-button type=\"primary\" :loading=\"saving\" :disabled=\"!dirty && id !== null\" @click=\"save\">\n          {{ t('panel.save') }}\n        </wx-button>\n      </wx-action-bar>\n    </template>\n  </div>\n</template>\n\n<style scoped>\n.wx-notifications-channel {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-gap, var(--wx-space-16));\n  min-width: 0;\n  container-type: inline-size;\n}\n\n.wx-notifications-channel__ghost {\n  max-width: 480px;\n}\n\n.wx-notifications-channel__body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-gap, var(--wx-space-16));\n  min-width: 0;\n}\n\n.wx-notifications-channel__form,\n.wx-notifications-channel__preview {\n  min-width: 0;\n}\n\n/*\n * Beside the form once the pane has room for both, and staying in view while the template is\n * scrolled to: the preview is read while typing, not after.\n */\n@container (min-width: 1040px) {\n  .wx-notifications-channel__body {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);\n    align-items: start;\n  }\n\n  .wx-notifications-channel__preview {\n    position: sticky;\n    top: var(--wx-space-16);\n  }\n}\n</style>\n"],"names":["props","__props","open","dismiss","useModal","api","createNotificationsApi","useAdmin","useNotificationsMessages","t","useTranslate","message","useErrorText","to","ref","sending","results","failure","options","computed","send","error","body","lineOf","result","recipient","_createBlock","_unref","WxDialog","$event","_createVNode","WxSpace","WxButton","WxText","WxFormItem","WxSelect","WxAlert","_createElementBlock","_Fragment","_openBlock","_renderList","index","admin","route","useRoute","router","useRouter","locales","useLocales","id","meta","channel","values","snapshot","warnings","errors","loading","saving","checking","context","provideChannel","provideHistorySubject","canManage","current","dirty","state","title","written","forgetting","secrets","field","patch","one","take","detail","blank","found","provider","event","definition","sample","locale","settings","administrators","load","made","toast","refusal","save","check","answer","tester","createModal","TestDialog","fixed","person","test","copy","remove","row","confirm","forget","name","label","leaveGuard","onKeydown","useBodyKeys","onMounted","onBeforeUnmount","onBeforeRouteLeave","actions","list","secret","environment","WxSkeleton","WxScreenHead","WxBadge","warning","_createElementVNode","_hoisted_1","WxScreen","MessagePreview","WxActionBar","WxSaveState"],"mappings":";;;;;;;;;;;;;;AA0BA,UAAMA,IAAQC,GAUR,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYC,GAAA,GAEpBC,IAAMC,GAAuBC,IAAU;AAC7C,IAAAC,GAAA;AAEA,UAAMC,IAAIC,GAAa,oBAAoB,GACrCC,IAAUC,GAAA,GAEVC,IAAKC,EAAI,EAAE,GACXC,IAAUD,EAAI,EAAK,GACnBE,IAAUF,EAAyB,IAAI,GACvCG,IAAUH,EAAmB,IAAI,GAEjCI,IAAUC,EAAS,MAAM;AAAA,MAC7B,EAAE,OAAO,IAAI,OAAOV,EAAE,sBAAsB,EAAA;AAAA,MAC5C,GAAGT,EAAM;AAAA,IAAA,CACV;AAED,mBAAeoB,IAAsB;AACnC,MAAAL,EAAQ,QAAQ,IAChBE,EAAQ,QAAQ;AAEhB,UAAI;AACF,QAAAD,EAAQ,QAAQ,MAAMX,EAAI,KAAKL,EAAM,SAASA,EAAM,QAAQa,EAAG,UAAU,KAAK,OAAOA,EAAG,KAAK;AAAA,MAC/F,SAASQ,GAAO;AACd,cAAMC,IAAQD,EAA2D;AAEzE,QAAAJ,EAAQ,QAAQK,GAAM,SAAS,OAAO,OAAOA,EAAK,MAAM,EAAE,KAAA,EAAO,KAAK,GAAG,IAAIX,EAAQU,CAAK;AAAA,MAC5F,UAAA;AACE,QAAAN,EAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,aAASQ,EAAOC,GAA4B;AAC1C,YAAMC,IAAYD,EAAO,QAAQ,GAAGA,EAAO,KAAK,KAAKA,EAAO,SAAS,MAAMA,EAAO;AAElF,aAAIA,EAAO,WAAW,SAAef,EAAE,mBAAmB,EAAE,WAAAgB,GAAW,IAEhEhB,EAAE,qBAAqB;AAAA,QAC5B,WAAAgB;AAAA,QACA,OAAOD,EAAO,UAAUA,EAAO,SAASf,EAAE,kBAAkBe,EAAO,MAAM,EAAE,IAAIA,EAAO;AAAA,MAAA,CACvF;AAAA,IACH;2BAIEE,EA8BYC,EAAAC,EAAA,GAAA;AAAA,MA9BO,MAAMD,EAAAzB,CAAA;AAAA,sDAAAA,EAAI,QAAA2B,IAAA;AAAA,MAAG,OAAOF,EAAAlB,CAAA,EAAC,kBAAA;AAAA,MAAuB,OAAO;AAAA,IAAA;MAsBzD,UACT,MAKW;AAAA,QALXqB,EAKWH,EAAAI,EAAA,GAAA,EALD,MAAK,QAAI;AAAA,qBACjB,MAAmF;AAAA,YAAnFD,EAAmFH,EAAAK,CAAA,GAAA;AAAA,cAAxE,SAAQ;AAAA,cAAW,gCAAOL,EAAAxB,CAAA,EAAA;AAAA,YAAO;yBAAI,MAAuB;AAAA,oBAApBwB,EAAAlB,CAAA,EAAC,cAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;YACpDqB,EAEYH,EAAAK,CAAA,GAAA;AAAA,cAFD,MAAK;AAAA,cAAW,SAASjB,EAAA;AAAA,cAAU,SAAOK;AAAA,YAAA;yBACnD,MAA0B;AAAA,oBAAvBO,EAAAlB,CAAA,EAAC,iBAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;;;;iBAzBV,MAAoE;AAAA,QAApEqB,EAAoEH,EAAAM,EAAA,GAAA;AAAA,UAA3D,MAAK;AAAA,UAAK,MAAK;AAAA,QAAA;qBAAQ,MAA0B;AAAA,gBAAvBN,EAAAlB,CAAA,EAAC,iBAAA,CAAA,GAAA,CAAA;AAAA,UAAA;;;QAEpCqB,EAEeH,EAAAO,EAAA,GAAA;AAAA,UAFA,OAAOP,EAAAlB,CAAA,EAAC,eAAA;AAAA,QAAA;qBACrB,MAAiE;AAAA,YAAjEqB,EAAiEH,EAAAQ,EAAA,GAAA;AAAA,0BAA7CtB,EAAA;AAAA,4DAAAA,EAAE,QAAAgB;AAAA,cAAG,SAASX,EAAA;AAAA,cAAU,UAAUH,EAAA;AAAA,YAAA;;;;QAGxCE,EAAA,cAAhBS,EAA+EC,EAAAS,CAAA,GAAA;AAAA;UAAtD,MAAK;AAAA,UAAS,SAAQ;AAAA,UAAQ,aAAanB,EAAA;AAAA,QAAA;QAEpDD,EAAA,cAAhBqB,EAWWC,GAAA,EAAA,KAAA,KAAA;AAAA,UAVMtB,EAAA,MAAQ,WAAM,UAA7BU,EAEYC,EAAAM,EAAA,GAAA;AAAA;YAFyB,MAAK;AAAA,YAAK,MAAK;AAAA,UAAA;uBAAQ,MAE1D;AAAA,kBADAN,EAAAlB,CAAA,EAAC,iBAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;WAEH8B,EAAA,EAAA,GAAAF,EAMEC,GAAA,MAAAE,GAL0BxB,EAAA,OAAO,CAAzBQ,GAAQiB,YADlBf,EAMEC,EAAAS,CAAA,GAAA;AAAA,YAJC,KAAKK;AAAA,YACL,MAAMjB,EAAO,WAAM,SAAA,YAAA;AAAA,YACpB,SAAQ;AAAA,YACP,aAAaD,EAAOC,CAAM;AAAA,UAAA;;;;;;;;;;;;AChDnC,UAAMxB,IAAQC,GAERyC,IAAQnC,GAAA,GACRF,IAAMC,GAAuBoC,CAAK,GAClCC,IAAQC,GAAA,GACRC,IAASC,GAAA,GACTC,IAAUC,GAAA;AAChB,IAAAxC,GAAA;AAEA,UAAM,IAAIE,GAAa,oBAAoB,GAErCC,IAAUC,GAAA,GAEVqC,IAAKnC;AAAA,MACT,OAAO6B,EAAM,OAAO,MAAO,YAAYA,EAAM,OAAO,OAAO,KAAK,OAAOA,EAAM,OAAO,EAAE,IAAI;AAAA,IAAA,GAGtFO,IAAOpC,EAA8B,IAAI,GACzCqC,IAAUrC,EAAuB,IAAI,GACrCsC,IAAStC,EAAiB,EAAE,GAC5BuC,IAAWvC,EAAI,EAAE,GACjBwC,IAAWxC,EAAc,EAAE,GAC3ByC,IAASzC,EAA8B,EAAE,GACzC0C,IAAU1C,EAAI,EAAI,GAClB2C,IAAS3C,EAAI,EAAK,GAClB4C,IAAW5C,EAAI,EAAK,GAEpB6C,IAAUC,GAAeV,GAAME,GAAQH,CAAE;AAE/C,IAAAY,GAAsB,EAAE,IAAI1C,EAAS,MAAMgC,EAAQ,OAAO,MAAM,IAAI,GAAG;AAEvE,UAAMW,IAAY3C,EAAS,MAAMuB,EAAM,IAAI,sBAAsB,CAAC,GAE5DqB,IAAU5C,EAAS,MAAM,KAAK,UAAUiC,EAAO,KAAK,CAAC,GACrDY,IAAQ7C,EAAS,MAAMkC,EAAS,UAAU,MAAMU,EAAQ,UAAUV,EAAS,KAAK,GAEhFY,KAAQ9C,EAAyC,MACjDsC,EAAO,QAAc,WAElBO,EAAM,SAASf,EAAG,UAAU,OAAO,YAAY,OACvD,GAEKiB,IAAQ/C,EAAS,MAAM;AAC3B,YAAMgD,IAAU,OAAOf,EAAO,MAAM,QAAS,WAAWA,EAAO,MAAM,KAAK,KAAA,IAAS;AAEnF,aAAIe,MAAY,KAAWA,IAEpBlB,EAAG,UAAU,OAAO,EAAE,WAAW,IAAI,EAAE,gBAAgB;AAAA,IAChE,CAAC,GAEKmB,IAAajD;AAAA,MAAmB,MACpC,MAAM,QAAQiC,EAAO,MAAM,MAAM,IAAKA,EAAO,MAAM,SAAsB,CAAA;AAAA,IAAC,GAItEiB,IAAUlD;AAAA,MAAS,OACtBwC,EAAQ,SAAS,OAAO,UAAU,CAAA,GAChC,OAAO,CAACW,MAAUA,EAAM,MAAM,EAC9B,IAAI,CAACA,OAAW;AAAA,QACf,OAAAA;AAAA,QACA,KACEnB,EAAQ,OAAO,gBAAgBmB,EAAM,IAAI,MAAM,MAC/C,CAACF,EAAW,MAAM,SAASE,EAAM,IAAI;AAAA,MAAA,EACvC;AAAA,IAAA,GAOAC,KAAQpD,EAAgB,MAAM;AAAA,MAClC,EAAE,IAAI,OAAO,QAAQ,YAAY,OAAO,EAAE,UAAU,KAAK;AAAA,MACzD,GAAGkD,EAAQ,MACR,OAAO,CAACG,MAAQA,EAAI,GAAG,EACvB,IAAI,CAACA,OAAwB;AAAA,QAC5B,IAAI;AAAA,QACJ,QAAQA,EAAI,MAAM;AAAA,QAClB,MAAM,EAAE,kBAAkB;AAAA,QAC1B,OAAO,EAAE,aAAa,WAAA;AAAA,MAAW,EACjC;AAAA,IAAA,CACL;AAED,aAASC,EAAKC,GAA6B;AACzC,MAAAvB,EAAQ,QAAQuB,EAAO,SACvBtB,EAAO,QAAQsB,EAAO,QACtBrB,EAAS,QAAQ,KAAK,UAAUqB,EAAO,MAAM,GAC7CpB,EAAS,QAAQoB,EAAO;AAAA,IAC1B;AAGA,aAASC,GAAMC,GAAuC;AACpD,YAAMC,IAAW,OAAOlC,EAAM,MAAM,YAAa,WAAWA,EAAM,MAAM,WAAW,SAC7EmC,IACJ,OAAOnC,EAAM,MAAM,SAAU,YAAYA,EAAM,MAAM,UAAU,KAAKA,EAAM,MAAM,QAAQ,MACpFoC,IAAaH,EAAM,OAAO,KAAK,CAACJ,MAAQA,EAAI,QAAQM,CAAK,GACzDE,IAASD,GAAY,OAAOF,CAAQ,KAAKE,GAAY,OAAO,GAAG,GAC/DE,KAASlC,EAAQ,KAAK,MAAM,CAAC,GAAG,QAAQ,MACxCmC,KAAwB,CAAA;AAE9B,iBAAWZ,KAASM,EAAM,UAAU,KAAK,CAACJ,OAAQA,GAAI,QAAQK,CAAQ,GAAG,UAAU,CAAA;AACjF,QAAAK,GAASZ,EAAM,IAAI,IAAIA,EAAM,SAAS,KAAMA,EAAM,WAAW;AAG/D,aAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAAO;AAAA,QACA,OAAAC;AAAA,QACA,SAAS;AAAA,QACT,YAAY,CAAA;AAAA,QACZ,GAAGI;AAAA,QACH,UAAU,EAAE,CAACD,EAAM,GAAGD,GAAQ,YAAY,GAAA;AAAA,QAC1C,SAAS,EAAE,CAACC,EAAM,GAAGD,GAAQ,WAAW,GAAA;AAAA,MAAG;AAAA,IAE/C;AAEA,UAAMG,IAAiBrE,EAAqB,EAAE;AAE9C,mBAAesE,KAAsB;AACnC,MAAA5B,EAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,CAACoB,GAAOF,CAAM,IAAI,MAAM,QAAQ,IAAI;AAAA,UACxCrE,EAAI,KAAA;AAAA,UACJ4C,EAAG,UAAU,OAAO,QAAQ,QAAQ,IAAI,IAAI5C,EAAI,IAAI4C,EAAG,KAAK;AAAA,QAAA,CAC7D;AAID,YAFAC,EAAK,QAAQ0B,GAETF,MAAW,MAAM;AACnB,gBAAMW,IAAOV,GAAMC,CAAK;AAExB,UAAAxB,EAAO,QAAQiC,GACfhC,EAAS,QAAQ,KAAK,UAAUgC,CAAI;AAAA,QACtC;AACE,UAAAZ,EAAKC,CAAM;AAAA,MAEf,SAASrD,GAAO;AACd,QAAAiE,EAAM,OAAO3E,EAAQU,CAAK,CAAC,GACtBwB,EAAO,KAAK7C,EAAM,IAAI;AAAA,MAC7B,UAAA;AACE,QAAAwD,EAAQ,QAAQ;AAAA,MAClB;AAEA,MAAIJ,EAAO,MAAM,aAAa,WAAWU,EAAU,SACjDzD,EACG,eAAA,EACA,KAAK,CAACuE,MAAWO,EAAe,QAAQP,CAAM,EAC9C,MAAM,MAAA;AAAA,OAAe;AAAA,IAE5B;AAEA,aAASW,EAAQlE,GAAsB;AACrC,YAAMC,IAAQD,EAA2D;AAEzE,MAAIC,GAAM,UACRiC,EAAO,QAAQjC,EAAK,QACpBgE,EAAM,OAAO,EAAE,mBAAmB,CAAC,KAEnCA,EAAM,OAAO3E,EAAQU,CAAK,CAAC;AAAA,IAE/B;AAEA,mBAAemE,IAAsB;AACnC,UAAI,EAAA/B,EAAO,SAAS,CAACK,EAAU,QAE/B;AAAA,QAAAL,EAAO,QAAQ,IACfF,EAAO,QAAQ,CAAA;AAEf,YAAI;AACF,gBAAM8B,IAAOpC,EAAG,UAAU,MACpByB,IAASW,IACX,MAAMhF,EAAI,OAAO+C,EAAO,KAAK,IAC7B,MAAM/C,EAAI,KAAK4C,EAAG,OAAiBG,EAAO,KAAK;AAEnD,UAAAqB,EAAKC,CAAM,GAEPA,EAAO,SAAS,SAAS,IAC3BY,EAAM,QAAQ,EAAE,uBAAuB,EAAE,SAASZ,EAAO,SAAS,KAAK,GAAG,EAAA,CAAG,CAAC,IAE9EY,EAAM,QAAQ,EAAE,aAAa,CAAC,GAG5BD,MACFpC,EAAG,QAAQyB,EAAO,QAAQ,IAErB7B,EAAO,QAAQ,GAAG7C,EAAM,IAAI,aAAa0E,EAAO,QAAQ,EAAE,EAAE;AAAA,QAErE,SAASrD,GAAO;AACd,UAAAkE,EAAQlE,CAAK;AAAA,QACf,UAAA;AACE,UAAAoC,EAAO,QAAQ;AAAA,QACjB;AAAA;AAAA,IACF;AAEA,mBAAegC,KAAuB;AACpC,MAAA/B,EAAS,QAAQ;AAEjB,UAAI;AACF,cAAMgC,IAAS,MAAMrF,EAAI,MAAM4C,EAAG,OAAOG,EAAO,KAAK;AAErD,QAAIsC,EAAO,KAAIJ,EAAM,QAAQI,EAAO,WAAW,EAAE,gBAAgB,CAAC,IAC7DJ,EAAM,QAAQI,EAAO,OAAO;AAAA,MACnC,SAASrE,GAAO;AACd,QAAAkE,EAAQlE,CAAK;AAAA,MACf,UAAA;AACE,QAAAqC,EAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAEA,UAAMiC,KAASC,GAGbC,EAAU,GAGNC,KAAQ3E,EAAS,OACR,MAAM,QAAQiC,EAAO,MAAM,UAAU,IAAIA,EAAO,MAAM,aAAa,CAAA,GAE5B,QAAQ,CAACoB,MAAQ;AACnE,UAAIA,EAAI;AACN,eAAO;AAAA,UACL,EAAE,OAAOA,EAAI,SAAS,OAAOA,EAAI,QAAQ,GAAGA,EAAI,KAAK,MAAMA,EAAI,OAAO,KAAKA,EAAI,QAAA;AAAA,QAAQ;AAE3F,UAAIA,EAAI,MAAO,QAAO,CAAC,EAAE,OAAOA,EAAI,OAAO,OAAOA,EAAI,OAAO;AAE7D,YAAMI,IAAQO,EAAe,MAAM,KAAK,CAACY,MAAWA,EAAO,OAAOvB,EAAI,QAAQ;AAE9E,aAAOI,IAAQ,CAAC,EAAE,OAAOA,EAAM,OAAO,OAAO,GAAGA,EAAM,IAAI,MAAMA,EAAM,KAAK,GAAA,CAAI,IAAI,CAAA;AAAA,IACrF,CAAC,CACF;AAED,mBAAeoB,KAAsB;AACnC,YAAML,GAAO,EAAE,SAAS1C,EAAG,OAAO,QAAQG,EAAO,OAAO,YAAY0C,GAAM,MAAA,CAAO;AAAA,IACnF;AAEA,mBAAeG,KAAsB;AACnC,UAAIhD,EAAG,UAAU;AAEjB,YAAI;AACF,gBAAMyB,IAAS,MAAMrE,EAAI,KAAK4C,EAAG,KAAK;AAEtC,UAAAqC,EAAM,QAAQ,EAAE,gBAAgB,EAAE,MAAMZ,EAAO,QAAQ,KAAA,CAAM,CAAC,GACzD7B,EAAO,KAAK,GAAG7C,EAAM,IAAI,aAAa0E,EAAO,QAAQ,EAAE,EAAE;AAAA,QAChE,SAASrD,GAAO;AACd,UAAAiE,EAAM,OAAO3E,EAAQU,CAAK,CAAC;AAAA,QAC7B;AAAA,IACF;AAEA,mBAAe6E,KAAwB;AACrC,YAAMC,IAAMhD,EAAQ;AAYpB,UAVI,GAACgD,KAUD,CARW,MAAMC,GAAQ;AAAA,QAC3B,OAAO,EAAE,sBAAsB,EAAE,OAAOlC,EAAM,OAAO;AAAA,QACrD,SAAS,EAAE,mBAAmB;AAAA,QAC9B,aAAa,EAAE,cAAc;AAAA,QAC7B,YAAY,EAAE,cAAc;AAAA,QAC5B,MAAM;AAAA,MAAA,CACP;AAID,YAAI;AACF,gBAAM7D,EAAI,OAAO8F,EAAI,EAAE,GACvBb,EAAM,QAAQ,EAAE,eAAe,CAAC,GAChCjC,EAAS,QAAQU,EAAQ,OACpBlB,EAAO,KAAK7C,EAAM,IAAI;AAAA,QAC7B,SAASqB,GAAO;AACd,UAAAiE,EAAM,OAAO3E,EAAQU,CAAK,CAAC;AAAA,QAC7B;AAAA,IACF;AAEA,aAASgF,GAAOC,GAAcC,GAAqB;AACjD,MAAAnD,EAAO,QAAQ,EAAE,GAAGA,EAAO,OAAO,QAAQ,CAAC,GAAGgB,EAAW,OAAOkC,CAAI,GAAG,CAACA,CAAI,GAAG,GAAA,GAC/EhB,EAAM,KAAK,EAAE,mBAAmB,EAAE,OAAOiB,EAAA,CAAO,CAAC;AAAA,IACnD;AAGA,aAASC,EAAW1B,GAAgC;AAClD,MAAId,EAAM,SAAOc,EAAM,eAAA;AAAA,IACzB;AAGA,aAAS2B,EAAU3B,GAA4B;AAC7C,OAAKA,EAAM,WAAWA,EAAM,YAAYA,EAAM,IAAI,YAAA,MAAkB,QAClEA,EAAM,eAAA,IACFd,EAAM,SAASf,EAAG,UAAU,SAAWuC,EAAA;AAAA,IAE/C;AAEA,IAAAkB,GAAYD,CAAS,GAErBE,GAAU,MAAM;AACd,MAAKvB,GAAA,GACL,OAAO,iBAAiB,gBAAgBoB,CAAU;AAAA,IACpD,CAAC,GAEDI,GAAgB,MAAM;AACpB,aAAO,oBAAoB,gBAAgBJ,CAAU;AAAA,IACvD,CAAC,GAEDK,GAAmB,YACb,CAAC7C,EAAM,SAAS,CAACF,EAAU,QAAc,KAEtC,MAAMsC,GAAQ;AAAA,MACnB,OAAO,EAAE,mBAAmB;AAAA,MAC5B,SAAS,EAAE,kBAAkB;AAAA,MAC7B,aAAa,EAAE,aAAa;AAAA,MAC5B,YAAY,EAAE,cAAc;AAAA,MAC5B,MAAM;AAAA,IAAA,CACP,CACF;AAED,UAAMU,KAAU3F,EAAyB,MAAM;AAC7C,UAAI,CAAC2C,EAAU,MAAO,QAAO,CAAA;AAE7B,YAAMiD,IAAuB;AAAA,QAC3B;AAAA,UACE,KAAK;AAAA,UACL,OAAO,EAAE,aAAa;AAAA,UACtB,MAAM;AAAA,UACN,SAASrD,EAAS;AAAA,UAClB,KAAK,MAAA;AAAM,YAAK+B,GAAA;AAAA;AAAA,QAAM;AAAA,QAExB,EAAE,KAAK,QAAQ,OAAO,EAAE,YAAY,GAAG,MAAM,QAAQ,KAAK,MAAA;AAAM,UAAKO;UAAK;AAAA,MAAE;AAG9E,MAAI7C,EAAQ,UAAU,QACpB4D,EAAK,KAAK;AAAA,QACR,KAAK;AAAA,QACL,OAAO,EAAE,YAAY;AAAA,QACrB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK,MAAA;AAAM,UAAKd,GAAA;AAAA;AAAA,MAAK,CACtB;AAGH,iBAAWzB,KAAOH,EAAQ,MAAM,OAAO,CAAC2C,MAAWA,EAAO,GAAG;AAC3D,QAAAD,EAAK,KAAK;AAAA,UACR,KAAK,UAAUvC,EAAI,MAAM,IAAI;AAAA,UAC7B,OAAO,EAAE,gBAAgB,EAAE,OAAOA,EAAI,MAAM,OAAO;AAAA,UACnD,MAAM;AAAA,UACN,MAAM;AAAA,UACN,KAAK,MAAM6B,GAAO7B,EAAI,MAAM,MAAMA,EAAI,MAAM,KAAK;AAAA,QAAA,CAClD;AAGH,aAAIrB,EAAQ,UAAU,QACpB4D,EAAK,KAAK;AAAA,QACR,KAAK;AAAA,QACL,OAAO,EAAE,cAAc;AAAA,QACvB,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,KAAK,MAAA;AAAM,UAAKb,GAAA;AAAA;AAAA,MAAO,CACxB,GAGIa;AAAA,IACT,CAAC,GAEKE,IAAc9F,EAAS,MAAM+B,EAAK,OAAO,eAAe,YAAY;2BAIxEb,EA4EM,OAAA;AAAA,MA5ED,OAAM;AAAA,MAA4B,WAAAoE;AAAA,IAAA;MAClBjD,EAAA,cAAnB9B,EAAsFC,EAAAuF,EAAA,GAAA;AAAA;QAA1D,OAAM;AAAA,QAAkC,OAAA;AAAA,QAAO,MAAM;AAAA,MAAA,YAEjF7E,EAwEWC,GAAA,EAAA,KAAA,KAAA;AAAA,QAvETR,EAUiBH,EAAAwF,EAAA,GAAA;AAAA,UATd,MAAMnH,EAAM;AAAA,UACZ,cAAY2B,EAAA,CAAA,EAAC,gBAAA;AAAA,UACb,OAAOuC,EAAA;AAAA,UACP,UAAUf,EAAA,OAAS,kBAAkBxB,EAAAgC,CAAA,EAAQ,SAAS,OAAO;AAAA,UAC7D,SAASmD,GAAA;AAAA,QAAA;UAEM3D,EAAA,SAAO,CAAKA,EAAA,MAAQ;kBAAU;AAAA,kBAC5C,MAA6C;AAAA,cAA7CrB,EAA6CH,EAAAyF,EAAA,GAAA,EAAnC,KAAA,MAAG;AAAA,2BAAC,MAAoB;AAAA,sBAAjBzF,EAAA,CAAA,EAAC,WAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;QAKdsF,EAAA,UAAW,qBADnBvF,EAKEC,EAAAS,CAAA,GAAA;AAAA;UAHA,MAAK;AAAA,UACL,SAAQ;AAAA,UACP,aAAaT,EAAA,CAAA,EAAC,qBAAA,EAAA,aAAwBsF,EAAA,MAAA,CAAW;AAAA,QAAA;QAG5C/D,EAAA,OAAM,SAAI,yBADlBxB,EAKEC,EAAAS,CAAA,GAAA;AAAA;UAHA,MAAK;AAAA,UACL,SAAQ;AAAA,UACP,aAAaT,EAAA,CAAA,EAAC,2BAAA;AAAA,QAAA;QAGTwB,EAAA,SAAO,CAAKA,EAAA,MAAQ,0BAD5BzB,EAKEC,EAAAS,CAAA,GAAA;AAAA;UAHA,MAAK;AAAA,UACJ,OAAOT,EAAA,CAAA,EAAC,2BAAA;AAAA,UACR,aAAaA,EAAA,CAAA,EAAC,kCAAA,EAAA,UAA+CwB,EAAA,MAAQ,SAAA,CAAQ;AAAA,QAAA;QAGxEA,EAAA,SAAO,CAAKA,EAAA,MAAQ,uBAD5BzB,EAKEC,EAAAS,CAAA,GAAA;AAAA;UAHA,MAAK;AAAA,UACJ,OAAOT,EAAA,CAAA,EAAC,wBAAA;AAAA,UACR,aAAaA,EAAA,CAAA,EAAC,+BAAA,EAAA,OAAyCwB,EAAA,MAAQ,SAAK,GAAA,CAAA;AAAA,QAAA;QAG/DA,EAAA,SAAO,CAAKA,EAAA,MAAQ,6BAD5BzB,EAIEC,EAAAS,CAAA,GAAA;AAAA;UAFA,MAAK;AAAA,UACJ,aAAaT,EAAA,CAAA,EAAC,kBAAA;AAAA,QAAA;QAGTwB,EAAA,OAAS,oBADjBzB,EAKEC,EAAAS,CAAA,GAAA;AAAA;UAHA,MAAK;AAAA,UACL,SAAQ;AAAA,UACP,aAAaT,EAAA,CAAA,EAAC,qBAAA,EAAA,IAA4B,OAAOwB,EAAA,MAAQ,WAAW,EAAA,CAAA;AAAA,QAAA;gBAEvEd,EAA6FC,GAAA,MAAAE,GAAjEc,EAAA,OAAQ,CAAnB+D,YAAjB3F,EAA6FC,EAAAS,CAAA,GAAA;AAAA,UAAtD,KAAKiF;AAAA,UAAS,MAAK;AAAA,UAAW,aAAaA;AAAA,QAAA;QAElFC,GAWM,OAXNC,IAWM;AAAA,UAVJzF,EAOEH,EAAA6F,EAAA,GAAA;AAAA,wBANSpE,EAAA;AAAA,0DAAAA,EAAM,QAAAvB;AAAA,YACf,OAAM;AAAA,YACN,MAAK;AAAA,YACJ,QAAQ0B,EAAA;AAAA,YACR,OAAOgB,GAAA;AAAA,YACP,UAAQ,CAAGT,EAAA,SAAaL,EAAA;AAAA,UAAA;UAG3B3B,EAA6D2F,IAAA,EAA5C,OAAM,qCAAmC;AAAA,QAAA;QAGvC3D,EAAA,cAArBpC,EAQgBC,EAAA+F,EAAA,GAAA,EAAA,KAAA,KAAA;AAAA,UAPH,SACT,MAAgC;AAAA,YAAhC5F,EAAgCH,EAAAgG,EAAA,GAAA,EAAhB,OAAO1D,GAAA,SAAK,MAAA,GAAA,CAAA,OAAA,CAAA;AAAA,UAAA;qBAG9B,MAEY;AAAA,YAFZnC,EAEYH,EAAAK,CAAA,GAAA;AAAA,cAFD,MAAK;AAAA,cAAW,SAASyB,EAAA;AAAA,cAAS,UAAQ,CAAGO,EAAA,SAASf,EAAA,UAAE;AAAA,cAAY,SAAOuC;AAAA,YAAA;yBACpF,MAAqB;AAAA,oBAAlB7D,EAAA,CAAA,EAAC,YAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;;;;;;;"}

package/dist/ChannelPage.d.ts

@@ -0,0 +1,19 @@
+/**
+ * One channel (§10.3): the described screen `notifications.channel` — the common part and the
+ * provider's settings the server lays over it — with the live preview beside it on a wide pane and
+ * under it on a narrow one, and one explicit save.
+ *
+ * A secret is never in the form: the server answers which are set, and the field says so with
+ * `••••••••` until a new one is typed. "Forget" is in the head's menu, one per secret that is set,
+ * and takes effect on the save, like every other change here.
+ *
+ * The form's values are what "Check", "Send a test" and the preview run on — saved or not: a
+ * channel is tried before it is kept, and a test of a switched-off channel is the point of one.
+ */
+type __VLS_Props = {
+    base?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    base: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ChannelsField.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    /** The event the channels are for: `inbox.submission`. */
+    event: string;
+    disabled?: boolean;
+    /** Where the section is in the panel, for the link to it. */
+    base?: string;
+    addText?: string;
+    emptyText?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: number[] | null;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number[] | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number[] | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    base: string;
+    addText: string;
+    emptyText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ChatsField.d.ts

@@ -0,0 +1,15 @@
+import { ChatRecipient } from './types';
+type __VLS_Props = {
+    disabled?: boolean;
+};
+type __VLS_PublicProps = {
+    modelValue?: ChatRecipient[] | null;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: ChatRecipient[] | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ChatRecipient[] | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/EmailsField.d.ts

@@ -0,0 +1,15 @@
+import { EmailRecipient } from './types';
+type __VLS_Props = {
+    disabled?: boolean;
+};
+type __VLS_PublicProps = {
+    modelValue?: EmailRecipient[] | null;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: EmailRecipient[] | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: EmailRecipient[] | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;