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

package/dist/{App-BdvPLQMC.js → App-BVQ9oPjV.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-D8Cx7BcO.js";
+import { p as U } from "./portalContext-Bhp7NA0c.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-BPaHROu_.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 { a as Ve } from "./routes-D6BQSP4i.js";
+import { r as uu, w as du, a as pu, u as fu, b as ii } from "./adminAccess-D8Cx7BcO.js";
+import { a as Ve } from "./routes-DPGrYgQQ.js";
 import { _ as vn } from "./StatusBadge.vue_vue_type_script_setup_true_lang-CMgQ0bd_.js";
-import { u as hu } from "./portalContext-BFTX5VVx.js";
+import { u as hu } from "./portalContext-Bhp7NA0c.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/{EcosystemView-CBEL5PT2.js → EcosystemView-Drggj4cB.js}

@@ -1,8 +1,8 @@
 import { defineComponent as b, computed as p, ref as w, onMounted as D, onScopeDispose as A, resolveComponent as B, openBlock as c, createElementBlock as a, createElementVNode as C, toDisplayString as l, unref as r, Fragment as Z, renderList as E, normalizeStyle as U, createVNode as d, withCtx as H, createTextVNode as g, createCommentVNode as G } from "vue";
 import { useRoute as S } from "vue-router";
-import { a as O } from "./routes-D6BQSP4i.js";
+import { a as O } from "./routes-DPGrYgQQ.js";
 import { b as j, c as N, e as q } from "./controlPlane-sXaC6pAh.js";
-import { u as I } from "./portalContext-BFTX5VVx.js";
+import { u as I } from "./portalContext-Bhp7NA0c.js";
 import { p as u } from "./portalNavigation-DKCfwTH8.js";
 import { i as R, u as T } from "./useBrandKit-CkdPQRE-.js";
 import { _ as K } from "./StatusBadge.vue_vue_type_script_setup_true_lang-CMgQ0bd_.js";

package/dist/MobileProjectsView-DaFYj3UE.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-DPGrYgQQ.js";
+import { c as M, e as B, a as Q } from "./controlPlane-sXaC6pAh.js";
+import { u as W } from "./portalContext-Bhp7NA0c.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/{ModuleCenterView-DI6Pakkr.js → ModuleCenterView-BI0Vbkcu.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-Bk-gRmBb.js";
+import { u as D, c as G, f as K, _ as h, t as O } from "./useModuleCatalog-CnFFvrBk.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-DteTTb-3.js → ModuleDetailView-DKmc4Hp2.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-Bk-gRmBb.js";
+import { m as q, i as A, u as F, _ as w } from "./useModuleCatalog-CnFFvrBk.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-BYzldeqE.js → PagesView-B9YEpCbi.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-BFTX5VVx.js";
+import { u as g } from "./portalContext-Bhp7NA0c.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-Bl4z9cFG.js → PortalSettingsView-C3uVMGH5.js}

@@ -3,7 +3,7 @@ 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 { useCoreStore as F } from "@feedmepos/mf-common";
-import { u as U } from "./portalContext-BFTX5VVx.js";
+import { u as U } from "./portalContext-Bhp7NA0c.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 = {