@feedmepos/mf-miniprogram-v2 0.2.2-dev.9 → 0.2.3

package/dist/AppTemplatePicker.vue_vue_type_script_setup_true_lang-CDvGnq6F.js

@@ -0,0 +1,184 @@
+import { defineComponent as w, computed as p, openBlock as a, createElementBlock as s, createStaticVNode as f, createCommentVNode as h, createElementVNode as n, Fragment as g, renderList as b, normalizeClass as x, toDisplayString as y, createVNode as v } from "vue";
+function M(t) {
+  return t === "active" ? "success" : t === "needs_attention" ? "warning" : "neutral";
+}
+function Q(t) {
+  return t === "active" ? "Active" : t === "needs_attention" ? "Needs attention" : "Archived";
+}
+function U(t) {
+  return t === "succeeded" ? "success" : t === "failed" ? "error" : t === "queued" || t === "running" ? "info" : "neutral";
+}
+function W(t) {
+  switch (t) {
+    case "queued":
+      return "Queued";
+    case "running":
+      return "Running";
+    case "succeeded":
+      return "Built";
+    case "failed":
+      return "Build failed";
+    default:
+      return "No build yet";
+  }
+}
+function G(t) {
+  switch (t) {
+    case "ready":
+      return "Ready";
+    case "provisioning":
+      return "Setting up";
+    case "failed":
+      return "Setup failed";
+    default:
+      return "Not set up";
+  }
+}
+const S = ["preview", "published", "rolled_back"];
+function J(t) {
+  return S.includes(t.status);
+}
+function K(t) {
+  return t.is_live === 1 ? "Live" : t.build_status === "queued" || t.build_status === "running" ? "Building" : t.build_status === "failed" ? "Failed" : t.build_status === "succeeded" ? "Ready" : "Draft";
+}
+function O(t) {
+  return t.is_live === 1 ? "primary" : t.build_status === "succeeded" ? "success" : t.build_status === "queued" || t.build_status === "running" ? "info" : t.build_status === "failed" ? "error" : "neutral";
+}
+const V = {
+  key: 0,
+  viewBox: "0 0 56 96",
+  class: "h-[72px] w-[42px] shrink-0 rounded-[6px] border border-portal-border-default bg-portal-bg-default",
+  "aria-hidden": "true",
+  focusable: "false"
+}, C = {
+  key: 0,
+  fill: "currentColor",
+  class: "text-fm-color-neutral-gray-300"
+}, A = {
+  key: 1,
+  fill: "currentColor",
+  class: "text-fm-color-neutral-gray-300"
+}, E = {
+  key: 2,
+  fill: "currentColor",
+  class: "text-fm-color-neutral-gray-300"
+}, B = /* @__PURE__ */ w({
+  __name: "AppTemplateThumbnail",
+  props: {
+    restaurantStyle: {}
+  },
+  setup(t) {
+    const u = t, d = p(
+      () => u.restaurantStyle === "qsr" || u.restaurantStyle === "coffee" || u.restaurantStyle === "tea"
+    );
+    return (m, i) => d.value ? (a(), s("svg", V, [
+      t.restaurantStyle === "qsr" ? (a(), s("g", C, [...i[0] || (i[0] = [
+        f('<rect x="6" y="7" width="44" height="6" rx="3"></rect><rect x="6" y="18" width="19" height="18" rx="2"></rect><rect x="31" y="18" width="19" height="18" rx="2"></rect><rect x="6" y="40" width="19" height="18" rx="2"></rect><rect x="31" y="40" width="19" height="18" rx="2"></rect><rect x="6" y="62" width="19" height="18" rx="2"></rect><rect x="31" y="62" width="19" height="18" rx="2"></rect><rect x="6" y="85" width="44" height="7" rx="3.5" class="text-fm-color-neutral-gray-400"></rect>', 8)
+      ])])) : t.restaurantStyle === "coffee" ? (a(), s("g", A, [...i[1] || (i[1] = [
+        f('<rect x="6" y="7" width="44" height="30" rx="3"></rect><rect x="6" y="43" width="26" height="4" rx="2"></rect><rect x="6" y="53" width="44" height="12" rx="2"></rect><rect x="6" y="69" width="44" height="12" rx="2"></rect><rect x="6" y="87" width="18" height="4" rx="2"></rect>', 5)
+      ])])) : (a(), s("g", E, [...i[2] || (i[2] = [
+        f('<rect x="6" y="7" width="44" height="5" rx="2.5"></rect><rect x="6" y="17" width="44" height="9" rx="2"></rect><rect x="6" y="28" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="18" y="28" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="30" y="28" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="6" y="38" width="44" height="9" rx="2"></rect><rect x="6" y="49" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="18" y="49" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="6" y="59" width="44" height="9" rx="2"></rect><rect x="6" y="70" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="18" y="70" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="30" y="70" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="6" y="80" width="44" height="9" rx="2"></rect>', 13)
+      ])]))
+    ])) : h("", !0);
+  }
+}), L = {
+  key: 0,
+  class: "rounded-lg border border-portal-border-default bg-portal-bg-default p-16"
+}, N = { class: "mt-12 max-w-[640px]" }, q = {
+  key: 0,
+  class: "m-0 mb-8 fm-typo-en-body-sm-600 uppercase tracking-wide text-portal-text-muted"
+}, T = { class: "flex flex-col gap-8" }, $ = ["aria-checked", "disabled", "onClick"], D = {
+  key: 0,
+  class: "h-[6px] w-[6px] rounded-full bg-portal-bg-default"
+}, R = { class: "min-w-0 max-w-[640px] flex-1" }, P = { class: "flex flex-wrap items-center gap-8" }, F = { class: "fm-typo-en-body-md-600 text-portal-text-primary" }, I = {
+  key: 0,
+  class: "rounded-full bg-portal-bg-canvas px-8 py-[2px] fm-typo-en-body-sm-400 text-portal-text-muted"
+}, j = { class: "mt-4 block fm-typo-en-body-sm-400 text-portal-text-muted" }, X = /* @__PURE__ */ w({
+  __name: "AppTemplatePicker",
+  props: {
+    templates: {},
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: u }) {
+    const d = t, m = u, i = p(() => d.templates.length > 1), _ = p(() => {
+      const c = [], l = /* @__PURE__ */ new Map();
+      for (const e of d.templates) {
+        if (!e.industries.length) {
+          c.push(e);
+          continue;
+        }
+        for (const o of e.industries) {
+          const r = l.get(o) ?? [];
+          r.push(e), l.set(o, r);
+        }
+      }
+      return [
+        ...c.length ? [{ label: null, templates: c }] : [],
+        ...[...l.entries()].sort(([e], [o]) => e.localeCompare(o)).map(([e, o]) => ({ label: e, templates: o }))
+      ];
+    });
+    function k(c) {
+      d.disabled || m("update:modelValue", c);
+    }
+    return (c, l) => i.value ? (a(), s("section", L, [
+      l[0] || (l[0] = n("p", { class: "m-0 fm-typo-en-body-md-600 text-portal-text-primary" }, "App template", -1)),
+      l[1] || (l[1] = n("p", { class: "m-0 mt-4 fm-typo-en-body-sm-400 text-portal-text-muted" }, " Choose how this app looks and works for your customers. This cannot be changed after setup. ", -1)),
+      n("div", N, [
+        (a(!0), s(g, null, b(_.value, (e, o) => (a(), s("div", {
+          key: e.label ?? "__general",
+          role: "radiogroup",
+          "aria-label": "App template",
+          class: x(o === 0 ? "" : "mt-16")
+        }, [
+          e.label ? (a(), s("p", q, y(e.label), 1)) : h("", !0),
+          n("div", T, [
+            (a(!0), s(g, null, b(e.templates, (r) => (a(), s("button", {
+              key: r.id,
+              type: "button",
+              role: "radio",
+              "aria-checked": t.modelValue === r.id,
+              disabled: t.disabled,
+              class: x([
+                "flex w-full cursor-pointer items-start gap-12 rounded-lg border p-12 text-left transition disabled:cursor-not-allowed disabled:opacity-60",
+                t.modelValue === r.id ? "border-fm-color-primary bg-fm-color-primary-50" : "border-fm-color-neutral-gray-200 bg-fm-color-neutral-white hover:border-fm-color-neutral-gray-300"
+              ]),
+              onClick: (z) => k(r.id)
+            }, [
+              n("span", {
+                class: x([
+                  "mt-[2px] flex h-16 w-16 shrink-0 items-center justify-center rounded-full border",
+                  t.modelValue === r.id ? "border-fm-color-primary bg-fm-color-primary" : "border-fm-color-neutral-gray-300 bg-fm-color-neutral-white"
+                ])
+              }, [
+                t.modelValue === r.id ? (a(), s("span", D)) : h("", !0)
+              ], 2),
+              v(B, {
+                "restaurant-style": r.restaurantStyle
+              }, null, 8, ["restaurant-style"]),
+              n("span", R, [
+                n("span", P, [
+                  n("span", F, y(r.label), 1),
+                  r.default ? (a(), s("span", I, " Default ")) : h("", !0)
+                ]),
+                n("span", j, y(r.description), 1)
+              ])
+            ], 10, $))), 128))
+          ])
+        ], 2))), 128))
+      ])
+    ])) : h("", !0);
+  }
+});
+export {
+  X as _,
+  O as a,
+  K as b,
+  Q as c,
+  U as d,
+  W as e,
+  G as p,
+  J as r,
+  M as s
+};

