@feedmepos/mf-miniprogram-v2 0.2.2-dev.2 → 0.2.2-dev.20

package/dist/BrandFontPicker-kQKWf1hL.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-CkdPQRE-.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 _
+};

package/dist/BrandKitView-RaUWE69b.js

@@ -0,0 +1,249 @@
+import { defineComponent as H, ref as K, computed as z, onMounted as S, onScopeDispose as M, resolveComponent as y, openBlock as l, createElementBlock as r, createElementVNode as t, unref as a, createTextVNode as m, createBlock as _, Teleport as O, toDisplayString as p, createCommentVNode as d, createVNode as c, withCtx as Y, normalizeClass as G, normalizeStyle as j, Fragment as b, renderList as f, withDirectives as A, vModelText as I } from "vue";
+import { _ as q, B as J } from "./BrandFontPicker-kQKWf1hL.js";
+import { useRouter as Q, onBeforeRouteLeave as W } from "vue-router";
+import { useDialog as X, useSnackbar as Z } from "@feedmepos/ui-library";
+import { a as ee, C as D, t as E, F as te, u as ae, i as se } from "./useBrandKit-CkdPQRE-.js";
+import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ne = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }, le = { class: "portal-page-inner brand-page" }, re = { class: "portal-page-heading" }, ie = { class: "brand-help" }, de = { class: "brand-actions" }, ue = {
+  key: 0,
+  class: "brand-unsaved"
+}, pe = {
+  key: 1,
+  class: "portal-notice"
+}, ce = {
+  key: 2,
+  class: "portal-loading",
+  role: "status"
+}, ve = {
+  key: 3,
+  role: "alert",
+  class: "portal-section portal-error"
+}, me = {
+  key: 4,
+  role: "status"
+}, be = { class: "portal-section" }, he = { class: "portal-section-head" }, ge = { class: "brand-color-grid" }, ye = ["value", "aria-label", "disabled", "onInput"], _e = { class: "brand-field-label" }, fe = ["onUpdate:modelValue", "aria-label", "aria-invalid", "disabled"], ke = {
+  key: 0,
+  class: "portal-error"
+}, xe = { class: "brand-advanced" }, Ce = { class: "brand-role-grid" }, Be = ["value", "aria-label", "disabled", "onInput"], we = ["onUpdate:modelValue", "aria-label", "aria-invalid", "disabled"], Fe = { class: "portal-section" }, Ve = { class: "portal-section-head" }, Ke = { class: "brand-font-grid" }, Se = /* @__PURE__ */ H({
+  __name: "BrandKitView",
+  setup(Ae) {
+    const e = ae(), h = ee(), k = X(), L = Z(), x = K(!1), T = Q(), u = K(!1), C = ["primary", "secondary", "accent", "background.base", "text.primary"], $ = C.map((n) => D.find((s) => s.path === n)), P = D.filter((n) => !C.includes(n.path)), B = z(
+      () => !h.value || !e.state.loaded || e.state.loading || e.state.saving || e.hasInvalidColor.value || e.dirtyCount.value === 0
+    ), g = (n) => !!(e.state.colors[n] && !se(e.state.colors[n]));
+    function w(n, s) {
+      e.state.colors[n] = s.target.value, u.value = !1;
+    }
+    function F(n) {
+      n === "colors" ? e.state.colors = { ...e.state.savedColors } : e.state.fonts = { ...e.state.savedFonts }, u.value = !1;
+    }
+    function U() {
+      k.open({
+        title: "Save the live Brand Kit?",
+        message: "Colors and fonts are shared business settings. Apps using this kit pick up the change immediately. This does not build or publish application code.",
+        dismissAway: !0,
+        primaryActions: { text: "Save Brand Kit", close: !0 },
+        secondaryActions: { text: "Cancel", close: !0 }
+      }).onPrimary(() => {
+        e.save().then(() => {
+          u.value = !0;
+        }).catch(() => {
+          u.value = !1;
+        });
+      });
+    }
+    S(() => {
+      x.value = !0, e.load();
+    });
+    function V(n) {
+      !e.dirtyCount.value && !e.state.saving || (n.preventDefault(), n.returnValue = "");
+    }
+    return S(() => window.addEventListener("beforeunload", V)), M(() => window.removeEventListener("beforeunload", V)), W((n) => e.state.saving ? !1 : e.dirtyCount.value ? (k.open({
+      title: "Discard unsaved Brand Kit changes?",
+      message: "Your live Brand Kit has not changed. Leave this page and discard the changes you have not saved?",
+      dismissAway: !0,
+      primaryActions: { text: "Discard and leave", close: !0 },
+      secondaryActions: { text: "Keep editing", close: !0 }
+    }).onPrimary(() => {
+      e.discardEdits(), T.push(n);
+    }), !1) : !0), (n, s) => {
+      const N = y("FmIcon"), v = y("FmButton"), R = y("FmCircularProgress");
+      return l(), r("div", ne, [
+        t("div", le, [
+          t("header", re, [
+            s[7] || (s[7] = t("div", null, [
+              t("p", { class: "portal-eyebrow" }, "Applies to every surface"),
+              t("h1", null, "Your Business Identity")
+            ], -1)),
+            t("div", ie, [
+              s[6] || (s[6] = t("span", null, "Need help on brand kit?", -1)),
+              t("button", {
+                class: "brand-ask-remy",
+                type: "button",
+                onClick: s[0] || (s[0] = (o) => a(L).open({ message: "Coming soon" }, 3e3))
+              }, [...s[5] || (s[5] = [
+                t("img", {
+                  src: q,
+                  alt: "",
+                  width: "20",
+                  height: "20"
+                }, null, -1),
+                m(" Ask Remy ", -1)
+              ])])
+            ])
+          ]),
+          x.value ? (l(), _(O, {
+            key: 0,
+            to: "#portal-page-actions"
+          }, [
+            t("div", de, [
+              a(e).dirtyCount.value ? (l(), r("span", ue, p(a(e).dirtyCount.value) + " unsaved", 1)) : d("", !0),
+              c(v, {
+                label: "Save",
+                disabled: B.value,
+                loading: a(e).state.saving,
+                onClick: U
+              }, {
+                default: Y(() => [
+                  t("span", {
+                    class: G(["brand-save-content fm-typo-en-body-lg-600", { invisible: a(e).state.saving }])
+                  }, [
+                    c(N, {
+                      name: "save",
+                      "aria-hidden": "true",
+                      style: j({ color: B.value ? "#c7c7cc" : "#ffffff", fontSize: "20px", width: "20px", height: "20px", lineHeight: "20px", flex: "0 0 20px" })
+                    }, null, 8, ["style"]),
+                    s[8] || (s[8] = m(" Save ", -1))
+                  ], 2)
+                ]),
+                _: 1
+              }, 8, ["disabled", "loading"])
+            ])
+          ])) : d("", !0),
+          a(h) ? d("", !0) : (l(), r("p", pe, " You can view this Brand Kit, but need Brand Kit management permission to save changes. ")),
+          a(e).state.loading ? (l(), r("div", ce, [
+            c(R, { size: "xl" }),
+            s[9] || (s[9] = m("Loading Brand Kit… ", -1))
+          ])) : d("", !0),
+          a(e).state.error ? (l(), r("div", ve, [
+            t("p", null, p(a(e).state.error), 1),
+            a(e).state.loaded ? d("", !0) : (l(), _(v, {
+              key: 0,
+              label: "Try again",
+              variant: "secondary",
+              onClick: s[1] || (s[1] = (o) => a(e).load(!0))
+            }))
+          ])) : d("", !0),
+          u.value && !a(e).dirtyCount.value && !a(e).state.error ? (l(), r("p", me, " Brand Kit saved. Apps using this kit can now pick up the changes. ")) : d("", !0),
+          a(e).state.loaded && !a(e).state.loading ? (l(), r(b, { key: 5 }, [
+            t("section", be, [
+              t("div", he, [
+                s[10] || (s[10] = t("div", null, [
+                  t("h2", null, "Colors"),
+                  t("p", { class: "portal-description" }, "The colors that represent your brand identity.")
+                ], -1)),
+                c(v, {
+                  label: "Reset unsaved colors",
+                  variant: "tertiary",
+                  disabled: a(e).state.saving,
+                  onClick: s[2] || (s[2] = (o) => F("colors"))
+                }, null, 8, ["disabled"])
+              ]),
+              t("div", ge, [
+                (l(!0), r(b, null, f(a($), (o) => (l(), r("label", {
+                  key: o.path,
+                  class: "brand-color-card"
+                }, [
+                  t("input", {
+                    type: "color",
+                    value: a(E)(a(e).state.colors[o.path] ?? ""),
+                    "aria-label": `${o.label} color picker`,
+                    disabled: a(e).state.saving,
+                    onInput: (i) => w(o.path, i)
+                  }, null, 40, ye),
+                  t("span", _e, p(o.path === "background.base" ? "Background" : o.path === "text.primary" ? "Text" : o.label), 1),
+                  A(t("input", {
+                    "onUpdate:modelValue": (i) => a(e).state.colors[o.path] = i,
+                    class: "brand-value",
+                    "aria-label": `${o.path} hex color`,
+                    "aria-invalid": g(o.path),
+                    disabled: a(e).state.saving,
+                    placeholder: "App default",
+                    spellcheck: "false"
+                  }, null, 8, fe), [
+                    [I, a(e).state.colors[o.path]]
+                  ]),
+                  g(o.path) ? (l(), r("small", ke, "Enter a hex color")) : d("", !0)
+                ]))), 128))
+              ]),
+              t("details", xe, [
+                s[11] || (s[11] = t("summary", null, [
+                  m("More color roles "),
+                  t("span", null, "Keep control of text, surfaces and status colors")
+                ], -1)),
+                s[12] || (s[12] = t("p", { class: "portal-description" }, " Each role is saved independently. Changing a brand color does not automatically replace text or status colors. ", -1)),
+                t("div", Ce, [
+                  (l(!0), r(b, null, f(a(P), (o) => (l(), r("label", {
+                    key: o.path
+                  }, [
+                    t("span", null, p(o.group) + " · " + p(o.label), 1),
+                    t("div", null, [
+                      t("input", {
+                        type: "color",
+                        value: a(E)(a(e).state.colors[o.path] ?? ""),
+                        "aria-label": `${o.path} color picker`,
+                        disabled: a(e).state.saving,
+                        onInput: (i) => w(o.path, i)
+                      }, null, 40, Be),
+                      A(t("input", {
+                        "onUpdate:modelValue": (i) => a(e).state.colors[o.path] = i,
+                        "aria-label": `${o.path} hex color`,
+                        "aria-invalid": g(o.path),
+                        disabled: a(e).state.saving,
+                        class: "brand-value",
+                        placeholder: "App default",
+                        spellcheck: "false"
+                      }, null, 8, we), [
+                        [I, a(e).state.colors[o.path]]
+                      ])
+                    ]),
+                    t("small", null, p(o.hint), 1)
+                  ]))), 128))
+                ])
+              ])
+            ]),
+            t("section", Fe, [
+              t("div", Ve, [
+                s[13] || (s[13] = t("div", null, [
+                  t("h2", null, "Typeface"),
+                  t("p", { class: "portal-description" }, "Fonts used in your interfaces.")
+                ], -1)),
+                c(v, {
+                  label: "Reset unsaved fonts",
+                  variant: "tertiary",
+                  disabled: a(e).state.saving,
+                  onClick: s[3] || (s[3] = (o) => F("fonts"))
+                }, null, 8, ["disabled"])
+              ]),
+              t("div", Ke, [
+                (l(!0), r(b, null, f(a(te), (o) => (l(), _(J, {
+                  key: o.path,
+                  modelValue: a(e).state.fonts[o.path],
+                  "onUpdate:modelValue": [
+                    (i) => a(e).state.fonts[o.path] = i,
+                    s[4] || (s[4] = (i) => u.value = !1)
+                  ],
+                  label: o.label === "Heading" ? "Headings" : o.label,
+                  disabled: !a(h) || a(e).state.saving
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"]))), 128))
+              ]),
+              s[14] || (s[14] = t("p", { class: "portal-description brand-font-help" }, "Supported by Google Fonts", -1))
+            ])
+          ], 64)) : d("", !0)
+        ])
+      ]);
+    };
+  }
+}), Pe = /* @__PURE__ */ oe(Se, [["__scopeId", "data-v-69311627"]]);
+export {
+  Pe as default
+};