@feedmepos/mf-miniprogram-v2 0.2.5-dev.2 → 0.2.6-dev.0

package/dist/MobileProjectsView-DW2BNTNc.js

@@ -0,0 +1,224 @@
+import { defineComponent as V, ref as w, computed as C, h as o, withModifiers as j, onMounted as q, onScopeDispose as B, resolveComponent as S, openBlock as r, createElementBlock as n, createElementVNode as a, createTextVNode as I, toDisplayString as M, createCommentVNode as P, createBlock as D, createVNode as _, unref as h } from "vue";
+import { useRoute as R, useRouter as A } from "vue-router";
+import { components as T, useDialog as $ } from "@feedmepos/ui-library";
+import { a as E } from "./routes-CeuodIgg.js";
+import { c as O, e as U } from "./controlPlane-CDopeXyb.js";
+import { u as Y } from "./portalContext-IOgByqvZ.js";
+import { w as u } from "./portalNavigation-DKCfwTH8.js";
+import { p as G, M as H } from "./MobileProjectDialog-mNUZfDy7.js";
+import { _ as k } from "./StatusBadge.vue_vue_type_script_setup_true_lang-CMgQ0bd_.js";
+import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const K = { class: "portal-page" }, Q = { class: "portal-page-inner" }, W = { class: "portal-page-heading" }, X = {
+  key: 0,
+  class: "mobile-projects__count"
+}, Z = {
+  key: 0,
+  class: "portal-error",
+  role: "alert"
+}, ee = {
+  key: 1,
+  role: "status"
+}, te = {
+  key: 2,
+  class: "portal-empty"
+}, oe = {
+  key: 3,
+  class: "rounded-2xl border border-portal-border-default bg-portal-bg-default",
+  "aria-label": "Mobile projects"
+}, re = /* @__PURE__ */ V({
+  __name: "MobileProjectsView",
+  setup(ae) {
+    const { FmButton: m } = T, x = Y(), s = R(), i = A(), v = $(), l = w([]), p = w(!0), c = w(""), f = new AbortController();
+    async function g() {
+      p.value = !0, c.value = "";
+      try {
+        const t = await O(E.projects(x.businessId.value), {
+          signal: f.signal
+        });
+        l.value = t.projects;
+      } catch (t) {
+        f.signal.aborted || (c.value = U(t));
+      } finally {
+        p.value = !1;
+      }
+    }
+    function d(t) {
+      v.open({
+        title: t ? "Project settings" : "New Mobile project",
+        dialogComponent: H,
+        dialogComponentProps: {
+          businessId: x.businessId.value,
+          projectId: t == null ? void 0 : t.projectId,
+          initialName: t == null ? void 0 : t.name,
+          onClose: () => v.close(),
+          onSaved: (e) => {
+            v.close(), t ? g() : i.push(u(e.projectId, "workspace", { ...s.query, setup: "1" }));
+          }
+        }
+      });
+    }
+    function z(t) {
+      return new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(t));
+    }
+    const N = C(() => [
+      {
+        id: "project",
+        header: () => "Project",
+        cell: (t) => {
+          const e = t.row.original;
+          return o("div", { class: "flex min-w-0 flex-col gap-2" }, [
+            o("span", { class: "truncate fm-typo-en-body-md-600 text-portal-text-primary" }, e.name),
+            o(
+              "span",
+              { class: "fm-typo-en-body-sm-400 text-portal-text-muted", title: e.projectId },
+              `…${e.projectId.slice(-6)}`
+            )
+          ]);
+        }
+      },
+      {
+        id: "setup",
+        header: () => "Setup",
+        size: 130,
+        enableSorting: !1,
+        cell: (t) => o(
+          k,
+          { variant: t.row.original.provisioningStatus === "failed" ? "error" : "neutral", size: "sm" },
+          () => G(t.row.original.provisioningStatus)
+        )
+      },
+      {
+        id: "live",
+        header: () => "Live",
+        size: 200,
+        enableSorting: !1,
+        // Badges only. The muted sentence this replaces ("Unpublished release
+        // available") was the one thing in the row set in prose, and prose in a 200px
+        // column wraps — which is what made the cell look crowded. The state it
+        // carried is worth keeping, so it becomes a second tag rather than going away:
+        // it is the only place in this list that shows a merchant they have work built
+        // and waiting to go live.
+        //
+        // Nothing is rendered for a project with no pending release. That is the
+        // resting state of most rows, and a tag saying so would be back to filling the
+        // column with "nothing happened".
+        cell: (t) => {
+          const e = t.row.original;
+          return o("div", { class: "flex flex-wrap items-center gap-4" }, [
+            // "Live project" in a column headed Live said the word twice, and cost the
+            // width that made the line below it wrap.
+            o(
+              k,
+              { variant: e.isLive ? "success" : "neutral", size: "sm" },
+              () => e.isLive ? "Live" : "Not live"
+            ),
+            // `=== true` rather than truthiness: the field is optional in the contract,
+            // and an absent value means the state is unknown, not that it is false.
+            // This endpoint always sends a boolean, so that is a contract-level
+            // possibility rather than one a merchant meets.
+            e.hasUnpublishedRelease === !0 ? o(
+              k,
+              { variant: "warning", size: "sm", title: "A release is built and waiting to be published" },
+              () => "Unpublished"
+            ) : null
+          ]);
+        }
+      },
+      {
+        id: "updatedAt",
+        header: () => "Last edited",
+        size: 170,
+        enableSorting: !1,
+        cell: (t) => o("span", { class: "fm-typo-en-body-sm-400 text-portal-text-muted" }, z(t.row.original.updatedAt))
+      },
+      {
+        id: "actions",
+        header: () => "",
+        size: 340,
+        enableSorting: !1,
+        cell: (t) => {
+          const e = t.row.original;
+          return o("div", { class: "flex flex-wrap items-center justify-end gap-4" }, [
+            e.provisioningStatus === "ready" ? o(m, {
+              icon: "deployed_code",
+              variant: "tertiary",
+              title: "View releases",
+              onClick: j(
+                () => i.push(u(e.projectId, "releases", s.query)),
+                ["stop"]
+              )
+            }) : null,
+            o(m, {
+              label: "Rename",
+              variant: "tertiary",
+              onClick: j(() => d(e), ["stop"])
+            }),
+            o(m, {
+              label: e.provisioningStatus === "ready" ? "Open editor" : "Continue setup",
+              variant: "secondary",
+              onClick: j(
+                () => i.push(u(e.projectId, "workspace", s.query)),
+                ["stop"]
+              )
+            })
+          ]);
+        }
+      }
+    ]), F = C(() => !p.value && l.value.length > 0);
+    return q(() => {
+      if (g(), s.query.create === "1") {
+        const { create: t, ...e } = s.query;
+        i.replace({ query: e }), d();
+      }
+    }), B(() => f.abort()), (t, e) => {
+      const b = S("FmButton"), L = S("FmTable");
+      return r(), n("div", K, [
+        a("div", Q, [
+          a("header", W, [
+            a("div", null, [
+              e[4] || (e[4] = a("p", { class: "portal-eyebrow" }, "Mobile Ordering", -1)),
+              a("h1", null, [
+                e[3] || (e[3] = I("Projects ", -1)),
+                p.value ? P("", !0) : (r(), n("span", X, M(l.value.length), 1))
+              ])
+            ]),
+            F.value ? (r(), D(b, {
+              key: 0,
+              label: "New project",
+              icon: "add",
+              onClick: e[0] || (e[0] = (y) => d())
+            })) : P("", !0)
+          ]),
+          c.value ? (r(), n("p", Z, [
+            I(M(c.value) + " ", 1),
+            _(b, {
+              label: "Retry",
+              variant: "tertiary",
+              onClick: g
+            })
+          ])) : p.value ? (r(), n("p", ee, "Loading projects…")) : l.value.length ? (r(), n("section", oe, [
+            _(L, {
+              "column-defs": N.value,
+              "row-data": l.value,
+              "page-size": l.value.length,
+              "hide-footer": "",
+              "pin-header-row": "",
+              onRowClick: e[2] || (e[2] = (y) => h(i).push(h(u)(y.original.projectId, "workspace", h(s).query)))
+            }, null, 8, ["column-defs", "row-data", "page-size"])
+          ])) : (r(), n("section", te, [
+            e[5] || (e[5] = a("h2", null, "Your first Mobile project", -1)),
+            e[6] || (e[6] = a("p", null, "Create an app from a template to start editing.", -1)),
+            _(b, {
+              label: "New project",
+              icon: "add",
+              onClick: e[1] || (e[1] = (y) => d())
+            })
+          ]))
+        ])
+      ]);
+    };
+  }
+}), fe = /* @__PURE__ */ J(re, [["__scopeId", "data-v-cda36ac2"]]);
+export {
+  fe as default
+};

