@feedmepos/mf-miniprogram-v2 0.2.8-dev.2 → 0.2.8-dev.3

package/dist/ModuleCenterView-DdExY27I.js

@@ -0,0 +1,165 @@
+import { defineComponent as N, openBlock as o, createElementBlock as l, createElementVNode as s, toDisplayString as u, createCommentVNode as q, ref as V, watch as R, computed as h, onMounted as z, resolveComponent as x, createVNode as v, unref as c, Fragment as C, renderList as $, normalizeClass as D, createBlock as k, withCtx as G } from "vue";
+import { useRoute as K, useRouter as O } from "vue-router";
+import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { u as P, c as U, f as j, _ as b, t as H } from "./useModuleCatalog-n2zRBLFf.js";
+const J = { class: "card" }, Q = { class: "card__head" }, W = { class: "card__name fm-typo-en-body-md-600 text-portal-text-primary" }, X = { class: "card__version fm-typo-en-body-sm-400 text-portal-text-muted" }, Y = { class: "card__description fm-typo-en-body-sm-400 text-portal-text-muted" }, Z = { class: "card__tags" }, ee = { class: "card__tag card__tag--tier fm-typo-en-body-sm-600" }, te = {
+  key: 0,
+  class: "card__tag card__tag--slot fm-typo-en-body-sm-400"
+}, oe = /* @__PURE__ */ N({
+  __name: "ModuleCard",
+  props: {
+    entry: {}
+  },
+  setup(i) {
+    return (r, m) => (o(), l("article", J, [
+      s("header", Q, [
+        s("h3", W, u(i.entry.name), 1),
+        s("span", X, u(i.entry.version), 1)
+      ]),
+      s("p", Y, u(i.entry.description || i.entry.id), 1),
+      s("footer", Z, [
+        s("span", ee, u(i.entry.category), 1),
+        i.entry.slot ? (o(), l("span", te, u(i.entry.slot), 1)) : q("", !0)
+      ])
+    ]));
+  }
+}), ne = /* @__PURE__ */ B(oe, [["__scopeId", "data-v-2fbfd7b3"]]), se = { class: "shell" }, le = { class: "centre" }, re = { class: "centre__inner" }, ae = { class: "centre__head" }, ie = {
+  key: 0,
+  class: "centre__filters"
+}, de = { class: "centre__facet-label fm-typo-en-body-sm-600 text-portal-text-muted" }, ce = { class: "centre__chips" }, ue = ["aria-pressed", "onClick"], me = {
+  key: 1,
+  class: "centre__note fm-typo-en-body-md-400"
+}, _e = {
+  key: 6,
+  class: "centre__grid"
+}, pe = /* @__PURE__ */ N({
+  __name: "ModuleCenterView",
+  setup(i) {
+    const r = P(), m = K(), L = O();
+    function g(t) {
+      return t == null ? [] : (Array.isArray(t) ? t : [t]).filter((n) => n != null);
+    }
+    const _ = V(g(m.query.q)[0] ?? ""), d = V([
+      ...g(m.query.tier).map((t) => ({ kind: "tier", value: t })),
+      ...g(m.query.slot).map((t) => ({ kind: "slot", value: t }))
+    ]);
+    R(
+      [_, d],
+      ([t, n]) => {
+        const a = { ...m.query };
+        t.trim() ? a.q = t : delete a.q;
+        const y = n.filter((e) => e.kind === "tier").map((e) => e.value), f = n.filter((e) => e.kind === "slot").map((e) => e.value);
+        y.length ? a.tier = y : delete a.tier, f.length ? a.slot = f : delete a.slot, L.replace({ query: a });
+      },
+      { deep: !0 }
+    );
+    const S = h(() => U(r.entries.value ?? [])), M = h(() => j(r.entries.value ?? [], _.value, d.value)), A = h(() => _.value.trim().length > 0 || d.value.length > 0), w = h(() => {
+      var t;
+      return (((t = r.entries.value) == null ? void 0 : t.length) ?? 0) > 0;
+    }), E = {
+      tier: "Type",
+      slot: "Slot"
+    };
+    function F(t) {
+      return d.value.some((n) => n.kind === t.kind && n.value === t.value);
+    }
+    function I(t) {
+      d.value = H(d.value, t);
+    }
+    function T() {
+      _.value = "", d.value = [];
+    }
+    return z(() => r.load()), (t, n) => {
+      const a = x("FmButton"), y = x("FmTextField"), f = x("RouterLink");
+      return o(), l("div", se, [
+        s("div", le, [
+          s("div", re, [
+            s("header", ae, [
+              n[3] || (n[3] = s("div", null, [
+                s("h2", { class: "centre__title fm-typo-en-title-sm-600 text-portal-text-primary" }, "Module library"),
+                s("p", { class: "centre__subtitle fm-typo-en-body-md-400 text-portal-text-muted" }, " Modules the agent can put on a page. Published from the platform, not from your app. ")
+              ], -1)),
+              v(a, {
+                size: "md",
+                variant: "tertiary",
+                icon: "refresh",
+                onClick: n[0] || (n[0] = (e) => c(r).load(!0))
+              })
+            ]),
+            w.value ? (o(), l("div", ie, [
+              v(y, {
+                modelValue: _.value,
+                "onUpdate:modelValue": n[1] || (n[1] = (e) => _.value = e),
+                label: "Search",
+                placeholder: "name, slot, or label"
+              }, null, 8, ["modelValue"]),
+              (o(!0), l(C, null, $(S.value, (e) => (o(), l("div", {
+                key: e.kind,
+                class: "centre__facet"
+              }, [
+                s("span", de, u(E[e.kind]), 1),
+                s("div", ce, [
+                  (o(!0), l(C, null, $(e.values, (p) => (o(), l("button", {
+                    key: p,
+                    type: "button",
+                    class: D(["centre__chip fm-typo-en-body-sm-400", { "centre__chip--on": F({ kind: e.kind, value: p }) }]),
+                    "aria-pressed": F({ kind: e.kind, value: p }),
+                    onClick: (ye) => I({ kind: e.kind, value: p })
+                  }, u(p), 11, ue))), 128))
+                ])
+              ]))), 128)),
+              A.value ? (o(), l("button", {
+                key: 0,
+                type: "button",
+                class: "centre__clear fm-typo-en-body-sm-600",
+                onClick: T
+              }, " Clear filters ")) : q("", !0)
+            ])) : q("", !0),
+            c(r).entries.value === null ? (o(), l("p", me, "Loading…")) : c(r).loadError.value ? (o(), k(b, {
+              key: 2,
+              icon: "error_outline",
+              tone: "error",
+              title: "Could not load the module library",
+              message: c(r).loadError.value,
+              "action-label": "Try again",
+              onAction: n[2] || (n[2] = (e) => c(r).load(!0))
+            }, null, 8, ["message"])) : c(r).unpublished.value ? (o(), k(b, {
+              key: 3,
+              icon: "widgets",
+              title: "No module library has been published yet",
+              message: "Modules are published from the platform, separately from merging them. Once one is published it appears here, and every workspace started afterwards receives it."
+            })) : w.value ? M.value.length ? (o(), l("ul", _e, [
+              (o(!0), l(C, null, $(M.value, (e) => (o(), l("li", {
+                key: e.id
+              }, [
+                v(f, {
+                  class: "centre__link",
+                  to: { name: "miniprogram-v2-module-detail", params: { name: e.name }, query: c(m).query }
+                }, {
+                  default: G(() => [
+                    v(ne, { entry: e }, null, 8, ["entry"])
+                  ]),
+                  _: 2
+                }, 1032, ["to"])
+              ]))), 128))
+            ])) : (o(), k(b, {
+              key: 5,
+              icon: "search_off",
+              title: "No module matches these filters",
+              "action-label": "Clear filters",
+              onAction: T
+            })) : (o(), k(b, {
+              key: 4,
+              icon: "widgets",
+              title: "The module library is empty",
+              message: "It has been published, but holds no modules. Nothing here is available to put on a page yet."
+            }))
+          ])
+        ])
+      ]);
+    };
+  }
+}), be = /* @__PURE__ */ B(pe, [["__scopeId", "data-v-c2239a32"]]);
+export {
+  be as default
+};

