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

package/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",

package/dist/TemplateCenterView-QFMGVcnE.js

@@ -1,354 +0,0 @@
-import { defineComponent as le, ref as r, computed as S, watch as B, onMounted as oe, resolveComponent as y, openBlock as s, createBlock as k, withCtx as O, createVNode as c, createElementVNode as i, toDisplayString as m, createCommentVNode as V, unref as be, createElementBlock as p, Fragment as R, renderList as ne, createTextVNode as g, onScopeDispose as _e } from "vue";
-import { a as A } from "./routes-DXQSkGM7.js";
-import { useDialog as he } from "@feedmepos/ui-library";
-import { c as z, e as j } from "./controlPlane-CoEgf9BA.js";
-import { _ as fe } from "./StatusBadge.vue_vue_type_script_setup_true_lang-Bh9Eoe_H.js";
-import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ye = ["qsr", "coffee", "tea"], L = [
-  // `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"]
-  }
-], ge = { class: "template-choice-dialog__environments" }, Ce = {
-  key: 2,
-  class: "template-choice-dialog__prod-warning"
-}, ke = {
-  key: 4,
-  class: "portal-error",
-  role: "alert"
-}, E = "__none__", Ve = /* @__PURE__ */ le({
-  __name: "TemplateChoiceDialog",
-  props: {
-    choice: {}
-  },
-  emits: ["saved", "close"],
-  setup(N, { emit: T }) {
-    var q, G, Y, H, J, K, W, Q, X;
-    const d = N, w = T, v = r(((q = d.choice) == null ? void 0 : q.id) ?? ""), b = r(((G = d.choice) == null ? void 0 : G.appTemplateId) ?? ((Y = L[0]) == null ? void 0 : Y.id) ?? ""), _ = r(((H = d.choice) == null ? void 0 : H.restaurantStyle) ?? E), h = r(((J = d.choice) == null ? void 0 : J.label) ?? ""), C = r(((K = d.choice) == null ? void 0 : K.description) ?? ""), F = r((((W = d.choice) == null ? void 0 : W.industries) ?? []).join(", ")), f = r([...((Q = d.choice) == null ? void 0 : Q.environments) ?? ["dev"]]), o = r(((X = d.choice) == null ? void 0 : X.default) ?? !1), l = r(!1), u = r(""), a = S(() => !!d.choice), x = L.map((n) => ({ label: n.label, value: n.id })), P = S(() => b.value === "miniprogram-vue-v2"), ie = [
-      { label: "None (v1-style layout)", value: E },
-      ...ye.map((n) => ({ label: n, value: n }))
-    ];
-    B(b, () => {
-      P.value || (_.value = E);
-    });
-    const D = S(() => L.find((n) => n.id === b.value)), re = S(
-      () => ["dev", "prod"].map((n) => {
-        var e;
-        return {
-          label: n,
-          value: n,
-          disabled: !((e = D.value) != null && e.environments.includes(n))
-        };
-      })
-    );
-    B(D, () => {
-      f.value = f.value.filter((n) => {
-        var e;
-        return (e = D.value) == null ? void 0 : e.environments.includes(n);
-      });
-    });
-    const $ = r(!1), I = S(() => f.value.includes("prod"));
-    B(I, (n) => {
-      n || ($.value = !1);
-    });
-    const M = S(
-      () => !l.value && h.value.trim().length > 0 && C.value.trim().length > 0 && f.value.length > 0 && (a.value ? !0 : /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/.test(v.value.trim())) && (!I.value || $.value)
-    );
-    async function de() {
-      if (!M.value) return;
-      l.value = !0, u.value = "";
-      const n = {
-        ...a.value ? {} : { id: v.value.trim() },
-        appTemplateId: b.value,
-        label: h.value.trim(),
-        description: C.value.trim(),
-        industries: F.value.split(",").map((e) => e.trim()).filter(Boolean),
-        environments: f.value,
-        default: o.value,
-        ...P.value && _.value !== E ? { restaurantStyle: _.value } : {}
-      };
-      try {
-        await z(
-          a.value ? A.appTemplateChoice(d.choice.id) : A.appTemplateChoices(),
-          { method: a.value ? "PATCH" : "POST", body: JSON.stringify(n) }
-        ), w("saved");
-      } catch (e) {
-        u.value = j(e);
-      } finally {
-        l.value = !1;
-      }
-    }
-    return oe(() => {
-      !a.value && !h.value && (h.value = "");
-    }), (n, e) => {
-      const U = y("FmTextField"), Z = y("FmSelect"), ue = y("FmTextarea"), ee = y("FmCheckbox"), ce = y("FmSwitch"), ae = y("FmButton"), me = y("FmCard"), pe = y("FmForm");
-      return s(), k(pe, { onValidationSuccess: de }, {
-        default: O(() => [
-          c(me, { class: "template-choice-dialog" }, {
-            default: O(() => {
-              var te;
-              return [
-                i("h2", null, m(a.value ? `Edit ${(te = N.choice) == null ? void 0 : te.label}` : "New template choice"), 1),
-                a.value ? V("", !0) : (s(), k(U, {
-                  key: 0,
-                  modelValue: v.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (t) => v.value = t),
-                  label: "Choice id",
-                  placeholder: "e.g. miniprogram-vue-v2-bakery",
-                  "helper-text": "Lowercase, kebab-case. Cannot be changed after creation.",
-                  disabled: l.value,
-                  rules: [(t) => /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/.test(t.trim()) || "Lowercase kebab-case, e.g. miniprogram-vue-v2-bakery"]
-                }, null, 8, ["modelValue", "disabled", "rules"])),
-                c(Z, {
-                  modelValue: b.value,
-                  "onUpdate:modelValue": e[1] || (e[1] = (t) => b.value = t),
-                  label: "Physical template",
-                  items: be(x),
-                  disabled: l.value || a.value
-                }, null, 8, ["modelValue", "items", "disabled"]),
-                P.value ? (s(), k(Z, {
-                  key: 1,
-                  modelValue: _.value,
-                  "onUpdate:modelValue": e[2] || (e[2] = (t) => _.value = t),
-                  label: "Restaurant style",
-                  "helper-text": "Only styles templates/miniprogram-vue-v2/src/brand/recipes.ts already implements.",
-                  items: ie,
-                  disabled: l.value
-                }, null, 8, ["modelValue", "disabled"])) : V("", !0),
-                c(U, {
-                  modelValue: h.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (t) => h.value = t),
-                  label: "Label",
-                  placeholder: "Shown to merchants in the picker",
-                  disabled: l.value
-                }, null, 8, ["modelValue", "disabled"]),
-                c(ue, {
-                  modelValue: C.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (t) => C.value = t),
-                  label: "Description",
-                  placeholder: "One or two sentences on what the merchant gets",
-                  disabled: l.value
-                }, null, 8, ["modelValue", "disabled"]),
-                c(U, {
-                  modelValue: F.value,
-                  "onUpdate:modelValue": e[5] || (e[5] = (t) => F.value = t),
-                  label: "Industries (comma-separated)",
-                  placeholder: "e.g. Food & beverage",
-                  disabled: l.value
-                }, null, 8, ["modelValue", "disabled"]),
-                i("div", ge, [
-                  e[10] || (e[10] = i("p", { class: "template-choice-dialog__label" }, "Environments", -1)),
-                  (s(!0), p(R, null, ne(re.value, (t) => (s(), k(ee, {
-                    key: t.value,
-                    modelValue: f.value,
-                    "onUpdate:modelValue": e[6] || (e[6] = (ve) => f.value = ve),
-                    value: t.value,
-                    label: t.value,
-                    disabled: l.value || t.disabled
-                  }, null, 8, ["modelValue", "value", "label", "disabled"]))), 128))
-                ]),
-                I.value ? (s(), p("p", Ce, [...e[11] || (e[11] = [
-                  g(" This choice will be offered to merchants creating a project in ", -1),
-                  i("strong", null, "prod", -1),
-                  g(" as soon as it saves — there is no deploy step in between. ", -1)
-                ])])) : V("", !0),
-                I.value ? (s(), k(ee, {
-                  key: 3,
-                  modelValue: $.value,
-                  "onUpdate:modelValue": e[7] || (e[7] = (t) => $.value = t),
-                  value: !0,
-                  label: "I understand this affects prod immediately",
-                  disabled: l.value
-                }, null, 8, ["modelValue", "disabled"])) : V("", !0),
-                c(ce, {
-                  modelValue: o.value,
-                  "onUpdate:modelValue": e[8] || (e[8] = (t) => o.value = t),
-                  label: "Default choice",
-                  sublabel: "Used when a provision request names none",
-                  disabled: l.value
-                }, null, 8, ["modelValue", "disabled"]),
-                u.value ? (s(), p("p", ke, m(u.value), 1)) : V("", !0),
-                i("footer", null, [
-                  c(ae, {
-                    label: "Cancel",
-                    variant: "tertiary",
-                    disabled: l.value,
-                    onClick: e[9] || (e[9] = (t) => w("close"))
-                  }, null, 8, ["disabled"]),
-                  c(ae, {
-                    label: a.value ? "Save" : "Create",
-                    type: "submit",
-                    loading: l.value,
-                    disabled: !M.value
-                  }, null, 8, ["label", "loading", "disabled"])
-                ])
-              ];
-            }),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Te = /* @__PURE__ */ se(Ve, [["__scopeId", "data-v-f14457dc"]]), we = { class: "portal-page" }, Se = { class: "portal-page-inner" }, Fe = { class: "portal-page-heading" }, Ae = {
-  key: 0,
-  class: "portal-error",
-  role: "alert"
-}, xe = {
-  key: 1,
-  role: "status"
-}, $e = {
-  key: 2,
-  class: "template-choices__list",
-  "aria-label": "Template choices"
-}, Ie = { class: "template-choices__name" }, Ee = { class: "template-choices__label" }, Ne = { key: 0 }, Pe = { class: "template-choices__id" }, De = { class: "template-choices__meta" }, Ue = ["datetime"], Be = { class: "template-choices__actions" }, Le = /* @__PURE__ */ le({
-  __name: "TemplateCenterView",
-  setup(N) {
-    const T = he(), d = r([]), w = r(!0), v = r(""), b = new AbortController();
-    async function _() {
-      w.value = !0, v.value = "";
-      try {
-        const o = await z(A.appTemplateChoices(), {
-          signal: b.signal
-        });
-        d.value = o.choices;
-      } catch (o) {
-        b.signal.aborted || (v.value = j(o));
-      } finally {
-        w.value = !1;
-      }
-    }
-    function h(o) {
-      T.open({
-        title: o ? `Edit ${o.label}` : "New template choice",
-        dialogComponent: Te,
-        dialogComponentProps: {
-          choice: o,
-          onClose: () => T.close(),
-          onSaved: () => {
-            T.close(), _();
-          }
-        }
-      });
-    }
-    async function C(o, l) {
-      try {
-        await z(
-          l === "archived" ? A.appTemplateChoiceArchive(o.id) : A.appTemplateChoiceRestore(o.id),
-          { method: "POST" }
-        ), await _();
-      } catch (u) {
-        v.value = j(u);
-      }
-    }
-    function F(o) {
-      T.open({
-        title: `Archive ${o.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 C(o, "archived"));
-    }
-    function f(o) {
-      return new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(new Date(o));
-    }
-    return oe(() => void _()), _e(() => b.abort()), (o, l) => {
-      const u = y("FmButton");
-      return s(), p("div", we, [
-        i("div", Se, [
-          i("header", Fe, [
-            l[1] || (l[1] = i("div", null, [
-              i("p", { class: "portal-eyebrow" }, "Internal"),
-              i("h1", null, "Template Center")
-            ], -1)),
-            c(u, {
-              label: "New choice",
-              icon: "add",
-              onClick: l[0] || (l[0] = (a) => h())
-            })
-          ]),
-          v.value ? (s(), p("p", Ae, [
-            g(m(v.value) + " ", 1),
-            c(u, {
-              label: "Retry",
-              variant: "tertiary",
-              onClick: _
-            })
-          ])) : w.value ? (s(), p("p", xe, "Loading template choices…")) : (s(), p("section", $e, [
-            (s(!0), p(R, null, ne(d.value, (a) => (s(), p("article", {
-              key: a.id,
-              class: "template-choices__row"
-            }, [
-              i("div", Ie, [
-                i("span", Ee, [
-                  g(m(a.label), 1),
-                  a.default ? (s(), p("span", Ne, " · Default")) : V("", !0)
-                ]),
-                i("span", Pe, m(a.id), 1),
-                i("span", De, [
-                  g(m(a.appTemplateId), 1),
-                  a.restaurantStyle ? (s(), p(R, { key: 0 }, [
-                    g(" · " + m(a.restaurantStyle), 1)
-                  ], 64)) : V("", !0),
-                  g(" · " + m(a.industries.join(", ") || "General-purpose") + " · " + m((a.environments ?? []).join(", ")), 1)
-                ])
-              ]),
-              c(fe, {
-                variant: a.status === "active" ? "success" : "neutral"
-              }, {
-                default: O(() => [
-                  g(m(a.status === "active" ? "Active" : "Archived"), 1)
-                ]),
-                _: 2
-              }, 1032, ["variant"]),
-              i("time", {
-                datetime: a.updatedAt
-              }, m(f(a.updatedAt)), 9, Ue),
-              i("div", Be, [
-                c(u, {
-                  label: "Edit",
-                  variant: "secondary",
-                  onClick: (x) => h(a)
-                }, null, 8, ["onClick"]),
-                a.status === "active" ? (s(), k(u, {
-                  key: 0,
-                  label: "Archive",
-                  variant: "tertiary",
-                  onClick: (x) => F(a)
-                }, null, 8, ["onClick"])) : (s(), k(u, {
-                  key: 1,
-                  label: "Restore",
-                  variant: "tertiary",
-                  onClick: (x) => C(a, "active")
-                }, null, 8, ["onClick"]))
-              ])
-            ]))), 128))
-          ]))
-        ])
-      ]);
-    };
-  }
-}), Ge = /* @__PURE__ */ se(Le, [["__scopeId", "data-v-da7cd846"]]);
-export {
-  Ge as default
-};