@feedmepos/mf-miniprogram-v2 0.2.2-dev.9 → 0.2.2

package/dist/templatePickerFlag-CosY_15R.js

@@ -0,0 +1,13 @@
+const t = "templatePicker";
+function a() {
+  if (typeof window > "u") return !1;
+  try {
+    const e = new URLSearchParams(window.location.search).get(t);
+    return e !== null && e !== "0" && e !== "false";
+  } catch {
+    return !1;
+  }
+}
+export {
+  a as t
+};

package/dist/{useBrandKit-BlKlqpo2.js → useBrandKit-CKN2zLC8.js}

@@ -1,6 +1,6 @@
-import { a as jt, e as xt } from "./index-D5qXvcfE.js";
+import { a as jt, e as xt } from "./index-CIJWcl_6.js";
 import { computed as nt, reactive as Et } from "vue";
-import { h as x, e as ot } from "./controlPlane-CoEgf9BA.js";
+import { h as x, e as ot } from "./controlPlane-DT3t_ftg.js";
 import { useCoreStore as At } from "@feedmepos/mf-common";
 const it = [
   "Inter",
@@ -796,7 +796,7 @@ function ye(e) {
   return `#${s}${s}${r}${r}${n}${n}`;
 }
 function oe() {
-  return jt(xt("fmmf:dev")).apiOrigin;
+  return jt(xt("fmmf:prod")).apiOrigin;
 }
 function st(e) {
   return `${oe()}/metadata/${e}/brandkit`;

package/dist/{useModuleCatalog-CkNuZzNM.js → useModuleCatalog-B9HXHA-e.js}

@@ -1,9 +1,9 @@
 import { defineComponent as x, resolveComponent as p, openBlock as u, createElementBlock as h, createVNode as E, createElementVNode as P, normalizeClass as F, toDisplayString as v, createCommentVNode as g, createBlock as L, shallowReadonly as r, ref as s } from "vue";
-import { a as w } from "./routes-Boz_WlNM.js";
-import { c as M, e as y, m as $ } from "./controlPlane-CoEgf9BA.js";
+import { a as w } from "./routes-CeuodIgg.js";
+import { c as M, e as y, m as $ } from "./controlPlane-DT3t_ftg.js";
 const I = { class: "flex min-h-0 flex-1 flex-col items-center justify-center gap-8 p-24 text-center" }, T = {
   key: 0,
-  class: "m-0 max-w-[46ch] fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
+  class: "m-0 max-w-[46ch] fm-typo-en-body-sm-400 text-portal-text-muted"
 }, j = /* @__PURE__ */ x({
   __name: "ModuleEmptyState",
   props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-miniprogram-v2",
-  "version": "0.2.2-dev.9",
+  "version": "0.2.2",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -52,6 +52,7 @@
     "vue-router": "^4.6.4"
   },
   "devDependencies": {
+    "@tanstack/vue-table": "8.21.3",
     "@tsconfig/node20": "^20.1.6",
     "@types/node": "^24.13.2",
     "@vitejs/plugin-vue": "^5.0.4",

package/dist/App-BtDqnBq4.js

@@ -1,193 +0,0 @@
-import { defineComponent as j, computed as y, ref as P, onMounted as z, onBeforeUnmount as K, resolveComponent as f, openBlock as s, createElementBlock as i, Fragment as S, createElementVNode as a, normalizeClass as M, createVNode as t, renderList as h, unref as l, withCtx as u, toDisplayString as d, createCommentVNode as N, createBlock as V } from "vue";
-import { useRoute as A, RouterView as O } from "vue-router";
-import { useCoreStore as $ } from "@feedmepos/mf-common";
-import { P as c } from "./PortalIcon-DO0VrIoY.js";
-import { p as D } from "./portalContext-C4HL_0kl.js";
-import { p as v } from "./portalNavigation-DOF4Ah49.js";
-import { r as w, w as q } from "./localPreference-DneUpUrQ.js";
-import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Q = {
-  class: "portal-sidebar",
-  "aria-label": "Mini Program navigation"
-}, U = ["aria-expanded", "aria-label"], H = {
-  id: "miniprogram-navigation",
-  class: "portal-nav"
-}, J = { class: "portal-nav-label" }, W = { class: "portal-nav-label" }, X = { class: "portal-main" }, Y = {
-  key: 0,
-  class: "portal-breadcrumb",
-  "aria-label": "Breadcrumb"
-}, Z = {
-  id: "miniprogram-content",
-  class: "portal-content",
-  tabindex: "-1"
-}, ee = {
-  key: 0,
-  class: "portal-empty"
-}, ae = {
-  key: 1,
-  class: "portal-loading",
-  role: "status"
-}, le = {
-  key: 2,
-  class: "portal-empty",
-  role: "alert"
-}, oe = /* @__PURE__ */ j({
-  __name: "App",
-  setup(te) {
-    const r = A(), k = $(), n = D(), p = y(() => r.name === "miniprogram-v2-project"), b = P(
-      w(
-        "mpv2:portal-collapsed",
-        typeof window < "u" && window.matchMedia("(max-width: 1000px)").matches
-      )
-    ), g = P(w("mpv2:editor-collapsed", !0)), _ = y(() => p.value ? g.value : b.value), B = y(
-      () => {
-        var C;
-        return p.value ? (C = n.context.value) == null ? void 0 : C.project.name : String(r.meta.title ?? "Ecosystem");
-      }
-    ), F = [
-      { name: "miniprogram-v2-ecosystem", label: "Ecosystem", icon: "ecosystem" },
-      { name: "miniprogram-v2-brand-kit", label: "Brand Kit", icon: "brand" },
-      { name: "miniprogram-v2-pages", label: "Pages", icon: "pages" }
-    ], I = y(() => ({ name: "miniprogram-v2-mobile-projects", query: v(r.query) }));
-    let x = !1;
-    z(() => {
-      x = k.hideSidebar.value, k.hideSidebar.value = !0;
-    }), K(() => {
-      k.hideSidebar.value = x;
-    });
-    function L() {
-      p.value ? (g.value = !g.value, q("mpv2:editor-collapsed", g.value)) : (b.value = !b.value, q("mpv2:portal-collapsed", b.value));
-    }
-    return (C, e) => {
-      const m = f("RouterLink"), R = f("FmIcon"), E = f("FmCircularProgress"), T = f("FmButton");
-      return s(), i(S, null, [
-        e[11] || (e[11] = a("link", {
-          href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0..1,0",
-          rel: "stylesheet"
-        }, null, -1)),
-        a("div", {
-          class: M(["mpv2-app portal-shell", { "portal-shell--collapsed": _.value }])
-        }, [
-          e[10] || (e[10] = a("a", {
-            class: "portal-skip",
-            href: "#miniprogram-content"
-          }, "Skip to content", -1)),
-          a("aside", Q, [
-            a("button", {
-              class: "portal-sidebar-toggle",
-              type: "button",
-              "aria-expanded": !_.value,
-              "aria-controls": "miniprogram-navigation",
-              "aria-label": _.value ? "Expand navigation" : "Collapse navigation",
-              onClick: L
-            }, [
-              t(c, { name: "collapse" }),
-              e[0] || (e[0] = a("span", { class: "portal-nav-label" }, "Mini Program", -1))
-            ], 8, U),
-            a("nav", H, [
-              (s(), i(S, null, h(F, (o) => t(m, {
-                key: o.name,
-                to: { name: o.name, query: l(v)(l(r).query) },
-                class: "portal-nav-item",
-                title: o.label,
-                "aria-label": o.label,
-                "aria-current": l(r).name === o.name ? "page" : void 0
-              }, {
-                default: u(() => [
-                  t(c, {
-                    name: o.icon
-                  }, null, 8, ["name"]),
-                  a("span", J, d(o.label), 1)
-                ]),
-                _: 2
-              }, 1032, ["to", "title", "aria-label", "aria-current"])), 64)),
-              e[3] || (e[3] = a("p", { class: "portal-nav-caption" }, "Platforms", -1)),
-              t(m, {
-                to: I.value,
-                class: M(["portal-nav-item", { "router-link-active": p.value }]),
-                title: "Mobile Ordering",
-                "aria-label": "Mobile Ordering",
-                "aria-current": p.value ? "page" : void 0
-              }, {
-                default: u(() => [
-                  t(c, { name: "mobile" }),
-                  e[1] || (e[1] = a("span", { class: "portal-nav-label" }, "Mobile Ordering", -1))
-                ]),
-                _: 1
-              }, 8, ["to", "class", "aria-current"]),
-              (s(), i(S, null, h(["tablet", "kiosk"], (o) => t(m, {
-                key: o,
-                to: { name: `miniprogram-v2-${o}`, query: l(v)(l(r).query) },
-                class: "portal-nav-item",
-                title: o === "tablet" ? "Tablet" : "Kiosk",
-                "aria-label": o === "tablet" ? "Tablet" : "Kiosk"
-              }, {
-                default: u(() => [
-                  t(c, { name: o }, null, 8, ["name"]),
-                  a("span", W, d(o === "tablet" ? "Tablet" : "Kiosk"), 1)
-                ]),
-                _: 2
-              }, 1032, ["to", "title", "aria-label"])), 64)),
-              e[4] || (e[4] = a("div", { class: "portal-nav-divider" }, null, -1)),
-              t(m, {
-                to: { name: "miniprogram-v2-module-center", query: l(v)(l(r).query) },
-                class: M(["portal-nav-item", { "router-link-active": l(r).name === "miniprogram-v2-module-detail" }]),
-                title: "Module library",
-                "aria-label": "Module library"
-              }, {
-                default: u(() => [
-                  t(R, {
-                    name: "widgets",
-                    size: "md"
-                  }),
-                  e[2] || (e[2] = a("span", { class: "portal-nav-label" }, "Module library", -1))
-                ]),
-                _: 1
-              }, 8, ["to", "class"])
-            ]),
-            t(m, {
-              to: { name: "miniprogram-v2-settings", query: l(v)(l(r).query) },
-              class: "portal-nav-item portal-settings-link",
-              title: "Settings",
-              "aria-label": "Settings"
-            }, {
-              default: u(() => [
-                t(c, { name: "settings" }),
-                e[5] || (e[5] = a("span", { class: "portal-nav-label" }, "Settings", -1))
-              ]),
-              _: 1
-            }, 8, ["to"])
-          ]),
-          a("div", X, [
-            p.value ? N("", !0) : (s(), i("header", Y, [
-              a("span", null, d(l(n).businessName.value), 1),
-              e[6] || (e[6] = a("span", { "aria-hidden": "true" }, "/", -1)),
-              a("span", null, d(B.value), 1)
-            ])),
-            a("div", Z, [
-              l(n).businessId.value ? l(n).loading.value ? (s(), i("div", ae, [
-                t(E, { size: "xl" }),
-                e[8] || (e[8] = a("span", null, "Loading your Mini Program…", -1))
-              ])) : l(n).error.value ? (s(), i("section", le, [
-                e[9] || (e[9] = a("h1", null, "Could not open this Mini Program", -1)),
-                a("p", null, d(l(n).error.value), 1),
-                t(T, {
-                  label: "Try again",
-                  onClick: l(n).refresh
-                }, null, 8, ["onClick"])
-              ])) : (s(), V(l(O), {
-                key: `${l(n).businessId.value}:${l(r).params.projectId ?? String(l(r).name)}`
-              })) : (s(), i("section", ee, [...e[7] || (e[7] = [
-                a("h1", null, "Select a business", -1),
-                a("p", null, "Choose a business in the Portal header to open its Mini Program.", -1)
-              ])]))
-            ])
-          ])
-        ], 2)
-      ], 64);
-    };
-  }
-}), ce = /* @__PURE__ */ G(oe, [["__scopeId", "data-v-930b981c"]]);
-export {
-  ce as default
-};

package/dist/BrandFontPicker-CyLbp5nr.js

@@ -1,240 +0,0 @@
-import { defineComponent as oe, ref as n, computed as S, watch as N, resolveComponent as K, openBlock as s, createElementBlock as i, withKeys as T, withModifiers as $, createElementVNode as a, toDisplayString as b, createVNode as E, withCtx as R, normalizeStyle as P, withDirectives as z, vModelText as L, Fragment as j, renderList as te, createCommentVNode as p, unref as A, createBlock as ae, createTextVNode as W, nextTick as le } from "vue";
-import { G, f as ne, b as m, l as se } from "./useBrandKit-BlKlqpo2.js";
-import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ie = ["onKeydown"], ue = { class: "font-picker__label" }, de = ["disabled", "aria-label", "aria-expanded"], ce = ["onKeydown", "aria-label"], pe = {
-  key: 0,
-  class: "font-picker__muted"
-}, ve = ["aria-pressed", "onClick"], me = { key: 0 }, fe = { key: 1 }, ye = {
-  key: 0,
-  class: "font-picker__muted",
-  role: "status"
-}, _e = { class: "font-picker__preview" }, ke = { class: "font-picker__muted" }, be = {
-  key: 0,
-  class: "font-picker__muted",
-  role: "status"
-}, he = {
-  key: 1,
-  class: "font-picker__muted"
-}, we = {
-  key: 0,
-  class: "font-picker__muted"
-}, ge = /* @__PURE__ */ oe({
-  __name: "BrandFontPicker",
-  props: {
-    modelValue: {},
-    label: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(d, { emit: J }) {
-    const f = d, Q = J, D = n(), h = n(), q = n(), O = n(360), U = n(), I = n(), v = n(!1), w = n(""), l = n(""), M = n("The quick brown fox jumps over the lazy dog. 0123456789"), c = n({}), y = S(
-      () => [
-        { name: "App default", value: "", group: "Defaults" },
-        { name: "System font", value: "system-ui, sans-serif", group: "Defaults" },
-        ...G.map((e) => ({ name: e, value: ne(e), group: "Google Fonts" }))
-      ].filter((e) => e.name.toLowerCase().includes(w.value.trim().toLowerCase()))
-    ), g = S(() => m(f.modelValue || "")), F = S(() => m(l.value)), X = S(
-      () => !!l.value && !G.some((e) => e === F.value) && l.value !== "system-ui, sans-serif"
-    );
-    async function C(e) {
-      if (!(!G.some((o) => o === e) || c.value[e] === "loaded")) {
-        c.value[e] = "loading";
-        try {
-          await se(e), c.value[e] = "loaded";
-        } catch {
-          c.value[e] = "error";
-        }
-      }
-    }
-    N(g, (e) => void C(e), { immediate: !0 }), N(y, (e) => {
-      v.value && e.forEach((o) => void C(o.name));
-    }), N(
-      () => f.disabled,
-      (e) => {
-        e && x();
-      }
-    ), N(() => f.modelValue, x);
-    async function Y(e) {
-      var o, r;
-      v.value = e, e && (O.value = Math.max(320, ((o = D.value) == null ? void 0 : o.getBoundingClientRect().width) || 360), l.value = f.modelValue || "", w.value = "", v.value = !0, y.value.forEach((u) => void C(u.name)), await le(), (r = I.value) == null || r.focus());
-    }
-    function x() {
-      var e;
-      v.value = !1, (e = q.value) == null || e.hide();
-    }
-    function V() {
-      var e;
-      x(), (e = U.value) == null || e.focus();
-    }
-    function Z() {
-      f.disabled || (Q("update:modelValue", l.value.trim()), V());
-    }
-    function H(e) {
-      var r, u;
-      const o = e.relatedTarget;
-      o && !((r = D.value) != null && r.contains(o)) && !((u = h.value) != null && u.contains(o)) && x();
-    }
-    function ee(e) {
-      var B, t;
-      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) return;
-      const o = [...((B = h.value) == null ? void 0 : B.querySelectorAll("[data-font-option]")) || []];
-      if (!o.length) return;
-      e.preventDefault();
-      const r = o.indexOf(document.activeElement), u = e.key === "Home" ? 0 : e.key === "End" ? o.length - 1 : (r + (e.key === "ArrowDown" ? 1 : -1) + o.length) % o.length;
-      (t = o[u]) == null || t.focus();
-    }
-    return (e, o) => {
-      const r = K("FmIcon"), u = K("FmButton"), B = K("FmPopover");
-      return s(), i("div", {
-        ref_key: "root",
-        ref: D,
-        class: "font-picker",
-        onFocusout: H,
-        onKeydown: T($(V, ["stop", "prevent"]), ["esc"])
-      }, [
-        a("span", ue, b(d.label), 1),
-        E(B, {
-          ref_key: "popover",
-          ref: q,
-          "show-popover": v.value,
-          disabled: d.disabled,
-          onPopoverChanged: Y
-        }, {
-          "popover-button": R(() => [
-            a("button", {
-              ref_key: "trigger",
-              ref: U,
-              type: "button",
-              class: "font-picker__trigger",
-              disabled: d.disabled,
-              "aria-label": `${d.label} font: ${g.value}`,
-              "aria-haspopup": "dialog",
-              "aria-expanded": v.value
-            }, [
-              a("span", {
-                style: P({ fontFamily: d.modelValue || "inherit" })
-              }, b(g.value), 5),
-              E(r, {
-                name: "expand_more",
-                size: "sm"
-              })
-            ], 8, de)
-          ]),
-          default: R(() => [
-            a("div", {
-              ref_key: "menu",
-              ref: h,
-              class: "font-picker__menu",
-              style: P({ width: `${O.value}px` }),
-              onFocusout: H,
-              onKeydown: T($(V, ["stop", "prevent"]), ["esc"]),
-              role: "dialog",
-              "aria-label": `Choose ${d.label.toLowerCase()} font`
-            }, [
-              o[7] || (o[7] = a("span", { class: "font-picker__muted" }, "Fonts available", -1)),
-              z(a("input", {
-                ref_key: "search",
-                ref: I,
-                "onUpdate:modelValue": o[0] || (o[0] = (t) => w.value = t),
-                type: "search",
-                placeholder: "Search fonts",
-                "aria-label": "Search fonts",
-                class: "font-picker__input",
-                onKeydown: o[1] || (o[1] = T($((t) => {
-                  var _, k;
-                  return (k = (_ = h.value) == null ? void 0 : _.querySelector("[data-font-option]")) == null ? void 0 : k.focus();
-                }, ["prevent"]), ["down"]))
-              }, null, 544), [
-                [L, w.value]
-              ]),
-              a("div", {
-                class: "font-picker__options",
-                onKeydown: ee
-              }, [
-                (s(!0), i(j, null, te(y.value, (t, _) => {
-                  var k;
-                  return s(), i(j, {
-                    key: t.name
-                  }, [
-                    _ === 0 || ((k = y.value[_ - 1]) == null ? void 0 : k.group) !== t.group ? (s(), i("p", pe, b(t.group), 1)) : p("", !0),
-                    a("button", {
-                      type: "button",
-                      "data-font-option": "",
-                      class: "font-picker__option",
-                      "aria-pressed": A(m)(l.value) === A(m)(t.value),
-                      onClick: (Fe) => l.value = t.value
-                    }, [
-                      a("span", {
-                        style: P({ fontFamily: t.value || "inherit" })
-                      }, b(t.name), 5),
-                      c.value[t.name] === "loading" ? (s(), i("small", me, "Loading…")) : c.value[t.name] === "error" ? (s(), i("small", fe, "Preview unavailable")) : p("", !0),
-                      A(m)(l.value) === A(m)(t.value) ? (s(), ae(r, {
-                        key: 2,
-                        name: "check",
-                        size: "sm"
-                      })) : p("", !0)
-                    ], 8, ve)
-                  ], 64);
-                }), 128)),
-                y.value.length ? p("", !0) : (s(), i("p", ye, "No fonts found. Try another name."))
-              ], 32),
-              a("div", _e, [
-                a("label", ke, [
-                  W("Preview · " + b(F.value) + " ", 1),
-                  z(a("textarea", {
-                    "onUpdate:modelValue": o[2] || (o[2] = (t) => M.value = t),
-                    rows: "2",
-                    "aria-label": "Font preview text",
-                    style: P({ fontFamily: l.value || "inherit" })
-                  }, null, 4), [
-                    [L, M.value]
-                  ])
-                ]),
-                c.value[F.value] === "error" ? (s(), i("p", be, [
-                  o[5] || (o[5] = W(" Font preview could not load. Showing a fallback font. ", -1)),
-                  a("button", {
-                    type: "button",
-                    class: "font-picker__retry",
-                    onClick: o[3] || (o[3] = (t) => C(F.value))
-                  }, "Retry")
-                ])) : p("", !0),
-                a("details", null, [
-                  o[6] || (o[6] = a("summary", null, "Custom font stack", -1)),
-                  z(a("input", {
-                    "onUpdate:modelValue": o[4] || (o[4] = (t) => l.value = t),
-                    class: "font-picker__input",
-                    "aria-label": "Custom font stack",
-                    placeholder: "App default",
-                    spellcheck: "false"
-                  }, null, 512), [
-                    [L, l.value]
-                  ])
-                ]),
-                X.value ? (s(), i("p", he, "Custom fonts preview only if installed or already loaded.")) : p("", !0)
-              ]),
-              a("footer", null, [
-                E(u, {
-                  label: "Cancel",
-                  variant: "tertiary",
-                  size: "md",
-                  onClick: V
-                }),
-                E(u, {
-                  label: "Apply",
-                  size: "md",
-                  disabled: d.disabled,
-                  onClick: Z
-                }, null, 8, ["disabled"])
-              ])
-            ], 44, ce)
-          ]),
-          _: 1
-        }, 8, ["show-popover", "disabled"]),
-        c.value[g.value] === "error" ? (s(), i("p", we, " Preview unavailable; showing a fallback font. ")) : p("", !0)
-      ], 40, ie);
-    };
-  }
-}), Be = /* @__PURE__ */ re(ge, [["__scopeId", "data-v-ba271d8c"]]);
-export {
-  Be as B
-};