@feedmepos/mf-miniprogram-v2 0.2.2-dev.21 → 0.2.2-dev.22

package/dist/{App-BdvPLQMC.js → App-Ifw6j-OX.js}

@@ -2,9 +2,10 @@ import { defineComponent as N, computed as y, ref as q, onMounted as V, onBefore
 import { useCoreStore as $ } from "@feedmepos/mf-common";
 import { useRoute as D, RouterView as G } from "vue-router";
 import { P as c } from "./PortalIcon-DO0VrIoY.js";
-import { r as I, u as Q, t as U, w as L } from "./templatePickerFlag-BIYWgnaS.js";
-import { p as H } from "./portalContext-BFTX5VVx.js";
+import { r as I, u as Q, w as L } from "./adminAccess-NgYNNa6s.js";
+import { p as U } from "./portalContext-BFTX5VVx.js";
 import { p as d } from "./portalNavigation-DKCfwTH8.js";
+import { t as H } from "./templatePickerFlag-CosY_15R.js";
 import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const W = {
   class: "portal-sidebar",
@@ -34,7 +35,7 @@ const W = {
 }, se = /* @__PURE__ */ N({
   __name: "App",
   setup(ie) {
-    const r = D(), k = $(), s = H(), p = y(() => r.name === "miniprogram-v2-project"), b = q(
+    const r = D(), k = $(), s = U(), p = y(() => r.name === "miniprogram-v2-project"), b = q(
       I(
         "mpv2:portal-collapsed",
         typeof window < "u" && window.matchMedia("(max-width: 1000px)").matches
@@ -48,7 +49,7 @@ const W = {
       { 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" }
-    ], R = y(() => ({ name: "miniprogram-v2-mobile-projects", query: d(r.query) })), z = Q(), A = U();
+    ], R = y(() => ({ name: "miniprogram-v2-mobile-projects", query: d(r.query) })), z = Q(), A = H();
     let M = !1;
     V(() => {
       M = k.hideSidebar.value, k.hideSidebar.value = !0;
@@ -207,7 +208,7 @@ const W = {
       ], 64);
     };
   }
-}), ye = /* @__PURE__ */ J(se, [["__scopeId", "data-v-782c3640"]]);
+}), fe = /* @__PURE__ */ J(se, [["__scopeId", "data-v-782c3640"]]);
 export {
-  ye as default
+  fe as default
 };

package/dist/{ControlPlaneView-l_gDDBtb.js → ControlPlaneView-DsXDkx9a.js}

@@ -10,11 +10,12 @@ import { r as Ul, a as eu, b as tu, s as Ua, c as qa, p as nu, A as ru, d as au,
 import { _ as ql, B as iu } from "./BrandFontPicker-kQKWf1hL.js";
 import { g as lu, C as Ss, F as Ts, u as Es, i as Fl, a as ou, t as cu } from "./useBrandKit-CkdPQRE-.js";
 import { _ as Bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { r as uu, w as du, a as pu, u as fu, t as Fa, b as ii } from "./templatePickerFlag-BIYWgnaS.js";
+import { r as uu, w as du, a as pu, u as fu, b as ii } from "./adminAccess-NgYNNa6s.js";
 import { a as Ve } from "./routes-D6BQSP4i.js";
 import { _ as vn } from "./StatusBadge.vue_vue_type_script_setup_true_lang-CMgQ0bd_.js";
 import { u as hu } from "./portalContext-BFTX5VVx.js";
 import { a as mu, w as gu } from "./portalNavigation-DKCfwTH8.js";
+import { t as Fa } from "./templatePickerFlag-CosY_15R.js";
 import { useRoute as li, useRouter as yu } from "vue-router";
 const bu = "data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='15.7373'%20height='15.7375'%20viewBox='0%200%2015.7373%2015.7375'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%201197147446'%3e%3cpath%20id='Union'%20d='M7.86914%200.0891113C12.2164%200.0891573%2015.7373%201.09311%2015.7373%202.32544V13.5012C15.7373%2014.7335%2012.2164%2015.7375%207.86914%2015.7375C3.52179%2015.7375%200%2014.7336%200%2013.5012V2.32544C0%201.09308%203.52179%200.0891113%207.86914%200.0891113ZM7.86914%201.06665C3.92839%201.06665%201.39098%201.90833%200.984375%202.4104V13.4163C1.39115%2013.9183%203.92857%2014.76%207.86914%2014.76C11.8098%2014.76%2014.3474%2013.9183%2014.7539%2013.4163V2.4104C14.3474%201.90834%2011.8098%201.06669%207.86914%201.06665Z'%20fill='%231C1C1E'/%3e%3cpath%20id='Union_2'%20d='M7.86914%200C12.2163%207.21539e-05%2015.7373%200.998832%2015.7373%202.22363C15.7368%203.44831%2012.2159%204.44622%207.86914%204.44629C3.52211%204.44629%200.000533126%203.44835%200%202.22363C0%200.998788%203.52179%200%207.86914%200ZM7.86914%200.972656C4.14488%200.972656%201.67273%201.71814%201.06934%202.22363C1.67321%202.72264%204.14545%203.47461%207.86914%203.47461C11.5925%203.47455%2014.0641%202.7291%2014.668%202.22363C14.0646%201.71816%2011.5931%200.972719%207.86914%200.972656Z'%20fill='%231C1C1E'/%3e%3cpath%20id='Vector'%20d='M14.8687%2010.3687C13.8314%2011.2448%2011.0861%2011.8687%207.85626%2011.8687C4.62645%2011.8687%201.91837%2011.2514%200.868683%2010.3819'%20stroke='%231C1C1E'%20stroke-width='1.25'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20id='Vector_2'%20d='M14.8687%206.36841C13.8314%207.24065%2011.0861%207.86841%207.85626%207.86841C4.62645%207.86841%201.91837%207.25387%200.868683%206.38823'%20stroke='%231C1C1E'%20stroke-width='1.25'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e";
 function Cs() {
@@ -24937,7 +24938,7 @@ ${Ze.value}`,
       ], 2);
     };
   }
-}), jE = /* @__PURE__ */ Bt(ZT, [["__scopeId", "data-v-7d38c0ac"]]);
+}), UE = /* @__PURE__ */ Bt(ZT, [["__scopeId", "data-v-7d38c0ac"]]);
 export {
-  jE as default
+  UE as default
 };

package/dist/MobileProjectsView-C5wIOuCu.js

@@ -0,0 +1,313 @@
+import { defineComponent as $, ref as f, onMounted as q, resolveComponent as w, openBlock as l, createBlock as R, withCtx as L, createVNode as g, createElementVNode as c, toDisplayString as N, unref as h, createElementBlock as b, Fragment as O, createCommentVNode as S, computed as E, h as a, withModifiers as T, onScopeDispose as Y, createTextVNode as z } from "vue";
+import { useRoute as H, useRouter as J } from "vue-router";
+import { components as G, useDialog as K } from "@feedmepos/ui-library";
+import { a as P } from "./routes-D6BQSP4i.js";
+import { c as M, e as B, a as Q } from "./controlPlane-sXaC6pAh.js";
+import { u as W } from "./portalContext-BFTX5VVx.js";
+import { w as F } from "./portalNavigation-DKCfwTH8.js";
+import { A as X, p as Z } from "./AppTemplatePicker-CNJ6kIJk.js";
+import { m as ee } from "./index-CIJWcl_6.js";
+import { t as te } from "./templatePickerFlag-CosY_15R.js";
+import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as D } from "./StatusBadge.vue_vue_type_script_setup_true_lang-CMgQ0bd_.js";
+const oe = {
+  key: 0,
+  role: "status"
+}, ae = {
+  key: 1,
+  class: "portal-error",
+  role: "alert"
+}, le = /* @__PURE__ */ $({
+  __name: "MobileProjectDialog",
+  props: {
+    businessId: {},
+    projectId: {},
+    initialName: {}
+  },
+  emits: ["saved", "close"],
+  setup(C, { emit: k }) {
+    const s = C, m = k, o = f(s.initialName ?? ""), u = f(null), v = f([]), r = !s.projectId && te(), d = f(r), n = f(!1), p = f(""), _ = ee();
+    async function x() {
+      var t, e;
+      d.value = !0, p.value = "";
+      try {
+        const i = await M(P.appTemplates());
+        v.value = i.templates, u.value = ((t = i.templates.find((y) => y.default)) == null ? void 0 : t.id) ?? ((e = i.templates[0]) == null ? void 0 : e.id) ?? null;
+      } catch (i) {
+        p.value = B(i);
+      } finally {
+        d.value = !1;
+      }
+    }
+    async function V() {
+      if (!(n.value || !o.value.trim() || o.value.trim().length > 120 || r && !u.value)) {
+        n.value = !0, p.value = "";
+        try {
+          const t = await M(s.projectId ? P.project(s.businessId, s.projectId) : P.projects(s.businessId), {
+            method: s.projectId ? "PATCH" : "POST",
+            body: JSON.stringify({ name: o.value.trim(), ...s.projectId ? {} : {
+              projectId: _,
+              kind: "mobile",
+              appTemplate: u.value,
+              country: Q()
+            } })
+          });
+          m("saved", t);
+        } catch (t) {
+          p.value = B(t);
+        } finally {
+          n.value = !1;
+        }
+      }
+    }
+    return q(() => {
+      r && x();
+    }), (t, e) => {
+      const i = w("FmTextField"), y = w("FmButton"), I = w("FmCard"), U = w("FmForm");
+      return l(), R(U, { onValidationSuccess: V }, {
+        default: L(() => [
+          g(I, { class: "project-dialog" }, {
+            default: L(() => [
+              c("h2", null, N(C.projectId ? "Rename project" : "New Mobile project"), 1),
+              g(i, {
+                modelValue: o.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (j) => o.value = j),
+                label: "Project name",
+                placeholder: "e.g. Summer ordering",
+                disabled: n.value,
+                rules: [(j) => j.trim().length > 0 && j.trim().length <= 120 || "Enter a name up to 120 characters"]
+              }, null, 8, ["modelValue", "disabled", "rules"]),
+              h(r) ? (l(), b(O, { key: 0 }, [
+                d.value ? (l(), b("p", oe, "Loading templates…")) : (l(), R(X, {
+                  key: 1,
+                  templates: v.value,
+                  modelValue: u.value,
+                  "onUpdate:modelValue": e[1] || (e[1] = (j) => u.value = j),
+                  disabled: n.value
+                }, null, 8, ["templates", "modelValue", "disabled"])),
+                e[3] || (e[3] = c("p", { class: "project-dialog__note" }, "Start a separate app from a template. Your live app stays as it is.", -1))
+              ], 64)) : S("", !0),
+              p.value ? (l(), b("p", ae, N(p.value), 1)) : S("", !0),
+              h(r) && !v.value.length && !d.value ? (l(), R(y, {
+                key: 2,
+                label: "Retry loading templates",
+                variant: "secondary",
+                onClick: x
+              })) : S("", !0),
+              c("footer", null, [
+                g(y, {
+                  label: "Cancel",
+                  variant: "tertiary",
+                  disabled: n.value,
+                  onClick: e[2] || (e[2] = (j) => m("close"))
+                }, null, 8, ["disabled"]),
+                g(y, {
+                  label: C.projectId ? "Save" : "Create project",
+                  type: "submit",
+                  loading: n.value,
+                  disabled: d.value || !o.value.trim() || o.value.trim().length > 120 || h(r) && !u.value
+                }, null, 8, ["label", "loading", "disabled"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), se = /* @__PURE__ */ A(le, [["__scopeId", "data-v-bdfa4635"]]), re = { class: "portal-page" }, ne = { class: "portal-page-inner" }, ie = { class: "portal-page-heading" }, ue = {
+  key: 0,
+  class: "mobile-projects__count"
+}, de = {
+  key: 0,
+  class: "portal-error",
+  role: "alert"
+}, pe = {
+  key: 1,
+  role: "status"
+}, ce = {
+  key: 2,
+  class: "portal-empty"
+}, me = {
+  key: 3,
+  class: "rounded-2xl border border-portal-border-default bg-portal-bg-default",
+  "aria-label": "Mobile projects"
+}, ve = /* @__PURE__ */ $({
+  __name: "MobileProjectsView",
+  setup(C) {
+    const { FmButton: k } = G, s = W(), m = H(), o = J(), u = K(), v = f([]), r = f(!0), d = f(""), n = new AbortController();
+    async function p() {
+      r.value = !0, d.value = "";
+      try {
+        const t = await M(P.projects(s.businessId.value), { signal: n.signal });
+        v.value = t.projects;
+      } catch (t) {
+        n.signal.aborted || (d.value = B(t));
+      } finally {
+        r.value = !1;
+      }
+    }
+    function _(t) {
+      u.open({
+        title: t ? "Rename project" : "New Mobile project",
+        dialogComponent: se,
+        dialogComponentProps: {
+          businessId: s.businessId.value,
+          projectId: t == null ? void 0 : t.projectId,
+          initialName: t == null ? void 0 : t.name,
+          onClose: () => u.close(),
+          onSaved: (e) => {
+            u.close(), t ? p() : o.push(F(e.projectId, "workspace", { ...m.query, setup: "1" }));
+          }
+        }
+      });
+    }
+    function x(t) {
+      return new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(t));
+    }
+    const V = E(() => [
+      {
+        id: "project",
+        header: () => "Project",
+        cell: (t) => {
+          const e = t.row.original;
+          return a("div", { class: "flex min-w-0 flex-col gap-2" }, [
+            a("span", { class: "truncate fm-typo-en-body-md-600 text-portal-text-primary" }, e.name),
+            a(
+              "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) => a(
+          D,
+          { variant: t.row.original.provisioningStatus === "failed" ? "error" : "neutral", size: "sm" },
+          () => Z(t.row.original.provisioningStatus)
+        )
+      },
+      {
+        id: "live",
+        header: () => "Live",
+        size: 200,
+        enableSorting: !1,
+        cell: (t) => {
+          const e = t.row.original;
+          return a("div", { class: "flex flex-col items-start gap-2" }, [
+            a(
+              D,
+              { variant: e.isLive ? "success" : "neutral", size: "sm" },
+              () => e.isLive ? "Live project" : "Not live"
+            ),
+            a(
+              "span",
+              { class: "fm-typo-en-body-sm-400 text-portal-text-muted" },
+              e.hasUnpublishedRelease === void 0 ? "Release status unavailable" : e.hasUnpublishedRelease ? "Unpublished release available" : "No unpublished release"
+            )
+          ]);
+        }
+      },
+      {
+        id: "updatedAt",
+        header: () => "Last edited",
+        size: 170,
+        enableSorting: !1,
+        cell: (t) => a("span", { class: "fm-typo-en-body-sm-400 text-portal-text-muted" }, x(t.row.original.updatedAt))
+      },
+      {
+        id: "actions",
+        header: () => "",
+        size: 340,
+        enableSorting: !1,
+        cell: (t) => {
+          const e = t.row.original;
+          return a("div", { class: "flex flex-wrap items-center justify-end gap-4" }, [
+            e.provisioningStatus === "ready" ? a(k, {
+              icon: "deployed_code",
+              variant: "tertiary",
+              title: "View releases",
+              onClick: T(
+                () => o.push(F(e.projectId, "releases", m.query)),
+                ["stop"]
+              )
+            }) : null,
+            a(k, {
+              label: "Rename",
+              variant: "tertiary",
+              onClick: T(() => _(e), ["stop"])
+            }),
+            a(k, {
+              label: e.provisioningStatus === "ready" ? "Open editor" : "Continue setup",
+              variant: "secondary",
+              onClick: T(
+                () => o.push(F(e.projectId, "workspace", m.query)),
+                ["stop"]
+              )
+            })
+          ]);
+        }
+      }
+    ]);
+    return q(() => {
+      if (p(), m.query.create === "1") {
+        const { create: t, ...e } = m.query;
+        o.replace({ query: e }), _();
+      }
+    }), Y(() => n.abort()), (t, e) => {
+      const i = w("FmButton"), y = w("FmTable");
+      return l(), b("div", re, [
+        c("div", ne, [
+          c("header", ie, [
+            c("div", null, [
+              e[4] || (e[4] = c("p", { class: "portal-eyebrow" }, "Mobile Ordering", -1)),
+              c("h1", null, [
+                e[3] || (e[3] = z("Projects ", -1)),
+                r.value ? S("", !0) : (l(), b("span", ue, N(v.value.length), 1))
+              ])
+            ]),
+            g(i, {
+              label: "New project",
+              icon: "add",
+              onClick: e[0] || (e[0] = (I) => _())
+            })
+          ]),
+          d.value ? (l(), b("p", de, [
+            z(N(d.value) + " ", 1),
+            g(i, {
+              label: "Retry",
+              variant: "tertiary",
+              onClick: p
+            })
+          ])) : r.value ? (l(), b("p", pe, "Loading projects…")) : v.value.length ? (l(), b("section", me, [
+            g(y, {
+              "column-defs": V.value,
+              "row-data": v.value,
+              "page-size": v.value.length,
+              "hide-footer": "",
+              "pin-header-row": "",
+              onRowClick: e[2] || (e[2] = (I) => h(o).push(h(F)(I.original.projectId, "workspace", h(m).query)))
+            }, null, 8, ["column-defs", "row-data", "page-size"])
+          ])) : (l(), b("section", ce, [
+            e[5] || (e[5] = c("h2", null, "Your first Mobile project", -1)),
+            e[6] || (e[6] = c("p", null, "Create an app from a template to start editing.", -1)),
+            g(i, {
+              label: "New project",
+              icon: "add",
+              onClick: e[1] || (e[1] = (I) => _())
+            })
+          ]))
+        ])
+      ]);
+    };
+  }
+}), Fe = /* @__PURE__ */ A(ve, [["__scopeId", "data-v-654073ab"]]);
+export {
+  Fe as default
+};

package/dist/adminAccess-NgYNNa6s.js

@@ -0,0 +1,48 @@
+import { a as o } from "./routes-D6BQSP4i.js";
+import { ref as i } from "vue";
+import { c as u } from "./controlPlane-sXaC6pAh.js";
+function s(t, e) {
+  if (typeof window > "u") return e;
+  try {
+    const n = window.localStorage.getItem(t);
+    return n === null ? e : n === "1";
+  } catch {
+    return e;
+  }
+}
+function l(t, e) {
+  if (typeof window > "u") return e;
+  try {
+    const n = Number(window.localStorage.getItem(t));
+    return Number.isFinite(n) ? n : e;
+  } catch {
+    return e;
+  }
+}
+function a(t, e) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(t, e);
+    } catch {
+    }
+}
+function w(t, e) {
+  a(t, e ? "1" : "0");
+}
+let r = null;
+function d() {
+  return r || (r = u(o.adminWhoami()).then((t) => t.isAdmin).catch(() => !1)), r;
+}
+function h() {
+  const t = i(!1);
+  return d().then((e) => {
+    t.value = e;
+  }), t;
+}
+export {
+  l as a,
+  a as b,
+  s as r,
+  h as u,
+  w
+};

package/dist/app.js

@@ -4,7 +4,7 @@ const o = [
     path: "/platforms/mobile",
     name: "miniprogram-v2-mobile-projects",
     meta: { title: "Mobile" },
-    component: () => import("./MobileProjectsView-BruZHfdq.js")
+    component: () => import("./MobileProjectsView-C5wIOuCu.js")
   },
   {
     path: "/",
@@ -21,7 +21,7 @@ const o = [
   {
     path: "/p/:projectId/:view(workspace|releases|sessions)?",
     name: "miniprogram-v2-project",
-    component: () => import("./ControlPlaneView-l_gDDBtb.js")
+    component: () => import("./ControlPlaneView-DsXDkx9a.js")
   },
   {
     path: "/brand-kit",
@@ -78,7 +78,7 @@ const o = [
     path: "/:pathMatch(.*)*",
     redirect: (e) => ({ name: "miniprogram-v2-ecosystem", query: e.query, params: {} })
   }
-], r = {}, a = t(() => import("./App-BdvPLQMC.js")), i = t(() => import("./LegacyWorkspaceEntry-lEMtmdIe.js"));
+], r = {}, a = t(() => import("./App-Ifw6j-OX.js")), i = t(() => import("./LegacyWorkspaceEntry-lEMtmdIe.js"));
 export {
   a as FmApp,
   i as MiniprogramWorkspace,

package/dist/package.json

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