@feedmepos/mf-miniprogram-v2 0.2.2-dev.10 → 0.2.2-dev.11

package/dist/MobileProjectsView-QbURgYLB.js

@@ -0,0 +1,296 @@
+import { defineComponent as U, ref as j, onMounted as B, resolveComponent as I, openBlock as n, createBlock as P, withCtx as C, createVNode as r, createElementVNode as o, toDisplayString as _, createElementBlock as d, Fragment as D, createCommentVNode as S, onScopeDispose as A, createTextVNode as F, renderList as O, unref as g } from "vue";
+import { useRoute as E, useRouter as Y } from "vue-router";
+import { useDialog as z } from "@feedmepos/ui-library";
+import { a as R } from "./routes-Boz_WlNM.js";
+import { c as x, e as L, a as H } from "./controlPlane-CoEgf9BA.js";
+import { u as J } from "./portalContext-C4HL_0kl.js";
+import { w as N } from "./portalNavigation-DOF4Ah49.js";
+import { m as G } from "./index-D5qXvcfE.js";
+import { A as K } from "./AppTemplatePicker-C0lZyhK2.js";
+import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as T } from "./StatusBadge.vue_vue_type_script_setup_true_lang-Bh9Eoe_H.js";
+const Q = {
+  key: 0,
+  role: "status"
+}, W = {
+  key: 1,
+  class: "portal-error",
+  role: "alert"
+}, X = /* @__PURE__ */ U({
+  __name: "MobileProjectDialog",
+  props: {
+    businessId: {},
+    projectId: {},
+    initialName: {}
+  },
+  emits: ["saved", "close"],
+  setup(k, { emit: V }) {
+    const l = k, h = V, i = j(l.initialName ?? ""), u = j(null), f = j([]), p = j(!l.projectId), c = j(!1), m = j(""), w = G();
+    async function M() {
+      var e, s;
+      p.value = !0, m.value = "";
+      try {
+        const b = await x(R.appTemplates());
+        f.value = b.templates, u.value = ((e = b.templates.find((y) => y.default)) == null ? void 0 : e.id) ?? ((s = b.templates[0]) == null ? void 0 : s.id) ?? null;
+      } catch (b) {
+        m.value = L(b);
+      } finally {
+        p.value = !1;
+      }
+    }
+    async function a() {
+      if (!(c.value || !i.value.trim() || i.value.trim().length > 120 || !l.projectId && !u.value)) {
+        c.value = !0, m.value = "";
+        try {
+          const e = await x(l.projectId ? R.project(l.businessId, l.projectId) : R.projects(l.businessId), {
+            method: l.projectId ? "PATCH" : "POST",
+            body: JSON.stringify({ name: i.value.trim(), ...l.projectId ? {} : {
+              projectId: w,
+              kind: "mobile",
+              appTemplate: u.value,
+              country: H()
+            } })
+          });
+          h("saved", e);
+        } catch (e) {
+          m.value = L(e);
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+    return B(() => {
+      l.projectId || M();
+    }), (e, s) => {
+      const b = I("FmTextField"), y = I("FmButton"), $ = I("FmCard"), t = I("FmForm");
+      return n(), P(t, { onValidationSuccess: a }, {
+        default: C(() => [
+          r($, { class: "project-dialog" }, {
+            default: C(() => [
+              o("h2", null, _(k.projectId ? "Rename project" : "New Mobile project"), 1),
+              r(b, {
+                modelValue: i.value,
+                "onUpdate:modelValue": s[0] || (s[0] = (v) => i.value = v),
+                label: "Project name",
+                placeholder: "e.g. Summer ordering",
+                disabled: c.value,
+                rules: [(v) => v.trim().length > 0 && v.trim().length <= 120 || "Enter a name up to 120 characters"]
+              }, null, 8, ["modelValue", "disabled", "rules"]),
+              k.projectId ? S("", !0) : (n(), d(D, { key: 0 }, [
+                p.value ? (n(), d("p", Q, "Loading templates…")) : (n(), P(K, {
+                  key: 1,
+                  templates: f.value,
+                  modelValue: u.value,
+                  "onUpdate:modelValue": s[1] || (s[1] = (v) => u.value = v),
+                  disabled: c.value
+                }, null, 8, ["templates", "modelValue", "disabled"])),
+                s[3] || (s[3] = o("p", { class: "project-dialog__note" }, "Start a separate app from a template. Your live app stays as it is.", -1))
+              ], 64)),
+              m.value ? (n(), d("p", W, _(m.value), 1)) : S("", !0),
+              !k.projectId && !f.value.length && !p.value ? (n(), P(y, {
+                key: 2,
+                label: "Retry loading templates",
+                variant: "secondary",
+                onClick: M
+              })) : S("", !0),
+              o("footer", null, [
+                r(y, {
+                  label: "Cancel",
+                  variant: "tertiary",
+                  disabled: c.value,
+                  onClick: s[2] || (s[2] = (v) => h("close"))
+                }, null, 8, ["disabled"]),
+                r(y, {
+                  label: k.projectId ? "Save" : "Create project",
+                  type: "submit",
+                  loading: c.value,
+                  disabled: p.value || !i.value.trim() || i.value.trim().length > 120 || !k.projectId && !u.value
+                }, null, 8, ["label", "loading", "disabled"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Z = /* @__PURE__ */ q(X, [["__scopeId", "data-v-c903cb52"]]), ee = { class: "portal-page" }, te = { class: "portal-page-inner" }, oe = { class: "portal-page-heading" }, ae = {
+  key: 0,
+  class: "mobile-projects__count"
+}, le = {
+  key: 0,
+  class: "portal-error",
+  role: "alert"
+}, se = {
+  key: 1,
+  role: "status"
+}, ne = {
+  key: 2,
+  class: "portal-empty"
+}, re = {
+  key: 3,
+  class: "mobile-projects__list",
+  "aria-label": "Mobile projects"
+}, ie = { class: "mobile-projects__name" }, ue = ["title"], ce = { class: "mobile-projects__status" }, de = { class: "mobile-projects__status" }, pe = { class: "mobile-projects__label" }, me = { class: "mobile-projects__status" }, ve = ["datetime"], _e = { class: "mobile-projects__actions" }, be = { class: "w-[200px] py-4" }, je = /* @__PURE__ */ U({
+  __name: "MobileProjectsView",
+  setup(k) {
+    const V = J(), l = E(), h = Y(), i = z(), u = j([]), f = j(!0), p = j(""), c = new AbortController();
+    async function m() {
+      f.value = !0, p.value = "";
+      try {
+        const a = await x(R.projects(V.businessId.value), { signal: c.signal });
+        u.value = a.projects;
+      } catch (a) {
+        c.signal.aborted || (p.value = L(a));
+      } finally {
+        f.value = !1;
+      }
+    }
+    function w(a) {
+      i.open({
+        title: a ? "Rename project" : "New Mobile project",
+        dialogComponent: Z,
+        dialogComponentProps: {
+          businessId: V.businessId.value,
+          projectId: a == null ? void 0 : a.projectId,
+          initialName: a == null ? void 0 : a.name,
+          onClose: () => i.close(),
+          onSaved: (e) => {
+            i.close(), a ? m() : h.push(N(e.projectId, "workspace", { ...l.query, setup: "1" }));
+          }
+        }
+      });
+    }
+    function M(a) {
+      return new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(a));
+    }
+    return B(() => {
+      if (m(), l.query.create === "1") {
+        const { create: a, ...e } = l.query;
+        h.replace({ query: e }), w();
+      }
+    }), A(() => c.abort()), (a, e) => {
+      const s = I("FmButton"), b = I("RouterLink"), y = I("FmMenuItem"), $ = I("FmMenu");
+      return n(), d("div", ee, [
+        o("div", te, [
+          o("header", oe, [
+            o("div", null, [
+              e[3] || (e[3] = o("p", { class: "portal-eyebrow" }, "Mobile Ordering", -1)),
+              o("h1", null, [
+                e[2] || (e[2] = F("Projects ", -1)),
+                f.value ? S("", !0) : (n(), d("span", ae, _(u.value.length), 1))
+              ])
+            ]),
+            r(s, {
+              label: "New project",
+              icon: "add",
+              onClick: e[0] || (e[0] = (t) => w())
+            })
+          ]),
+          p.value ? (n(), d("p", le, [
+            F(_(p.value) + " ", 1),
+            r(s, {
+              label: "Retry",
+              variant: "tertiary",
+              onClick: m
+            })
+          ])) : f.value ? (n(), d("p", se, "Loading projects…")) : u.value.length ? (n(), d("section", re, [
+            (n(!0), d(D, null, O(u.value, (t) => (n(), d("article", {
+              key: t.projectId,
+              class: "mobile-projects__row"
+            }, [
+              o("div", ie, [
+                r(b, {
+                  to: g(N)(t.projectId, "workspace", g(l).query)
+                }, {
+                  default: C(() => [
+                    F(_(t.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to"]),
+                o("span", {
+                  title: t.projectId
+                }, "…" + _(t.projectId.slice(-6)), 9, ue)
+              ]),
+              o("div", ce, [
+                e[6] || (e[6] = o("span", { class: "mobile-projects__label" }, "Setup", -1)),
+                r(T, {
+                  variant: t.provisioningStatus === "failed" ? "error" : "neutral"
+                }, {
+                  default: C(() => [
+                    F(_(t.provisioningStatus === "ready" ? "Ready" : t.provisioningStatus === "failed" ? "Setup failed" : t.provisioningStatus === "provisioning" ? "Setting up" : "Not set up"), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["variant"])
+              ]),
+              o("div", de, [
+                r(T, {
+                  variant: t.isLive ? "success" : "neutral"
+                }, {
+                  default: C(() => [
+                    F(_(t.isLive ? "Live project" : "Not live"), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["variant"]),
+                o("span", pe, _(t.hasUnpublishedRelease === void 0 ? "Release status unavailable" : t.hasUnpublishedRelease ? "Unpublished release available" : "No unpublished release"), 1)
+              ]),
+              o("div", me, [
+                e[7] || (e[7] = o("span", { class: "mobile-projects__label" }, "Last edited", -1)),
+                o("time", {
+                  datetime: t.updatedAt
+                }, _(M(t.updatedAt)), 9, ve)
+              ]),
+              o("div", _e, [
+                r(s, {
+                  label: t.provisioningStatus === "ready" ? "Open editor" : "Continue setup",
+                  variant: "secondary",
+                  onClick: (v) => g(h).push(g(N)(t.projectId, "workspace", g(l).query))
+                }, null, 8, ["label", "onClick"]),
+                r($, {
+                  placement: "bottom-end",
+                  "close-on-click": ""
+                }, {
+                  "menu-button": C(() => [
+                    r(s, {
+                      icon: "more_horiz",
+                      variant: "tertiary",
+                      "aria-label": `Actions for ${t.name}`
+                    }, null, 8, ["aria-label"])
+                  ]),
+                  default: C(() => [
+                    o("div", be, [
+                      r(y, {
+                        label: "Rename project",
+                        icon: "edit",
+                        "onUpdate:modelValue": (v) => w(t)
+                      }, null, 8, ["onUpdate:modelValue"]),
+                      t.provisioningStatus === "ready" ? (n(), P(y, {
+                        key: 0,
+                        label: "View releases",
+                        icon: "deployed_code",
+                        "onUpdate:modelValue": (v) => g(h).push(g(N)(t.projectId, "releases", g(l).query))
+                      }, null, 8, ["onUpdate:modelValue"])) : S("", !0)
+                    ])
+                  ]),
+                  _: 2
+                }, 1024)
+              ])
+            ]))), 128))
+          ])) : (n(), d("section", ne, [
+            e[4] || (e[4] = o("h2", null, "Your first Mobile project", -1)),
+            e[5] || (e[5] = o("p", null, "Create an app from a template to start editing.", -1)),
+            r(s, {
+              label: "New project",
+              icon: "add",
+              onClick: e[1] || (e[1] = (t) => w())
+            })
+          ]))
+        ])
+      ]);
+    };
+  }
+}), Me = /* @__PURE__ */ q(je, [["__scopeId", "data-v-984161f0"]]);
+export {
+  Me as default
+};

package/dist/app.js

@@ -4,7 +4,7 @@ const o = [
     path: "/platforms/mobile",
     name: "miniprogram-v2-mobile-projects",
     meta: { title: "Mobile" },
-    component: () => import("./MobileProjectsView-DAWuOiCr.js")
+    component: () => import("./MobileProjectsView-QbURgYLB.js")
   },
   {
     path: "/",
@@ -21,7 +21,7 @@ const o = [
   {
     path: "/p/:projectId/:view(workspace|releases|sessions)?",
     name: "miniprogram-v2-project",
-    component: () => import("./ControlPlaneView-BJ6QP0bK.js")
+    component: () => import("./ControlPlaneView-BN9srEtl.js")
   },
   {
     path: "/brand-kit",

package/dist/package.json

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