package/dist/{ModuleDetailView-CSfMF0Uo.js → ModuleDetailView-2ZG2PgWE.js}

@@ -1,6 +1,6 @@
 import { defineComponent as C, ref as M, computed as u, watch as T, resolveComponent as g, openBlock as n, createElementBlock as l, createElementVNode as e, toDisplayString as i, createCommentVNode as _, Fragment as I, renderList as S, createVNode as k, onMounted as B, unref as d, withCtx as L, createBlock as v } from "vue";
 import { useRoute as N, useRouter as P } from "vue-router";
-import { m as q, i as A, u as F, _ as w } from "./useModuleCatalog-Cep-pzWO.js";
+import { m as q, i as A, u as F, _ as w } from "./useModuleCatalog-n2zRBLFf.js";
 import { useDialog as V } from "@feedmepos/ui-library";
 import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const R = { class: "detail" }, j = { class: "detail__head" }, z = { class: "detail__name fm-typo-en-title-sm-600 text-portal-text-primary" }, K = { class: "detail__version fm-typo-en-body-md-400 text-portal-text-muted" }, O = {

package/dist/{PagesView-DzDqCd8N.js → PagesView-CNnihrLK.js}

@@ -1,7 +1,7 @@
 import { defineComponent as p, resolveComponent as i, openBlock as l, createElementBlock as m, createElementVNode as o, createVNode as r, unref as t, withCtx as u, createTextVNode as c } from "vue";
 import { useRoute as d } from "vue-router";
-import { u as g } from "./portalContext-DV-6uUwp.js";
-import { w as f } from "./portalNavigation-C29ihtq_.js";
+import { u as g } from "./portalContext-CzdVaxBH.js";
+import { w as f } from "./portalNavigation-L5VwKlps.js";
 import { P as k } from "./PortalIcon-DO0VrIoY.js";
 const w = { class: "portal-page" }, y = { class: "portal-page-inner" }, b = { class: "portal-section portal-empty" }, E = /* @__PURE__ */ p({
   __name: "PagesView",

package/dist/{PlatformUnavailableView-CdHjkolw.js → PlatformUnavailableView-ChSD6P3O.js}

@@ -1,7 +1,7 @@
 import { defineComponent as i, computed as p, resolveComponent as m, openBlock as c, createElementBlock as u, createElementVNode as e, toDisplayString as a, unref as n, createVNode as r, withCtx as d, createTextVNode as _ } from "vue";
 import { useRoute as g } from "vue-router";
 import { P as f } from "./PortalIcon-DO0VrIoY.js";
-import { p as k } from "./portalNavigation-C29ihtq_.js";
+import { p as k } from "./portalNavigation-L5VwKlps.js";
 const y = { class: "portal-page" }, b = { class: "portal-page-inner" }, v = { class: "portal-page-heading" }, h = { class: "portal-section portal-empty" }, P = /* @__PURE__ */ i({
   __name: "PlatformUnavailableView",
   setup(x) {

package/dist/{PortalSettingsView-Df5jChmi.js → PortalSettingsView-tEQ8--VB.js}

@@ -1,10 +1,10 @@
-import { defineComponent as k, computed as p, ref as l, onMounted as P, onScopeDispose as S, resolveComponent as x, openBlock as o, createElementBlock as n, createElementVNode as s, toDisplayString as d, createCommentVNode as h, Fragment as I, createVNode as A, unref as M } from "vue";
+import { defineComponent as k, computed as p, ref as i, onMounted as P, onScopeDispose as S, resolveComponent as x, openBlock as o, createElementBlock as n, createElementVNode as s, toDisplayString as d, createCommentVNode as h, Fragment as I, createVNode as A, unref as M } from "vue";
 import { useRoute as N } from "vue-router";
 import { e as _, a as $ } from "./index-CIJWcl_6.js";
-import { l as B, e as E } from "./controlPlane-sXaC6pAh.js";
+import { m as B, e as E } from "./controlPlane--Q2ulw38.js";
 import { useCoreStore as F } from "@feedmepos/mf-common";
-import { u as U } from "./portalContext-DV-6uUwp.js";
-import { l as V } from "./portalNavigation-C29ihtq_.js";
+import { u as U } from "./portalContext-CzdVaxBH.js";
+import { b as V } from "./portalNavigation-L5VwKlps.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const L = { class: "portal-page" }, R = { class: "portal-page-inner settings-page" }, T = { class: "portal-page-heading" }, D = ["href"], H = {
   key: 0,
@@ -26,26 +26,26 @@ const L = { class: "portal-page" }, R = { class: "portal-page-inner settings-pag
           _("fmmf:dev") === "dev" ? "https://portal.feedmedev.cc" : "https://portal.feedme.cc"
         ).href;
       }
-    ), m = l(null), g = l(!0), r = l(null), v = l(!1), f = $(_("fmmf:dev")).apiOrigin, C = p(() => `${f}/metadata/${a.businessId.value}/pwa-512x512.png`), b = p(() => {
+    ), m = i(null), g = i(!0), r = i(null), v = i(!1), f = $(_("fmmf:dev")).apiOrigin, C = p(() => `${f}/metadata/${a.businessId.value}/pwa-512x512.png`), b = p(() => {
       var t;
       return (t = B()) == null ? void 0 : t.thumbnail;
-    }), i = new AbortController();
+    }), l = new AbortController();
     return P(async () => {
       var t;
       try {
         const e = await fetch(`${f}/metadata/${a.businessId.value}/config`, {
-          signal: AbortSignal.any([i.signal, AbortSignal.timeout(15e3)])
+          signal: AbortSignal.any([l.signal, AbortSignal.timeout(15e3)])
         });
         if (e.status === 404) return;
         if (!e.ok) throw new Error(`Could not load app assets (HTTP ${e.status})`);
         const u = await e.json();
         m.value = ((t = u.pwaConfig) == null ? void 0 : t.name) ?? null;
       } catch (e) {
-        i.signal.aborted || (r.value = E(e));
+        l.signal.aborted || (r.value = E(e));
       } finally {
         g.value = !1;
       }
-    }), S(() => i.abort()), (t, e) => {
+    }), S(() => l.abort()), (t, e) => {
       const u = x("FmIcon");
       return o(), n("div", L, [
         s("div", R, [