@feedmepos/mf-miniprogram-v2 0.2.8-dev.1 → 0.2.8-dev.10

package/dist/{useBrandKit-CXLIXo5j.js → useBrandKit-CKn1fm2o.js}

@@ -1,6 +1,6 @@
 import { a as xt, e as jt } from "./index-CIJWcl_6.js";
 import { computed as nt, reactive as Et } from "vue";
-import { h as j, e as ot } from "./controlPlane-sXaC6pAh.js";
+import { h as j, e as ot } from "./controlPlane-DR5ykj4d.js";
 import { useCoreStore as At } from "@feedmepos/mf-common";
 import { g as Nt, c as Tt } from "./_commonjsHelpers-DaMA6jEr.js";
 const it = [

package/dist/useModuleCatalog-Daw8KA--.js

@@ -0,0 +1,147 @@
+import { defineComponent as E, resolveComponent as g, openBlock as p, createElementBlock as v, createVNode as M, createElementVNode as x, normalizeClass as P, toDisplayString as w, createCommentVNode as b, createBlock as _, shallowReadonly as c, ref as m } from "vue";
+import { a as C } from "./routes-B9oMJsaM.js";
+import { c as F, e as $, f as L } from "./controlPlane-DR5ykj4d.js";
+function R(e, t) {
+  const n = t.trim().toLowerCase();
+  return e.filter((r) => n ? [r.name, r.description ?? "", r.slot ?? "", ...r.labels ?? []].join(" ").toLowerCase().includes(n) : !0);
+}
+function S(e) {
+  const t = e.replace(/([a-z0-9])([A-Z])/g, "$1 $2");
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function z(e) {
+  return e.slot ?? `__ungrouped-component:${e.name}`;
+}
+function U(e) {
+  const t = /* @__PURE__ */ new Map(), n = [];
+  for (const o of e) {
+    const a = o.group ?? null;
+    let l = t.get(a);
+    l || (l = /* @__PURE__ */ new Map(), t.set(a, l), n.push(a));
+    const s = z(o);
+    let d = l.get(s);
+    d || (d = {
+      key: s,
+      slot: o.slot,
+      label: o.componentLabel ?? (o.slot ? S(o.slot) : o.styleLabel ?? o.description ?? o.name),
+      styles: []
+    }, l.set(s, d)), d.styles.push(o);
+  }
+  return [...n].sort((o, a) => o === a ? 0 : o === null ? 1 : a === null ? -1 : o.localeCompare(a)).map((o) => ({ group: o, components: [...t.get(o).values()] }));
+}
+function A(e) {
+  const t = e.components.length, n = e.components.reduce((r, o) => r + o.styles.length, 0);
+  return `${t} component${t === 1 ? "" : "s"} · ${n} style${n === 1 ? "" : "s"}`;
+}
+function G(e, t) {
+  const n = /* @__PURE__ */ new Map();
+  let r = 0;
+  for (const l of e) {
+    const s = l[t];
+    s ? n.set(s, (n.get(s) ?? 0) + 1) : r += 1;
+  }
+  const o = [...n.entries()].sort((l, s) => l[0].localeCompare(s[0])).map(([l, s]) => ({ value: l, count: s }));
+  return { total: o.reduce((l, s) => l + s.count, 0), chips: o, unsetCount: r };
+}
+function J(e) {
+  const t = e.slot ? ` It is published to fill the ${e.slot} slot.` : "";
+  return `Use the block-swap skill. Put the library module ${e.id} on the page, replacing whatever currently fills its slot.${t} Its source is already in this workspace at src/components/library/${e.name}/. Copy that directory to src/components/blocks/${e.name}/ and point the view there — the library directory is delivered per workspace and is not committed, so a view importing from it builds in the workspace and fails the release build. Tell me which page you changed.`;
+}
+function K(e, t) {
+  if (!e.includes("</head>")) return e;
+  const n = JSON.stringify(t).replace(/</g, "\\u003c");
+  return e.replace("</head>", `<script>window.__FM_PREVIEW_MODULE__=${n}<\/script></head>`);
+}
+function T(e, t) {
+  if (!e.includes("</head>")) return e;
+  const n = JSON.stringify(t).replace(/</g, "\\u003c");
+  return e.replace("</head>", `<script>window.__FM_PREVIEW_MODULES__=${n}<\/script></head>`);
+}
+const B = { class: "flex min-h-0 flex-1 flex-col items-center justify-center gap-8 p-24 text-center" }, I = {
+  key: 0,
+  class: "m-0 max-w-[46ch] fm-typo-en-body-sm-400 text-portal-text-muted"
+}, W = /* @__PURE__ */ E({
+  __name: "ModuleEmptyState",
+  props: {
+    icon: {},
+    title: {},
+    message: {},
+    actionLabel: {},
+    tone: {}
+  },
+  emits: ["action"],
+  setup(e) {
+    return (t, n) => {
+      const r = g("FmIcon"), o = g("FmButton");
+      return p(), v("div", B, [
+        M(r, {
+          name: e.icon,
+          size: "xl",
+          color: e.tone === "error" ? "typo-warning" : "neutral-gray-300"
+        }, null, 8, ["name", "color"]),
+        x("p", {
+          class: P(["m-0 fm-typo-en-body-md-600", e.tone === "error" ? "text-fm-color-typo-warning" : "text-fm-color-typo-secondary"])
+        }, w(e.title), 3),
+        e.message ? (p(), v("p", I, w(e.message), 1)) : b("", !0),
+        e.actionLabel ? (p(), _(o, {
+          key: 1,
+          size: "md",
+          variant: "secondary",
+          label: e.actionLabel,
+          onClick: n[0] || (n[0] = (a) => t.$emit("action"))
+        }, null, 8, ["label"])) : b("", !0)
+      ]);
+    };
+  }
+}), u = m(null), f = m(null), y = m(!1), k = m(null), h = m(null);
+let i = null;
+async function D() {
+  f.value = null, y.value = !1;
+  try {
+    const e = await F(C.componentLibraryCatalog());
+    u.value = e.components ?? [];
+  } catch (e) {
+    const t = $(e);
+    u.value = [], t.includes("no component library has been published") ? y.value = !0 : f.value = t || "Could not load the module library.";
+  }
+}
+async function N() {
+  h.value = null;
+  try {
+    k.value = await L(C.componentLibraryPreview());
+  } catch (e) {
+    h.value = $(e) || "Could not load the preview document.";
+  }
+}
+function Z() {
+  function e(n = !1) {
+    return !n && (u.value !== null || i) ? i ?? Promise.resolve() : (i = Promise.all([D(), N()]).then(() => {
+    }).finally(() => {
+      i = null;
+    }), i);
+  }
+  function t(n) {
+    var r;
+    return ((r = u.value) == null ? void 0 : r.find((o) => o.name === n)) ?? null;
+  }
+  return {
+    entries: c(u),
+    loadError: c(f),
+    unpublished: c(y),
+    previewDocument: c(k),
+    previewError: c(h),
+    load: e,
+    find: t
+  };
+}
+export {
+  W as _,
+  A as a,
+  K as b,
+  R as f,
+  U as g,
+  T as i,
+  J as m,
+  G as s,
+  Z as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-miniprogram-v2",
-  "version": "0.2.8-dev.1",
+  "version": "0.2.8-dev.10",
   "type": "module",
   "publishConfig": {
     "access": "public",

package/dist/AppTemplatePicker.vue_vue_type_script_setup_true_lang-LE_aKvfg.js

@@ -1,198 +0,0 @@
-import { defineComponent as k, computed as x, openBlock as a, createElementBlock as l, createStaticVNode as m, createCommentVNode as p, createElementVNode as e, createVNode as b, toDisplayString as h, Fragment as w, renderList as _, normalizeClass as y } from "vue";
-function K(t) {
-  return t === "active" ? "success" : t === "needs_attention" ? "warning" : "neutral";
-}
-function O(t) {
-  return t === "active" ? "Active" : t === "needs_attention" ? "Needs attention" : "Archived";
-}
-function X(t) {
-  return t === "succeeded" ? "success" : t === "failed" ? "error" : t === "queued" || t === "running" ? "info" : "neutral";
-}
-function Y(t) {
-  switch (t) {
-    case "queued":
-      return "Queued";
-    case "running":
-      return "Running";
-    case "succeeded":
-      return "Built";
-    case "failed":
-      return "Build failed";
-    default:
-      return "No build yet";
-  }
-}
-function Z(t) {
-  switch (t) {
-    case "ready":
-      return "Ready";
-    case "provisioning":
-      return "Setting up";
-    case "failed":
-      return "Setup failed";
-    default:
-      return "Not set up";
-  }
-}
-const C = ["preview", "published", "rolled_back"];
-function tt(t) {
-  return C.includes(t.status);
-}
-function et(t) {
-  return t.is_live === 1 ? "Live" : t.build_status === "queued" || t.build_status === "running" ? "Building" : t.build_status === "failed" ? "Failed" : t.build_status === "succeeded" ? "Ready" : "Draft";
-}
-function rt(t) {
-  return t.is_live === 1 ? "primary" : t.build_status === "succeeded" ? "success" : t.build_status === "queued" || t.build_status === "running" ? "info" : t.build_status === "failed" ? "error" : "neutral";
-}
-const A = {
-  key: 0,
-  viewBox: "0 0 56 96",
-  class: "h-[72px] w-[42px] shrink-0 rounded-[6px] border border-portal-border-default bg-portal-bg-default",
-  "aria-hidden": "true",
-  focusable: "false"
-}, E = {
-  key: 0,
-  fill: "currentColor",
-  class: "text-fm-color-neutral-gray-300"
-}, B = {
-  key: 1,
-  fill: "currentColor",
-  class: "text-fm-color-neutral-gray-300"
-}, L = {
-  key: 2,
-  fill: "currentColor",
-  class: "text-fm-color-neutral-gray-300"
-}, v = /* @__PURE__ */ k({
-  __name: "AppTemplateThumbnail",
-  props: {
-    restaurantStyle: {}
-  },
-  setup(t) {
-    const d = t, u = x(
-      () => d.restaurantStyle === "qsr" || d.restaurantStyle === "coffee" || d.restaurantStyle === "tea"
-    );
-    return (g, o) => u.value ? (a(), l("svg", A, [
-      t.restaurantStyle === "qsr" ? (a(), l("g", E, [...o[0] || (o[0] = [
-        m('<rect x="6" y="7" width="44" height="6" rx="3"></rect><rect x="6" y="18" width="19" height="18" rx="2"></rect><rect x="31" y="18" width="19" height="18" rx="2"></rect><rect x="6" y="40" width="19" height="18" rx="2"></rect><rect x="31" y="40" width="19" height="18" rx="2"></rect><rect x="6" y="62" width="19" height="18" rx="2"></rect><rect x="31" y="62" width="19" height="18" rx="2"></rect><rect x="6" y="85" width="44" height="7" rx="3.5" class="text-fm-color-neutral-gray-400"></rect>', 8)
-      ])])) : t.restaurantStyle === "coffee" ? (a(), l("g", B, [...o[1] || (o[1] = [
-        m('<rect x="6" y="7" width="44" height="30" rx="3"></rect><rect x="6" y="43" width="26" height="4" rx="2"></rect><rect x="6" y="53" width="44" height="12" rx="2"></rect><rect x="6" y="69" width="44" height="12" rx="2"></rect><rect x="6" y="87" width="18" height="4" rx="2"></rect>', 5)
-      ])])) : (a(), l("g", L, [...o[2] || (o[2] = [
-        m('<rect x="6" y="7" width="44" height="5" rx="2.5"></rect><rect x="6" y="17" width="44" height="9" rx="2"></rect><rect x="6" y="28" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="18" y="28" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="30" y="28" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="6" y="38" width="44" height="9" rx="2"></rect><rect x="6" y="49" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="18" y="49" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="6" y="59" width="44" height="9" rx="2"></rect><rect x="6" y="70" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="18" y="70" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="30" y="70" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="6" y="80" width="44" height="9" rx="2"></rect>', 13)
-      ])]))
-    ])) : p("", !0);
-  }
-}), N = {
-  key: 0,
-  class: "rounded-lg border border-portal-border-default bg-portal-bg-default p-16"
-}, T = { class: "mt-12 flex items-start gap-12" }, q = { class: "min-w-0 max-w-[640px] flex-1" }, $ = { class: "m-0 fm-typo-en-body-md-600 text-portal-text-primary" }, D = { class: "m-0 mt-4 fm-typo-en-body-sm-400 text-portal-text-muted" }, R = {
-  key: 1,
-  class: "rounded-lg border border-portal-border-default bg-portal-bg-default p-16"
-}, P = { class: "mt-12 max-w-[640px]" }, F = {
-  key: 0,
-  class: "m-0 mb-8 fm-typo-en-body-sm-600 uppercase tracking-wide text-portal-text-muted"
-}, I = { class: "flex flex-col gap-8" }, j = ["aria-checked", "disabled", "onClick"], z = {
-  key: 0,
-  class: "h-[6px] w-[6px] rounded-full bg-portal-bg-default"
-}, H = { class: "min-w-0 max-w-[640px] flex-1" }, M = { class: "flex flex-wrap items-center gap-8" }, Q = { class: "fm-typo-en-body-md-600 text-portal-text-primary" }, U = {
-  key: 0,
-  class: "rounded-full bg-portal-bg-canvas px-8 py-[2px] fm-typo-en-body-sm-400 text-portal-text-muted"
-}, W = { class: "mt-4 block fm-typo-en-body-sm-400 text-portal-text-muted" }, st = /* @__PURE__ */ k({
-  __name: "AppTemplatePicker",
-  props: {
-    templates: {},
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(t, { emit: d }) {
-    const u = t, g = d, o = x(() => u.templates.length > 1), f = x(() => u.templates.length === 1 ? u.templates[0] : null), S = x(() => {
-      const c = [], n = /* @__PURE__ */ new Map();
-      for (const r of u.templates) {
-        if (!r.industries.length) {
-          c.push(r);
-          continue;
-        }
-        for (const i of r.industries) {
-          const s = n.get(i) ?? [];
-          s.push(r), n.set(i, s);
-        }
-      }
-      return [
-        ...c.length ? [{ label: null, templates: c }] : [],
-        ...[...n.entries()].sort(([r], [i]) => r.localeCompare(i)).map(([r, i]) => ({ label: r, templates: i }))
-      ];
-    });
-    function V(c) {
-      u.disabled || g("update:modelValue", c);
-    }
-    return (c, n) => f.value ? (a(), l("section", N, [
-      n[0] || (n[0] = e("p", { class: "m-0 fm-typo-en-body-md-600 text-portal-text-primary" }, "App template", -1)),
-      e("div", T, [
-        b(v, {
-          "restaurant-style": f.value.restaurantStyle
-        }, null, 8, ["restaurant-style"]),
-        e("div", q, [
-          e("p", $, h(f.value.label), 1),
-          e("p", D, h(f.value.description), 1)
-        ])
-      ])
-    ])) : o.value ? (a(), l("section", R, [
-      n[1] || (n[1] = e("p", { class: "m-0 fm-typo-en-body-md-600 text-portal-text-primary" }, "App template", -1)),
-      n[2] || (n[2] = e("p", { class: "m-0 mt-4 fm-typo-en-body-sm-400 text-portal-text-muted" }, " Choose how this app looks and works for your customers. This cannot be changed after setup. ", -1)),
-      e("div", P, [
-        (a(!0), l(w, null, _(S.value, (r, i) => (a(), l("div", {
-          key: r.label ?? "__general",
-          role: "radiogroup",
-          "aria-label": "App template",
-          class: y(i === 0 ? "" : "mt-16")
-        }, [
-          r.label ? (a(), l("p", F, h(r.label), 1)) : p("", !0),
-          e("div", I, [
-            (a(!0), l(w, null, _(r.templates, (s) => (a(), l("button", {
-              key: s.id,
-              type: "button",
-              role: "radio",
-              "aria-checked": t.modelValue === s.id,
-              disabled: t.disabled,
-              class: y([
-                "flex w-full cursor-pointer items-start gap-12 rounded-lg border p-12 text-left transition disabled:cursor-not-allowed disabled:opacity-60",
-                t.modelValue === s.id ? "border-fm-color-primary bg-fm-color-primary-50" : "border-fm-color-neutral-gray-200 bg-fm-color-neutral-white hover:border-fm-color-neutral-gray-300"
-              ]),
-              onClick: (G) => V(s.id)
-            }, [
-              e("span", {
-                class: y([
-                  "mt-[2px] flex h-16 w-16 shrink-0 items-center justify-center rounded-full border",
-                  t.modelValue === s.id ? "border-fm-color-primary bg-fm-color-primary" : "border-fm-color-neutral-gray-300 bg-fm-color-neutral-white"
-                ])
-              }, [
-                t.modelValue === s.id ? (a(), l("span", z)) : p("", !0)
-              ], 2),
-              b(v, {
-                "restaurant-style": s.restaurantStyle
-              }, null, 8, ["restaurant-style"]),
-              e("span", H, [
-                e("span", M, [
-                  e("span", Q, h(s.label), 1),
-                  s.default ? (a(), l("span", U, " Default ")) : p("", !0)
-                ]),
-                e("span", W, h(s.description), 1)
-              ])
-            ], 10, j))), 128))
-          ])
-        ], 2))), 128))
-      ])
-    ])) : p("", !0);
-  }
-});
-export {
-  st as _,
-  rt as a,
-  et as b,
-  O as c,
-  X as d,
-  Y as e,
-  Z as p,
-  tt as r,
-  K as s
-};