package/dist/{ModuleCenterView-C6mCPATr.js → ModuleCenterView-BBaQu0Pm.js}

@@ -1,7 +1,7 @@
 import { defineComponent as F, openBlock as e, createElementBlock as n, createElementVNode as o, toDisplayString as d, createCommentVNode as k, ref as w, computed as m, onMounted as q, resolveComponent as f, createVNode as p, unref as i, Fragment as v, renderList as b, normalizeClass as A, createBlock as y, withCtx as R } from "vue";
 import { useRoute as z } from "vue-router";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u as D, c as G, f as K, _ as h, t as O } from "./useModuleCatalog-Cep-pzWO.js";
+import { u as D, c as G, f as K, _ as h, t as O } from "./useModuleCatalog-B_6PWpER.js";
 const P = { class: "card" }, U = { class: "card__head" }, j = { class: "card__name fm-typo-en-body-md-600 text-portal-text-primary" }, H = { class: "card__version fm-typo-en-body-sm-400 text-portal-text-muted" }, J = { class: "card__description fm-typo-en-body-sm-400 text-portal-text-muted" }, Q = { class: "card__tags" }, W = { class: "card__tag card__tag--tier fm-typo-en-body-sm-600" }, X = {
   key: 0,
   class: "card__tag card__tag--slot fm-typo-en-body-sm-400"

package/dist/{ModuleDetailView-CSfMF0Uo.js → ModuleDetailView-ChrsLmJa.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-B_6PWpER.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-B1uTuHsK.js → PagesView-CPYtQtsx.js}

@@ -1,6 +1,6 @@
 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 { u as g } from "./portalContext-IOgByqvZ.js";
 import { w as f } from "./portalNavigation-DKCfwTH8.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({

package/dist/{PortalSettingsView-CUOL2tdF.js → PortalSettingsView-C60zqwk0.js}

@@ -1,9 +1,9 @@
 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 { l as B, e as E } from "./controlPlane-CDopeXyb.js";
 import { useCoreStore as F } from "@feedmepos/mf-common";
-import { u as U } from "./portalContext-DV-6uUwp.js";
+import { u as U } from "./portalContext-IOgByqvZ.js";
 import { l as V } from "./portalNavigation-DKCfwTH8.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 = {

package/dist/{TemplateCenterView-DqZLthqh.js → TemplateCenterView-Da9HzssA.js}

@@ -2,7 +2,7 @@ import { defineComponent as B, ref as o, computed as K, resolveComponent as F, o
 import { a as k } from "./routes-CeuodIgg.js";
 import { useDialog as Z } from "@feedmepos/ui-library";
 import { useRouter as ee } from "vue-router";
-import { c as C, e as T } from "./controlPlane-sXaC6pAh.js";
+import { c as C, e as T } from "./controlPlane-CDopeXyb.js";
 import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const te = ["href"], ae = {
   key: 0,

package/dist/{WorkspaceEntryView-BNl0REzn.js → WorkspaceEntryView-DE82gwZH.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, watchEffect as a, openBlock as n, createElementBlock as p } from "vue";
 import { useRoute as u, useRouter as i } from "vue-router";
-import { u as l } from "./portalContext-DV-6uUwp.js";
+import { u as l } from "./portalContext-IOgByqvZ.js";
 import { w as m, a as f } from "./portalNavigation-DKCfwTH8.js";
 const _ = {
   class: "portal-loading",

package/dist/{adminAccess-oXC0xjvK.js → adminAccess-Cy0P9Hg-.js}

@@ -1,6 +1,6 @@
 import { a as o } from "./routes-CeuodIgg.js";
 import { ref as i } from "vue";
-import { c as u } from "./controlPlane-sXaC6pAh.js";
+import { c as u } from "./controlPlane-CDopeXyb.js";
 function s(t, e) {
   if (typeof window > "u") return e;
   try {

package/dist/app.js

@@ -4,42 +4,42 @@ const o = [
     path: "/platforms/mobile",
     name: "miniprogram-v2-mobile-projects",
     meta: { title: "Mobile" },
-    component: () => import("./MobileProjectsView-C9ryhzA8.js")
+    component: () => import("./MobileProjectsView-DW2BNTNc.js")
   },
   {
     path: "/",
     name: "miniprogram-v2-ecosystem",
     meta: { title: "Ecosystem" },
     beforeEnter: (e) => ["workspace", "releases", "sessions"].includes(String(e.query.view)) ? { name: "miniprogram-v2-control", query: e.query } : !0,
-    component: () => import("./EcosystemView-WvdpEdkW.js")
+    component: () => import("./EcosystemView-BG3Gba74.js")
   },
   {
     path: "/workspace",
     name: "miniprogram-v2-control",
-    component: () => import("./WorkspaceEntryView-BNl0REzn.js")
+    component: () => import("./WorkspaceEntryView-DE82gwZH.js")
   },
   {
     path: "/p/:projectId/:view(workspace|releases|sessions)?",
     name: "miniprogram-v2-project",
-    component: () => import("./ControlPlaneView-DUpgbU4h.js")
+    component: () => import("./ControlPlaneView-BGKGx1gE.js")
   },
   {
     path: "/brand-kit",
     name: "miniprogram-v2-brand-kit",
     meta: { title: "Brand Kit" },
-    component: () => import("./BrandKitView-Dlt_ifI0.js")
+    component: () => import("./BrandKitView-HqIYrYNt.js")
   },
   {
     path: "/pages",
     name: "miniprogram-v2-pages",
     meta: { title: "Pages" },
-    component: () => import("./PagesView-B1uTuHsK.js")
+    component: () => import("./PagesView-CPYtQtsx.js")
   },
   {
     path: "/settings",
     name: "miniprogram-v2-settings",
     meta: { title: "Settings" },
-    component: () => import("./PortalSettingsView-CUOL2tdF.js")
+    component: () => import("./PortalSettingsView-C60zqwk0.js")
   },
   ...["tablet", "kiosk"].map((e) => ({
     path: `/platforms/${e}`,
@@ -53,7 +53,7 @@ const o = [
     path: "/modules",
     name: "miniprogram-v2-module-center",
     meta: { title: "Module library" },
-    component: () => import("./ModuleCenterView-C6mCPATr.js")
+    component: () => import("./ModuleCenterView-BBaQu0Pm.js")
   },
   {
     // Keyed by the module's directory name, which is what the catalog, the
@@ -61,7 +61,7 @@ const o = [
     path: "/modules/:name",
     name: "miniprogram-v2-module-detail",
     meta: { title: "Module library" },
-    component: () => import("./ModuleDetailView-CSfMF0Uo.js")
+    component: () => import("./ModuleDetailView-ChrsLmJa.js")
   },
   {
     // Internal-only: linked from the main nav (App.vue), but only once
@@ -72,13 +72,13 @@ const o = [
     path: "/internal/template-center",
     name: "miniprogram-v2-template-center",
     meta: { title: "Template library", requiresAdmin: !0 },
-    component: () => import("./TemplateCenterView-DqZLthqh.js")
+    component: () => import("./TemplateCenterView-Da9HzssA.js")
   },
   {
     path: "/:pathMatch(.*)*",
     redirect: (e) => ({ name: "miniprogram-v2-ecosystem", query: e.query, params: {} })
   }
-], r = {}, a = t(() => import("./App-BCcQdudu.js")), i = t(() => import("./LegacyWorkspaceEntry-lEMtmdIe.js"));
+], r = {}, a = t(() => import("./App-B8Qhgf0V.js")), i = t(() => import("./LegacyWorkspaceEntry-lEMtmdIe.js"));
 export {
   a as FmApp,
   i as MiniprogramWorkspace,

package/dist/{controlPlane-sXaC6pAh.js → controlPlane-CDopeXyb.js}

@@ -126,15 +126,15 @@ async function I(e, n = {}) {
 }
 export {
   T as C,
-  $ as a,
-  x as b,
+  x as a,
+  P as b,
   b as c,
-  P as d,
+  y as d,
   F as e,
-  y as f,
-  E as g,
-  u as h,
-  C as i,
+  E as f,
+  u as g,
+  C as h,
+  $ as i,
   D as j,
   k,
   i as l,

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-miniprogram-v2",
-  "version": "0.2.5-dev.2",
+  "version": "0.2.6-dev.0",
   "type": "module",
   "publishConfig": {
     "access": "public",

package/dist/{portalContext-DV-6uUwp.js → portalContext-IOgByqvZ.js}

@@ -1,6 +1,6 @@
 import { a as b } from "./routes-CeuodIgg.js";
 import { useCoreStore as d } from "@feedmepos/mf-common";
-import { c as g, e as h } from "./controlPlane-sXaC6pAh.js";
+import { c as g, e as h } from "./controlPlane-CDopeXyb.js";
 import { provide as y, computed as f, ref as c, watch as C, onScopeDispose as w, inject as x } from "vue";
 function P() {
   const e = d(), r = f(() => {