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

package/dist/ModuleDetailView-CcqJ4Hfu.js

@@ -0,0 +1,296 @@
+import { defineComponent as j, computed as _, ref as F, watch as Y, resolveComponent as h, openBlock as n, createElementBlock as s, createElementVNode as e, toDisplayString as a, createVNode as c, createCommentVNode as u, createTextVNode as M, Fragment as N, renderList as P, unref as m, normalizeClass as V, withCtx as B, onMounted as G, createBlock as C } from "vue";
+import { useRoute as R, useRouter as A } from "vue-router";
+import { useDialog as H } from "@feedmepos/ui-library";
+import { m as J, b as Q, u as W, _ as q } from "./useModuleCatalog-Daw8KA--.js";
+import { w as X } from "./portalNavigation-DLcC7Koh.js";
+import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Z = { class: "detail" }, ee = { class: "detail__head" }, te = { class: "detail__name fm-typo-en-title-sm-600 text-portal-text-primary" }, oe = { class: "detail__version fm-typo-en-body-md-400 text-portal-text-muted" }, ne = {
+  key: 0,
+  class: "detail__description fm-typo-en-body-md-400 text-portal-text-muted"
+}, se = { class: "detail__columns" }, le = { class: "detail__preview" }, ae = {
+  key: 0,
+  class: "detail__note detail__note--error fm-typo-en-body-md-400"
+}, ie = {
+  key: 1,
+  class: "detail__note fm-typo-en-body-md-400"
+}, re = ["srcdoc"], de = { class: "detail__facts" }, ue = {
+  key: 0,
+  class: "detail__viewing"
+}, me = {
+  key: 1,
+  class: "detail__section"
+}, ce = { class: "detail__siblings" }, ye = {
+  key: 0,
+  class: "detail__sibling-tag"
+}, pe = { class: "detail__section" }, _e = { class: "detail__list fm-typo-en-body-md-400" }, ve = { key: 0 }, be = { key: 1 }, fe = { class: "detail__section" }, ge = {
+  key: 0,
+  class: "detail__note fm-typo-en-body-md-400"
+}, he = {
+  key: 1,
+  class: "detail__props"
+}, we = {
+  key: 0,
+  class: "detail__optional fm-typo-en-body-sm-400"
+}, ke = { class: "detail__section" }, xe = ["aria-expanded"], Ce = {
+  key: 0,
+  class: "detail__dev-body"
+}, De = { class: "detail__list fm-typo-en-body-md-400" }, Le = { key: 0 }, qe = { key: 1 }, $e = ["value"], Ie = /* @__PURE__ */ j({
+  __name: "ModuleDetail",
+  props: {
+    entry: {},
+    siblings: {},
+    previewDocument: {},
+    previewError: {}
+  },
+  setup(o) {
+    const y = R(), w = A(), l = o, v = _(() => l.siblings.length > 1 ? l.siblings : []);
+    function g(r) {
+      var t;
+      return r.styleLabel || ((t = r.labels) == null ? void 0 : t[0]) || r.description || r.name;
+    }
+    const D = H(), p = F(!1);
+    let b;
+    const i = F(!1), f = _(() => J(l.entry)), k = _(
+      () => l.previewDocument ? Q(l.previewDocument, l.entry.name) : null
+    );
+    Y(
+      () => l.entry.name,
+      () => {
+        p.value = !1;
+      }
+    );
+    function L() {
+      const r = y.query.returnProjectId;
+      if (typeof r == "string" && r) {
+        w.push(X(r, "workspace", y.query, { library: l.entry.name }));
+        return;
+      }
+      w.push({ name: "miniprogram-v2-mobile-projects", query: { ...y.query, library: l.entry.name } });
+    }
+    async function K() {
+      try {
+        await navigator.clipboard.writeText(f.value), p.value = !0, window.clearTimeout(b), b = window.setTimeout(() => {
+          p.value = !1;
+        }, 2e3);
+      } catch (r) {
+        D.open({
+          title: "Could not copy",
+          message: `${r instanceof Error ? r.message : String(r)}. Select the text below and copy it manually.`,
+          dismissAway: !0,
+          primaryActions: { close: !0, text: "OK" }
+        });
+      }
+    }
+    return (r, t) => {
+      var I, E, S, T, z;
+      const $ = h("FmButton"), x = h("FmIcon"), U = h("RouterLink");
+      return n(), s("div", Z, [
+        e("header", ee, [
+          e("h3", te, a(o.entry.name), 1),
+          e("span", oe, a(o.entry.version), 1),
+          c($, {
+            class: "detail__use",
+            size: "md",
+            variant: "primary",
+            icon: "bolt",
+            label: "Use this style",
+            onClick: L
+          }),
+          o.entry.description ? (n(), s("p", ne, a(o.entry.description), 1)) : u("", !0)
+        ]),
+        e("div", se, [
+          e("section", le, [
+            t[1] || (t[1] = e("h4", { class: "detail__label fm-typo-en-body-sm-600 text-portal-text-muted" }, "Preview", -1)),
+            o.previewError ? (n(), s("p", ae, a(o.previewError), 1)) : k.value ? (n(), s("iframe", {
+              key: o.entry.name,
+              class: "detail__frame",
+              title: "module preview",
+              sandbox: "allow-scripts",
+              srcdoc: k.value
+            }, null, 8, re)) : (n(), s("p", ie, "Loading preview…")),
+            t[2] || (t[2] = e("p", { class: "detail__hint fm-typo-en-body-sm-400 text-portal-text-muted" }, " Stand-in brand colours. Your business's own palette applies in the workspace preview. ", -1))
+          ]),
+          e("div", de, [
+            v.value.length ? (n(), s("p", ue, [
+              c(x, {
+                name: "check_circle",
+                size: "sm",
+                color: "typo-primary"
+              }),
+              t[3] || (t[3] = M(" Currently viewing this style ", -1))
+            ])) : u("", !0),
+            v.value.length ? (n(), s("section", me, [
+              t[5] || (t[5] = e("h4", { class: "detail__label fm-typo-en-body-sm-600 text-portal-text-muted" }, "Other styles in this component", -1)),
+              e("ul", ce, [
+                (n(!0), s(N, null, P(v.value, (d) => (n(), s("li", {
+                  key: d.id
+                }, [
+                  c(U, {
+                    class: V(["detail__sibling", { "detail__sibling--current": d.name === o.entry.name }]),
+                    to: { name: "miniprogram-v2-module-detail", params: { name: d.name }, query: m(y).query },
+                    "aria-current": d.name === o.entry.name ? "page" : void 0
+                  }, {
+                    default: B(() => [
+                      e("span", null, a(g(d)), 1),
+                      d.name === o.entry.name ? (n(), s("span", ye, [
+                        c(x, {
+                          name: "check_circle",
+                          size: "sm",
+                          color: "typo-white"
+                        }),
+                        t[4] || (t[4] = M(" Viewing ", -1))
+                      ])) : u("", !0)
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "to", "aria-current"])
+                ]))), 128))
+              ])
+            ])) : u("", !0),
+            e("section", pe, [
+              t[10] || (t[10] = e("h4", { class: "detail__label fm-typo-en-body-sm-600 text-portal-text-muted" }, "Details", -1)),
+              e("dl", _e, [
+                t[6] || (t[6] = e("dt", null, "Category", -1)),
+                e("dd", null, a(o.entry.group ?? "—"), 1),
+                t[7] || (t[7] = e("dt", null, "Component", -1)),
+                e("dd", null, a(o.entry.componentLabel ?? "—"), 1),
+                t[8] || (t[8] = e("dt", null, "Appears on", -1)),
+                e("dd", null, a(o.entry.page ?? "—"), 1),
+                (I = o.entry.surfaces) != null && I.length ? (n(), s("dt", ve, "Surfaces")) : u("", !0),
+                (E = o.entry.surfaces) != null && E.length ? (n(), s("dd", be, a(o.entry.surfaces.join(", ")), 1)) : u("", !0),
+                t[9] || (t[9] = e("dt", null, "Examples", -1)),
+                e("dd", null, a(o.entry.compositions.length), 1)
+              ])
+            ]),
+            e("section", fe, [
+              t[11] || (t[11] = e("h4", { class: "detail__label fm-typo-en-body-sm-600 text-portal-text-muted" }, "Content it needs", -1)),
+              (S = o.entry.props) != null && S.length ? (n(), s("ul", he, [
+                (n(!0), s(N, null, P(o.entry.props, (d) => (n(), s("li", {
+                  key: d.name,
+                  class: V({ "detail__prop--optional": !d.required })
+                }, [
+                  e("code", null, a(d.name), 1),
+                  d.required ? u("", !0) : (n(), s("span", we, "optional"))
+                ], 2))), 128))
+              ])) : (n(), s("p", ge, " This module declares no props interface, so it can only be offered as a like-for-like swap. "))
+            ]),
+            e("section", ke, [
+              e("button", {
+                type: "button",
+                class: "detail__dev-toggle",
+                "aria-expanded": i.value,
+                onClick: t[0] || (t[0] = (d) => i.value = !i.value)
+              }, [
+                c(x, {
+                  name: "code",
+                  size: "sm",
+                  color: "typo-secondary"
+                }),
+                t[12] || (t[12] = e("span", { class: "detail__label fm-typo-en-body-sm-600 text-portal-text-muted" }, "Developer details", -1)),
+                c(x, {
+                  name: i.value ? "expand_less" : "chevron_right",
+                  size: "sm",
+                  color: "typo-tertiary"
+                }, null, 8, ["name"])
+              ], 8, xe),
+              i.value ? (n(), s("div", Ce, [
+                e("dl", De, [
+                  t[13] || (t[13] = e("dt", null, "Id", -1)),
+                  e("dd", null, a(o.entry.id), 1),
+                  t[14] || (t[14] = e("dt", null, "Slot", -1)),
+                  e("dd", null, a(o.entry.slot ?? "—"), 1),
+                  t[15] || (t[15] = e("dt", null, "Data shape", -1)),
+                  e("dd", null, a(o.entry.dataShape ?? "—"), 1),
+                  t[16] || (t[16] = e("dt", null, "Type", -1)),
+                  e("dd", null, a(o.entry.category), 1),
+                  (T = o.entry.labels) != null && T.length ? (n(), s("dt", Le, "Labels")) : u("", !0),
+                  (z = o.entry.labels) != null && z.length ? (n(), s("dd", qe, a(o.entry.labels.join(", ")), 1)) : u("", !0)
+                ]),
+                t[17] || (t[17] = e("p", { class: "detail__hint fm-typo-en-body-sm-400 text-portal-text-muted" }, " Paste this into a workspace chat. The agent copies the module into your app's own code. ", -1)),
+                e("textarea", {
+                  class: "detail__prompt",
+                  readonly: "",
+                  value: f.value
+                }, null, 8, $e),
+                c($, {
+                  class: "detail__copy",
+                  size: "md",
+                  variant: p.value ? "secondary" : "primary",
+                  icon: p.value ? "check" : "content_copy",
+                  label: p.value ? "Copied" : "Copy prompt",
+                  onClick: K
+                }, null, 8, ["variant", "icon", "label"])
+              ])) : u("", !0)
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), Ee = /* @__PURE__ */ O(Ie, [["__scopeId", "data-v-e21c800a"]]), Se = { class: "shell" }, Te = { class: "page" }, ze = { class: "page__inner" }, Fe = { class: "page__head" }, Me = {
+  key: 0,
+  class: "page__note fm-typo-en-body-md-400"
+}, Ne = /* @__PURE__ */ j({
+  __name: "ModuleDetailView",
+  setup(o) {
+    const y = R(), w = A(), l = W(), v = _(() => String(y.params.name ?? "")), g = _(() => l.find(v.value)), D = _(() => l.entries.value === null), p = _(() => {
+      var i;
+      const b = (i = g.value) == null ? void 0 : i.slot;
+      return b ? (l.entries.value ?? []).filter((f) => f.slot === b) : [];
+    });
+    return G(() => l.load()), (b, i) => {
+      const f = h("FmIcon"), k = h("RouterLink");
+      return n(), s("div", Se, [
+        e("div", Te, [
+          e("div", ze, [
+            e("header", Fe, [
+              c(k, {
+                class: "page__back",
+                to: { name: "miniprogram-v2-module-center", query: m(y).query }
+              }, {
+                default: B(() => [
+                  c(f, {
+                    name: "arrow_back",
+                    size: "sm",
+                    color: "typo-secondary"
+                  }),
+                  i[2] || (i[2] = e("span", { class: "fm-typo-en-body-sm-600" }, "Component Library", -1))
+                ]),
+                _: 1
+              }, 8, ["to"])
+            ]),
+            D.value ? (n(), s("p", Me, "Loading…")) : m(l).loadError.value ? (n(), C(q, {
+              key: 1,
+              icon: "error_outline",
+              tone: "error",
+              title: "Could not load the component library",
+              message: m(l).loadError.value,
+              "action-label": "Try again",
+              onAction: i[0] || (i[0] = (L) => m(l).load(!0))
+            }, null, 8, ["message"])) : m(l).unpublished.value ? (n(), C(q, {
+              key: 2,
+              icon: "widgets",
+              title: "No component library has been published yet",
+              message: "Nothing has been published for this page to show."
+            })) : g.value ? (n(), C(Ee, {
+              key: 4,
+              entry: g.value,
+              siblings: p.value,
+              "preview-document": m(l).previewDocument.value,
+              "preview-error": m(l).previewError.value
+            }, null, 8, ["entry", "siblings", "preview-document", "preview-error"])) : (n(), C(q, {
+              key: 3,
+              icon: "search_off",
+              title: `No module named “${v.value}”`,
+              message: "It is not in the published library. It may have been renamed, withdrawn, or never published.",
+              "action-label": "Back to the component library",
+              onAction: i[1] || (i[1] = (L) => m(w).push({ name: "miniprogram-v2-module-center", query: m(y).query }))
+            }, null, 8, ["title"]))
+          ])
+        ])
+      ]);
+    };
+  }
+}), Oe = /* @__PURE__ */ O(Ne, [["__scopeId", "data-v-a84b9d64"]]);
+export {
+  Oe as default
+};

package/dist/{PagesView-DzDqCd8N.js → PagesView-D0RMTyqw.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-BeKN8Bcx.js";
+import { w as f } from "./portalNavigation-DLcC7Koh.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-OHEJAztd.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-DLcC7Koh.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-B68s6fiS.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 { 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-DR5ykj4d.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-BeKN8Bcx.js";
+import { l as V } from "./portalNavigation-DLcC7Koh.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,

package/dist/StatusBadge.vue_vue_type_script_setup_true_lang-DMm_s9ua.js

@@ -0,0 +1,41 @@
+import { defineComponent as c, computed as m, openBlock as o, createElementBlock as r, normalizeClass as i, createElementVNode as x, createCommentVNode as d, renderSlot as f } from "vue";
+const u = {
+  key: 0,
+  class: "flex h-[14px] w-[14px] shrink-0 items-center justify-center",
+  "aria-hidden": "true"
+}, y = /* @__PURE__ */ c({
+  __name: "StatusBadge",
+  props: {
+    variant: { default: "neutral" },
+    size: { default: "md" },
+    dot: { type: Boolean }
+  },
+  setup(e) {
+    const n = e, s = {
+      success: "bg-fm-color-system-success-100 text-fm-color-typo-success",
+      warning: "bg-fm-color-system-warning-100 text-fm-color-typo-warning",
+      error: "bg-fm-color-system-error-100 text-fm-color-typo-error",
+      info: "bg-fm-color-system-info-100 text-fm-color-typo-info",
+      neutral: "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary",
+      // Figma `badge/bg/stone` on `badge/text/on-stone`: a resting state, cooler and
+      // lighter than neutral grey, so it recedes beside an Active row.
+      stone: "bg-portal-badge-stone-bg text-portal-badge-stone-text",
+      primary: "bg-fm-color-primary text-fm-color-typo-white"
+    }, a = {
+      xs: "rounded-[4px] px-[4px] py-[2px] text-[10px] leading-[14px] font-medium tracking-[0.2px]",
+      sm: "rounded-[4px] px-[6px] py-[4px] text-[12px] leading-[16px] font-medium tracking-[0.24px]",
+      md: "rounded-full px-8 py-2 leading-[16px]"
+    }, l = m(() => a[n.size]);
+    return (p, t) => (o(), r("span", {
+      class: i(["inline-flex shrink-0 items-center", [s[e.variant], l.value, e.dot ? "gap-[2px]" : "gap-4"]])
+    }, [
+      e.dot ? (o(), r("span", u, [...t[0] || (t[0] = [
+        x("span", { class: "h-[5.25px] w-[5.25px] rounded-full bg-current" }, null, -1)
+      ])])) : d("", !0),
+      f(p.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  y as _
+};