package/dist/BrandFontPicker-BZyGrK3D.js

@@ -0,0 +1,241 @@
+import { defineComponent as te, ref as n, computed as F, watch as G, resolveComponent as I, openBlock as s, createElementBlock as u, withKeys as L, withModifiers as N, createElementVNode as a, toDisplayString as k, createVNode as P, withCtx as J, normalizeStyle as E, withDirectives as K, vModelText as q, Fragment as S, renderList as oe, createCommentVNode as v, unref as T, createBlock as ae, createTextVNode as W, nextTick as le } from "vue";
+import { G as V, f as ne, b as p, l as se } from "./useBrandKit-CQv08nyY.js";
+import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const xe = "data:image/png;base64,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", ue = ["onKeydown"], ie = { class: "font-picker__label" }, de = ["disabled", "aria-label", "aria-expanded"], ce = ["onKeydown", "aria-label"], ve = {
+  key: 0,
+  class: "font-picker__muted"
+}, me = ["aria-pressed", "onClick"], pe = { key: 0 }, fe = { key: 1 }, Ae = {
+  key: 0,
+  class: "font-picker__muted",
+  role: "status"
+}, ge = { class: "font-picker__preview" }, be = { class: "font-picker__muted" }, ke = {
+  key: 0,
+  class: "font-picker__muted",
+  role: "status"
+}, we = {
+  key: 1,
+  class: "font-picker__muted"
+}, ye = {
+  key: 0,
+  class: "font-picker__muted"
+}, he = /* @__PURE__ */ te({
+  __name: "BrandFontPicker",
+  props: {
+    modelValue: {},
+    label: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(d, { emit: H }) {
+    const f = d, j = H, Y = n(), w = n(), B = n(), D = n(360), O = n(), U = n(), m = n(!1), y = n(""), l = n(""), X = n("The quick brown fox jumps over the lazy dog. 0123456789"), c = n({}), A = F(
+      () => [
+        { name: "App default", value: "", group: "Defaults" },
+        { name: "System font", value: "system-ui, sans-serif", group: "Defaults" },
+        ...V.map((e) => ({ name: e, value: ne(e), group: "Google Fonts" }))
+      ].filter((e) => e.name.toLowerCase().includes(y.value.trim().toLowerCase()))
+    ), h = F(() => p(f.modelValue || "")), M = F(() => p(l.value)), R = F(
+      () => !!l.value && !V.some((e) => e === M.value) && l.value !== "system-ui, sans-serif"
+    );
+    async function C(e) {
+      if (!(!V.some((t) => t === e) || c.value[e] === "loaded")) {
+        c.value[e] = "loading";
+        try {
+          await se(e), c.value[e] = "loaded";
+        } catch {
+          c.value[e] = "error";
+        }
+      }
+    }
+    G(h, (e) => void C(e), { immediate: !0 }), G(A, (e) => {
+      m.value && e.forEach((t) => void C(t.name));
+    }), G(
+      () => f.disabled,
+      (e) => {
+        e && Z();
+      }
+    ), G(() => f.modelValue, Z);
+    async function _(e) {
+      var t, r;
+      m.value = e, e && (D.value = Math.max(320, ((t = Y.value) == null ? void 0 : t.getBoundingClientRect().width) || 360), l.value = f.modelValue || "", y.value = "", m.value = !0, A.value.forEach((i) => void C(i.name)), await le(), (r = U.value) == null || r.focus());
+    }
+    function Z() {
+      var e;
+      m.value = !1, (e = B.value) == null || e.hide();
+    }
+    function z() {
+      var e;
+      Z(), (e = O.value) == null || e.focus();
+    }
+    function $() {
+      f.disabled || (j("update:modelValue", l.value.trim()), z());
+    }
+    function Q(e) {
+      var r, i;
+      const t = e.relatedTarget;
+      t && !((r = Y.value) != null && r.contains(t)) && !((i = w.value) != null && i.contains(t)) && Z();
+    }
+    function ee(e) {
+      var x, o;
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) return;
+      const t = [...((x = w.value) == null ? void 0 : x.querySelectorAll("[data-font-option]")) || []];
+      if (!t.length) return;
+      e.preventDefault();
+      const r = t.indexOf(document.activeElement), i = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (r + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length;
+      (o = t[i]) == null || o.focus();
+    }
+    return (e, t) => {
+      const r = I("FmIcon"), i = I("FmButton"), x = I("FmPopover");
+      return s(), u("div", {
+        ref_key: "root",
+        ref: Y,
+        class: "font-picker",
+        onFocusout: Q,
+        onKeydown: L(N(z, ["stop", "prevent"]), ["esc"])
+      }, [
+        a("span", ie, k(d.label), 1),
+        P(x, {
+          ref_key: "popover",
+          ref: B,
+          "show-popover": m.value,
+          disabled: d.disabled,
+          onPopoverChanged: _
+        }, {
+          "popover-button": J(() => [
+            a("button", {
+              ref_key: "trigger",
+              ref: O,
+              type: "button",
+              class: "font-picker__trigger",
+              disabled: d.disabled,
+              "aria-label": `${d.label} font: ${h.value}`,
+              "aria-haspopup": "dialog",
+              "aria-expanded": m.value
+            }, [
+              a("span", {
+                style: E({ fontFamily: d.modelValue || "inherit" })
+              }, k(h.value), 5),
+              P(r, {
+                name: "expand_more",
+                size: "sm"
+              })
+            ], 8, de)
+          ]),
+          default: J(() => [
+            a("div", {
+              ref_key: "menu",
+              ref: w,
+              class: "font-picker__menu",
+              style: E({ width: `${D.value}px` }),
+              onFocusout: Q,
+              onKeydown: L(N(z, ["stop", "prevent"]), ["esc"]),
+              role: "dialog",
+              "aria-label": `Choose ${d.label.toLowerCase()} font`
+            }, [
+              t[7] || (t[7] = a("span", { class: "font-picker__muted" }, "Fonts available", -1)),
+              K(a("input", {
+                ref_key: "search",
+                ref: U,
+                "onUpdate:modelValue": t[0] || (t[0] = (o) => y.value = o),
+                type: "search",
+                placeholder: "Search fonts",
+                "aria-label": "Search fonts",
+                class: "font-picker__input",
+                onKeydown: t[1] || (t[1] = L(N((o) => {
+                  var g, b;
+                  return (b = (g = w.value) == null ? void 0 : g.querySelector("[data-font-option]")) == null ? void 0 : b.focus();
+                }, ["prevent"]), ["down"]))
+              }, null, 544), [
+                [q, y.value]
+              ]),
+              a("div", {
+                class: "font-picker__options",
+                onKeydown: ee
+              }, [
+                (s(!0), u(S, null, oe(A.value, (o, g) => {
+                  var b;
+                  return s(), u(S, {
+                    key: o.name
+                  }, [
+                    g === 0 || ((b = A.value[g - 1]) == null ? void 0 : b.group) !== o.group ? (s(), u("p", ve, k(o.group), 1)) : v("", !0),
+                    a("button", {
+                      type: "button",
+                      "data-font-option": "",
+                      class: "font-picker__option",
+                      "aria-pressed": T(p)(l.value) === T(p)(o.value),
+                      onClick: (Me) => l.value = o.value
+                    }, [
+                      a("span", {
+                        style: E({ fontFamily: o.value || "inherit" })
+                      }, k(o.name), 5),
+                      c.value[o.name] === "loading" ? (s(), u("small", pe, "Loading…")) : c.value[o.name] === "error" ? (s(), u("small", fe, "Preview unavailable")) : v("", !0),
+                      T(p)(l.value) === T(p)(o.value) ? (s(), ae(r, {
+                        key: 2,
+                        name: "check",
+                        size: "sm"
+                      })) : v("", !0)
+                    ], 8, me)
+                  ], 64);
+                }), 128)),
+                A.value.length ? v("", !0) : (s(), u("p", Ae, "No fonts found. Try another name."))
+              ], 32),
+              a("div", ge, [
+                a("label", be, [
+                  W("Preview · " + k(M.value) + " ", 1),
+                  K(a("textarea", {
+                    "onUpdate:modelValue": t[2] || (t[2] = (o) => X.value = o),
+                    rows: "2",
+                    "aria-label": "Font preview text",
+                    style: E({ fontFamily: l.value || "inherit" })
+                  }, null, 4), [
+                    [q, X.value]
+                  ])
+                ]),
+                c.value[M.value] === "error" ? (s(), u("p", ke, [
+                  t[5] || (t[5] = W(" Font preview could not load. Showing a fallback font. ", -1)),
+                  a("button", {
+                    type: "button",
+                    class: "font-picker__retry",
+                    onClick: t[3] || (t[3] = (o) => C(M.value))
+                  }, "Retry")
+                ])) : v("", !0),
+                a("details", null, [
+                  t[6] || (t[6] = a("summary", null, "Custom font stack", -1)),
+                  K(a("input", {
+                    "onUpdate:modelValue": t[4] || (t[4] = (o) => l.value = o),
+                    class: "font-picker__input",
+                    "aria-label": "Custom font stack",
+                    placeholder: "App default",
+                    spellcheck: "false"
+                  }, null, 512), [
+                    [q, l.value]
+                  ])
+                ]),
+                R.value ? (s(), u("p", we, "Custom fonts preview only if installed or already loaded.")) : v("", !0)
+              ]),
+              a("footer", null, [
+                P(i, {
+                  label: "Cancel",
+                  variant: "tertiary",
+                  size: "md",
+                  onClick: z
+                }),
+                P(i, {
+                  label: "Apply",
+                  size: "md",
+                  disabled: d.disabled,
+                  onClick: $
+                }, null, 8, ["disabled"])
+              ])
+            ], 44, ce)
+          ]),
+          _: 1
+        }, 8, ["show-popover", "disabled"]),
+        c.value[h.value] === "error" ? (s(), u("p", ye, " Preview unavailable; showing a fallback font. ")) : v("", !0)
+      ], 40, ue);
+    };
+  }
+}), Fe = /* @__PURE__ */ re(he, [["__scopeId", "data-v-c563c57c"]]);
+export {
+  Fe as B,
+  xe as _
+};