@feedmepos/mf-miniprogram-v2 0.2.2-dev.12 → 0.2.2-dev.13

package/dist/TemplateCenterView-BjA03jMI.js

@@ -0,0 +1,297 @@
+import { defineComponent as Y, ref as r, computed as D, resolveComponent as h, openBlock as n, createBlock as S, withCtx as I, createVNode as d, createElementVNode as s, toDisplayString as c, createCommentVNode as F, unref as J, createElementBlock as p, onMounted as oe, onScopeDispose as ne, createTextVNode as k, Fragment as K, renderList as se } from "vue";
+import { a as A } from "./routes-DXQSkGM7.js";
+import { useDialog as ie } from "@feedmepos/ui-library";
+import { c as P, e as E } from "./controlPlane-CoEgf9BA.js";
+import { _ as re } from "./StatusBadge.vue_vue_type_script_setup_true_lang-Bh9Eoe_H.js";
+import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const de = ["qsr", "coffee", "tea"], W = [
+  // `label` and `description` are MERCHANT-FACING: the portal's picker renders
+  // them, and they are the only thing a merchant chooses on. Say what the app does
+  // for their customers, never which package it is built from — the SDK is real and
+  // load-bearing and means nothing to the person making this decision.
+  {
+    id: "miniprogram-vue",
+    label: "Phone ordering app",
+    description: "Menu browsing, cart and checkout, membership and rewards, and order history — for customers ordering on their own phone.",
+    industries: [],
+    environments: ["dev", "prod"],
+    default: !0
+  },
+  {
+    id: "miniprogram-vue-v2",
+    label: "Phone, kiosk and tablet",
+    description: "Everything in the phone app, plus self-order kiosk and in-store tablet surfaces sharing the same menu, cart and membership.",
+    industries: [],
+    // Dev only, deliberately. It has never been provisioned end-to-end: the
+    // preview proxy, the component-library unpack and the release build have
+    // only been exercised locally. Add 'prod' after a real merchant has run
+    // through all three.
+    environments: ["dev"]
+  }
+], ue = {
+  key: 2,
+  class: "portal-error",
+  role: "alert"
+}, ce = /* @__PURE__ */ Y({
+  __name: "TemplateChoiceDialog",
+  props: {
+    choice: {}
+  },
+  emits: ["saved", "close"],
+  setup(x, { emit: g }) {
+    var B, U, L, R, O, z, M, j;
+    const i = x, C = g, m = r(((B = i.choice) == null ? void 0 : B.id) ?? ""), v = r(((U = i.choice) == null ? void 0 : U.appTemplateId) ?? ((L = W[0]) == null ? void 0 : L.id) ?? ""), b = r(((R = i.choice) == null ? void 0 : R.restaurantStyle) ?? "qsr"), f = r(((O = i.choice) == null ? void 0 : O.label) ?? ""), y = r(((z = i.choice) == null ? void 0 : z.description) ?? ""), T = r((((M = i.choice) == null ? void 0 : M.industries) ?? []).join(", ")), V = r(((j = i.choice) == null ? void 0 : j.default) ?? !1), e = r(!1), u = r(""), l = D(() => !!i.choice), t = W.map((_) => ({ label: _.label, value: _.id })), w = D(() => v.value === "miniprogram-vue-v2"), X = de.map((_) => ({ label: _, value: _ })), N = D(
+      () => !e.value && f.value.trim().length > 0 && y.value.trim().length > 0 && (l.value ? !0 : /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/.test(m.value.trim()))
+    );
+    async function Z() {
+      if (!N.value) return;
+      e.value = !0, u.value = "";
+      const _ = {
+        ...l.value ? {} : { id: m.value.trim() },
+        appTemplateId: v.value,
+        label: f.value.trim(),
+        description: y.value.trim(),
+        industries: T.value.split(",").map((a) => a.trim()).filter(Boolean),
+        default: V.value,
+        ...w.value ? { restaurantStyle: b.value } : {}
+      };
+      try {
+        await P(
+          l.value ? A.appTemplateChoice(i.choice.id) : A.appTemplateChoices(),
+          { method: l.value ? "PATCH" : "POST", body: JSON.stringify(_) }
+        ), C("saved");
+      } catch (a) {
+        u.value = E(a);
+      } finally {
+        e.value = !1;
+      }
+    }
+    return (_, a) => {
+      const $ = h("FmTextField"), q = h("FmSelect"), ee = h("FmTextarea"), te = h("FmSwitch"), G = h("FmButton"), ae = h("FmCard"), le = h("FmForm");
+      return n(), S(le, { onValidationSuccess: Z }, {
+        default: I(() => [
+          d(ae, { class: "template-choice-dialog" }, {
+            default: I(() => {
+              var H;
+              return [
+                s("h2", null, c(l.value ? `Edit ${(H = x.choice) == null ? void 0 : H.label}` : "New template choice"), 1),
+                l.value ? F("", !0) : (n(), S($, {
+                  key: 0,
+                  modelValue: m.value,
+                  "onUpdate:modelValue": a[0] || (a[0] = (o) => m.value = o),
+                  label: "Choice id",
+                  placeholder: "e.g. miniprogram-vue-v2-bakery",
+                  "helper-text": "Lowercase, kebab-case. Cannot be changed after creation.",
+                  disabled: e.value,
+                  rules: [(o) => /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/.test(o.trim()) || "Lowercase kebab-case, e.g. miniprogram-vue-v2-bakery"]
+                }, null, 8, ["modelValue", "disabled", "rules"])),
+                d(q, {
+                  modelValue: v.value,
+                  "onUpdate:modelValue": a[1] || (a[1] = (o) => v.value = o),
+                  label: "Physical template",
+                  items: J(t),
+                  disabled: e.value || l.value
+                }, null, 8, ["modelValue", "items", "disabled"]),
+                w.value ? (n(), S(q, {
+                  key: 1,
+                  modelValue: b.value,
+                  "onUpdate:modelValue": a[2] || (a[2] = (o) => b.value = o),
+                  label: "Restaurant style",
+                  "helper-text": "Only styles templates/miniprogram-vue-v2/src/brand/recipes.ts already implements.",
+                  items: J(X),
+                  disabled: e.value
+                }, null, 8, ["modelValue", "items", "disabled"])) : F("", !0),
+                d($, {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": a[3] || (a[3] = (o) => f.value = o),
+                  label: "Label",
+                  placeholder: "Shown to merchants in the picker",
+                  disabled: e.value
+                }, null, 8, ["modelValue", "disabled"]),
+                d(ee, {
+                  modelValue: y.value,
+                  "onUpdate:modelValue": a[4] || (a[4] = (o) => y.value = o),
+                  label: "Description",
+                  placeholder: "One or two sentences on what the merchant gets",
+                  disabled: e.value
+                }, null, 8, ["modelValue", "disabled"]),
+                d($, {
+                  modelValue: T.value,
+                  "onUpdate:modelValue": a[5] || (a[5] = (o) => T.value = o),
+                  label: "Industries (comma-separated)",
+                  placeholder: "e.g. Food & beverage",
+                  disabled: e.value
+                }, null, 8, ["modelValue", "disabled"]),
+                d(te, {
+                  modelValue: V.value,
+                  "onUpdate:modelValue": a[6] || (a[6] = (o) => V.value = o),
+                  label: "Default choice",
+                  sublabel: "Used when a provision request names none",
+                  disabled: e.value
+                }, null, 8, ["modelValue", "disabled"]),
+                u.value ? (n(), p("p", ue, c(u.value), 1)) : F("", !0),
+                s("footer", null, [
+                  d(G, {
+                    label: "Cancel",
+                    variant: "tertiary",
+                    disabled: e.value,
+                    onClick: a[7] || (a[7] = (o) => C("close"))
+                  }, null, 8, ["disabled"]),
+                  d(G, {
+                    label: l.value ? "Save" : "Create",
+                    type: "submit",
+                    loading: e.value,
+                    disabled: !N.value
+                  }, null, 8, ["label", "loading", "disabled"])
+                ])
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), me = /* @__PURE__ */ Q(ce, [["__scopeId", "data-v-2b30dcea"]]), pe = { class: "portal-page" }, ve = { class: "portal-page-inner" }, be = { class: "portal-page-heading" }, _e = {
+  key: 0,
+  class: "portal-error",
+  role: "alert"
+}, he = {
+  key: 1,
+  role: "status"
+}, fe = {
+  key: 2,
+  class: "template-choices__list",
+  "aria-label": "Template choices"
+}, ye = { class: "template-choices__name" }, ge = { class: "template-choices__label" }, Ce = { key: 0 }, ke = { class: "template-choices__id" }, Te = { class: "template-choices__meta" }, Ve = ["datetime"], we = { class: "template-choices__actions" }, Se = /* @__PURE__ */ Y({
+  __name: "TemplateCenterView",
+  setup(x) {
+    const g = ie(), i = r([]), C = r(!0), m = r(""), v = new AbortController();
+    async function b() {
+      C.value = !0, m.value = "";
+      try {
+        const e = await P(A.appTemplateChoices(), {
+          signal: v.signal
+        });
+        i.value = e.choices;
+      } catch (e) {
+        v.signal.aborted || (m.value = E(e));
+      } finally {
+        C.value = !1;
+      }
+    }
+    function f(e) {
+      g.open({
+        title: e ? `Edit ${e.label}` : "New template choice",
+        dialogComponent: me,
+        dialogComponentProps: {
+          choice: e,
+          onClose: () => g.close(),
+          onSaved: () => {
+            g.close(), b();
+          }
+        }
+      });
+    }
+    async function y(e, u) {
+      try {
+        await P(
+          u === "archived" ? A.appTemplateChoiceArchive(e.id) : A.appTemplateChoiceRestore(e.id),
+          { method: "POST" }
+        ), await b();
+      } catch (l) {
+        m.value = E(l);
+      }
+    }
+    function T(e) {
+      g.open({
+        title: `Archive ${e.label}?`,
+        message: "It stops appearing for new projects. Merchants already provisioned from it are unaffected — it is never consulted again after provisioning.",
+        primaryActions: { text: "Archive", close: !0, variant: "primary" },
+        secondaryActions: { text: "Cancel", close: !0, variant: "tertiary" }
+      }).onPrimary(() => void y(e, "archived"));
+    }
+    function V(e) {
+      return new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(e));
+    }
+    return oe(() => void b()), ne(() => v.abort()), (e, u) => {
+      const l = h("FmButton");
+      return n(), p("div", pe, [
+        s("div", ve, [
+          s("header", be, [
+            u[1] || (u[1] = s("div", null, [
+              s("p", { class: "portal-eyebrow" }, "Internal"),
+              s("h1", null, "Template Center")
+            ], -1)),
+            d(l, {
+              label: "New choice",
+              icon: "add",
+              onClick: u[0] || (u[0] = (t) => f())
+            })
+          ]),
+          m.value ? (n(), p("p", _e, [
+            k(c(m.value) + " ", 1),
+            d(l, {
+              label: "Retry",
+              variant: "tertiary",
+              onClick: b
+            })
+          ])) : C.value ? (n(), p("p", he, "Loading template choices…")) : (n(), p("section", fe, [
+            (n(!0), p(K, null, se(i.value, (t) => (n(), p("article", {
+              key: t.id,
+              class: "template-choices__row"
+            }, [
+              s("div", ye, [
+                s("span", ge, [
+                  k(c(t.label), 1),
+                  t.default ? (n(), p("span", Ce, " · Default")) : F("", !0)
+                ]),
+                s("span", ke, c(t.id), 1),
+                s("span", Te, [
+                  k(c(t.appTemplateId), 1),
+                  t.restaurantStyle ? (n(), p(K, { key: 0 }, [
+                    k(" · " + c(t.restaurantStyle), 1)
+                  ], 64)) : F("", !0),
+                  k(" · " + c(t.industries.join(", ") || "General-purpose") + " · " + c((t.environments ?? []).join(", ")), 1)
+                ])
+              ]),
+              d(re, {
+                variant: t.status === "active" ? "success" : "neutral"
+              }, {
+                default: I(() => [
+                  k(c(t.status === "active" ? "Active" : "Archived"), 1)
+                ]),
+                _: 2
+              }, 1032, ["variant"]),
+              s("time", {
+                datetime: t.updatedAt
+              }, c(V(t.updatedAt)), 9, Ve),
+              s("div", we, [
+                d(l, {
+                  label: "Edit",
+                  variant: "secondary",
+                  onClick: (w) => f(t)
+                }, null, 8, ["onClick"]),
+                t.status === "active" ? (n(), S(l, {
+                  key: 0,
+                  label: "Archive",
+                  variant: "tertiary",
+                  onClick: (w) => T(t)
+                }, null, 8, ["onClick"])) : (n(), S(l, {
+                  key: 1,
+                  label: "Restore",
+                  variant: "tertiary",
+                  onClick: (w) => y(t, "active")
+                }, null, 8, ["onClick"]))
+              ])
+            ]))), 128))
+          ]))
+        ])
+      ]);
+    };
+  }
+}), Pe = /* @__PURE__ */ Q(Se, [["__scopeId", "data-v-da7cd846"]]);
+export {
+  Pe as default
+};

package/dist/app.js

@@ -70,7 +70,7 @@ const o = [
     path: "/internal/template-center",
     name: "miniprogram-v2-template-center",
     meta: { title: "Template Center", requiresAdmin: !0 },
-    component: () => import("./TemplateCenterView-QFMGVcnE.js")
+    component: () => import("./TemplateCenterView-BjA03jMI.js")
   },
   {
     path: "/:pathMatch(.*)*",

package/dist/package.json

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