@feedmepos/mf-miniprogram-v2 0.2.9-dev.8 → 0.2.9

package/dist/{App-DvS0M-h7.js → App-DDgjAONU.js}

@@ -5,9 +5,9 @@ import { readonly as ee, ref as V, watch as we, defineComponent as Te, computed
 import { useCoreStore as oe } from "@feedmepos/mf-common";
 import { useRoute as Re, useRouter as Ke, RouterView as Ue } from "vue-router";
 import { P as St } from "./PortalIcon-DO0VrIoY.js";
-import { r as Ce, u as Me, w as _e } from "./localPreference-cX7JCvEc.js";
+import { r as Ce, u as Me, w as _e } from "./localPreference-Cdti49bE.js";
 import { c as Ot } from "./_commonjsHelpers-DaMA6jEr.js";
-import { p as De } from "./portalContext-BWcPaz4H.js";
+import { p as De } from "./portalContext-CCW6O5KF.js";
 import { e as Ge, p as dt } from "./portalNavigation-DLcC7Koh.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 var re = { exports: {} };
@@ -944,7 +944,7 @@ const tn = {
         }
       }
     }), Xe(v.namespace.value);
-    const I = Ze("fmmf:dev"), w = st(() => l.name === "miniprogram-v2-project"), W = st(() => ({
+    const I = Ze("fmmf:prod"), w = st(() => l.name === "miniprogram-v2-project"), W = st(() => ({
       ...dt(l.query),
       ...w.value ? { returnProjectId: String(l.params.projectId) } : {}
     })), E = st(() => I.loading.value || I.enabled.value), g = V(

package/dist/{BrandFontPicker-D8OXBoHt.js → BrandFontPicker-BVfiQBLP.js}

@@ -1,5 +1,5 @@
 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-C8qxHPWH.js";
+import { G as V, f as ne, b as p, l as se } from "./useBrandKit-fmzepsFY.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,

package/dist/BrandKitView-BLH-bglF.js

@@ -0,0 +1,329 @@
+import { defineComponent as J, ref as M, computed as q, onMounted as E, onScopeDispose as T, resolveComponent as k, openBlock as r, createElementBlock as l, createElementVNode as t, createTextVNode as v, createBlock as _, Teleport as Q, unref as a, toDisplayString as m, createCommentVNode as u, createVNode as b, withCtx as B, normalizeStyle as C, normalizeClass as X, Fragment as y, renderList as w, withDirectives as R, vModelText as P, watch as W } from "vue";
+import { _ as ee, B as te } from "./BrandFontPicker-BVfiQBLP.js";
+import { useRouter as ae, onBeforeRouteLeave as se } from "vue-router";
+import { useDialog as oe, useSnackbar as ne } from "@feedmepos/ui-library";
+import { a as re, C as N, t as $, F as le, u as ie, i as de } from "./useBrandKit-fmzepsFY.js";
+import { detectLocale as ue } from "@feedmepos/mf-common";
+import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const U = "data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='14.9999'%20height='13.75'%20viewBox='0%200%2014.9999%2013.75'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%201197147821'%3e%3cpath%20id='Ellipse%201329'%20d='M12.5%206.875C12.5%203.42322%209.84169%200.625%206.5625%200.625C3.28331%200.625%200.625%203.42322%200.625%206.875C0.625%2010.3268%203.28331%2013.125%206.5625%2013.125'%20stroke='%23B2B3B6'%20stroke-width='1.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='Group%201197147762'%3e%3cpath%20id='Line%20297'%20d='M10.4952%206.53566C10.2511%206.2916%2010.2511%205.89592%2010.4953%205.65189C10.7394%205.40785%2011.1352%205.40787%2011.3793%205.65193L10.9372%206.0938L10.4952%206.53566ZM13.0982%207.37064C13.3423%207.6147%2013.3423%208.01038%2013.0982%208.25441C12.854%208.49845%2012.4583%208.49843%2012.2142%208.25437L12.6562%207.8125L13.0982%207.37064ZM10.9372%206.0938L11.3793%205.65193L13.0982%207.37064L12.6562%207.8125L12.2142%208.25437L10.4952%206.53566L10.9372%206.0938Z'%20fill='%23B2B3B6'/%3e%3cpath%20id='Line%20298'%20d='M13.0982%208.25433C12.8542%208.49841%2012.4584%208.49846%2012.2143%208.25444C11.9701%208.01042%2011.9701%207.61475%2012.2141%207.37067L12.6562%207.8125L13.0982%208.25433ZM13.9328%205.65201C14.1769%205.40793%2014.5727%205.40788%2014.8168%205.6519C15.0609%205.89592%2015.061%206.29159%2014.8169%206.53567L14.3749%206.09384L13.9328%205.65201ZM12.6562%207.8125L12.2141%207.37067L13.9328%205.65201L14.3749%206.09384L14.8169%206.53567L13.0982%208.25433L12.6562%207.8125Z'%20fill='%23B2B3B6'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", ce = "@feedmepos/mf-remy-panel", L = {
+  en: "Help me with my mini-program Brand Kit: ",
+  zh: "帮我调整小程序的品牌设置（颜色和字体）：",
+  "zh-TW": "幫我調整小程式的品牌設定（顏色和字體）：",
+  "zh-Hant": "幫我調整小程式的品牌設定（顏色和字體）：",
+  th: "ช่วยปรับ Brand Kit ของมินิโปรแกรม (สีและฟอนต์) ให้หน่อย: ",
+  ja: "ミニプログラムのブランドキット（色とフォント）を調整したいです：",
+  ko: "미니 프로그램 브랜드 키트(색상과 글꼴)를 조정하고 싶어요: ",
+  id: "Bantu saya mengatur Brand Kit mini-program (warna dan font): ",
+  ms: "Bantu saya ubah Brand Kit mini-program (warna dan fon): ",
+  vi: "Giúp tôi chỉnh Brand Kit của mini-program (màu sắc và phông chữ): ",
+  fr: "Aide-moi à modifier le Brand Kit de mon mini-programme (couleurs et polices) : "
+};
+function ve(p) {
+  const e = (p ?? "").trim();
+  return L[e] ?? L[e.split("-")[0].toLowerCase()] ?? L.en;
+}
+async function me() {
+  try {
+    const { useAppStore: p } = await import(
+      /* @vite-ignore */
+      ce
+    ), e = p();
+    return e.activate({ prompt: ve(ue()) }), e;
+  } catch (p) {
+    return console.warn("Remy panel unavailable", p), null;
+  }
+}
+const he = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }, be = { class: "portal-page-inner brand-page" }, ge = { class: "brand-actions" }, ye = {
+  key: 0,
+  class: "brand-unsaved"
+}, fe = {
+  key: 1,
+  class: "portal-notice"
+}, ke = {
+  key: 2,
+  class: "portal-loading",
+  role: "status"
+}, _e = {
+  key: 3,
+  role: "alert",
+  class: "portal-section portal-error"
+}, Be = {
+  key: 4,
+  role: "status"
+}, Ce = { class: "portal-section" }, we = { class: "portal-section-head" }, Le = { class: "brand-reset-content fm-typo-en-body-lg-600" }, xe = { class: "brand-color-grid" }, Ke = ["value", "aria-label", "disabled", "onInput"], Ae = { class: "brand-field-label" }, Se = ["onUpdate:modelValue", "aria-label", "aria-invalid", "disabled"], De = {
+  key: 0,
+  class: "portal-error"
+}, Fe = { class: "brand-advanced" }, Ie = { class: "brand-role-grid" }, Ve = ["value", "aria-label", "disabled", "onInput"], Me = ["onUpdate:modelValue", "aria-label", "aria-invalid", "disabled"], Ee = { class: "portal-section" }, Te = { class: "portal-section-head" }, Re = { class: "brand-reset-content fm-typo-en-body-lg-600" }, Pe = { class: "brand-font-grid" }, Ne = /* @__PURE__ */ J({
+  __name: "BrandKitView",
+  setup(p) {
+    const e = ie(), h = re(), x = oe(), K = ne(), A = M(!1), z = ae(), c = M(!1), S = ["primary", "secondary", "accent", "background.base", "text.primary"], H = S.map((n) => N.find((s) => s.path === n)), O = N.filter((n) => !S.includes(n.path)), D = q(
+      () => !h.value || !e.state.loaded || e.state.loading || e.state.saving || e.hasInvalidColor.value || e.dirtyCount.value === 0
+    ), f = (n) => !!(e.state.colors[n] && !de(e.state.colors[n]));
+    function F(n, s) {
+      e.state.colors[n] = s.target.value, c.value = !1;
+    }
+    function I(n) {
+      e.resetToDefault(n), c.value = !1;
+    }
+    function Z() {
+      x.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(() => {
+          c.value = !0;
+        }).catch(() => {
+          c.value = !1;
+        });
+      });
+    }
+    E(() => {
+      A.value = !0, e.load();
+    });
+    let i = null;
+    async function G() {
+      const n = await me();
+      if (!n) {
+        K.open({ message: "Remy is not available on this page." }, 3e3);
+        return;
+      }
+      i == null || i(), i = W(
+        () => n.dialogShowing,
+        (s) => {
+          if (!s && (i == null || i(), i = null, !e.state.saving)) {
+            if (e.dirtyCount.value) {
+              K.open(
+                { message: "Remy may have changed your Brand Kit. Save or discard your edits, then reload to see it." },
+                5e3
+              );
+              return;
+            }
+            e.load(!0);
+          }
+        }
+      );
+    }
+    T(() => i == null ? void 0 : i());
+    function V(n) {
+      !e.dirtyCount.value && !e.state.saving || (n.preventDefault(), n.returnValue = "");
+    }
+    return E(() => window.addEventListener("beforeunload", V)), T(() => window.removeEventListener("beforeunload", V)), se((n) => e.state.saving ? !1 : e.dirtyCount.value ? (x.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(), z.push(n);
+    }), !1) : !0), (n, s) => {
+      const Y = k("FmIcon"), g = k("FmButton"), j = k("FmCircularProgress");
+      return r(), l("div", he, [
+        t("div", be, [
+          t("header", { class: "portal-page-heading" }, [
+            s[6] || (s[6] = t("div", null, [
+              t("p", { class: "portal-eyebrow" }, "Applies to every surface"),
+              t("h1", null, "Your Business Identity")
+            ], -1)),
+            t("div", { class: "brand-help" }, [
+              s[5] || (s[5] = t("span", null, "Need help on brand kit?", -1)),
+              t("button", {
+                class: "brand-ask-remy",
+                type: "button",
+                onClick: G
+              }, [...s[4] || (s[4] = [
+                t("img", {
+                  src: ee,
+                  alt: "",
+                  width: "20",
+                  height: "20"
+                }, null, -1),
+                v(" Ask Remy ", -1)
+              ])])
+            ])
+          ]),
+          A.value ? (r(), _(Q, {
+            key: 0,
+            to: "#portal-page-actions"
+          }, [
+            t("div", ge, [
+              a(e).dirtyCount.value ? (r(), l("span", ye, m(a(e).dirtyCount.value) + " unsaved", 1)) : u("", !0),
+              b(g, {
+                label: "Save",
+                disabled: D.value,
+                loading: a(e).state.saving,
+                onClick: Z
+              }, {
+                default: B(() => [
+                  t("span", {
+                    class: X(["brand-save-content fm-typo-en-body-lg-600", { invisible: a(e).state.saving }]),
+                    style: C({ color: D.value ? "var(--fm-color-neutral-gray-200)" : "var(--fm-color-neutral-white)" })
+                  }, [
+                    b(Y, {
+                      name: "save",
+                      "aria-hidden": "true",
+                      style: { color: "inherit", fontSize: "20px", width: "20px", height: "20px", lineHeight: "20px", flex: "0 0 20px" }
+                    }),
+                    s[7] || (s[7] = v(" Save ", -1))
+                  ], 6)
+                ]),
+                _: 1
+              }, 8, ["disabled", "loading"])
+            ])
+          ])) : u("", !0),
+          a(h) ? u("", !0) : (r(), l("p", fe, " You can view this Brand Kit, but need Brand Kit management permission to save changes. ")),
+          a(e).state.loading ? (r(), l("div", ke, [
+            b(j, { size: "xl" }),
+            s[8] || (s[8] = v("Loading Brand Kit… ", -1))
+          ])) : u("", !0),
+          a(e).state.error ? (r(), l("div", _e, [
+            t("p", null, m(a(e).state.error), 1),
+            a(e).state.loaded ? u("", !0) : (r(), _(g, {
+              key: 0,
+              label: "Try again",
+              variant: "secondary",
+              onClick: s[0] || (s[0] = (o) => a(e).load(!0))
+            }))
+          ])) : u("", !0),
+          c.value && !a(e).dirtyCount.value && !a(e).state.error ? (r(), l("p", Be, " Brand Kit saved. Apps using this kit can now pick up the changes. ")) : u("", !0),
+          a(e).state.loaded && !a(e).state.loading ? (r(), l(y, { key: 5 }, [
+            t("section", Ce, [
+              t("div", we, [
+                s[10] || (s[10] = t("div", null, [
+                  t("h2", null, "Colors"),
+                  t("p", { class: "portal-description" }, "The colors that represent your brand identity.")
+                ], -1)),
+                b(g, {
+                  label: "Reset to default",
+                  class: "brand-reset-button",
+                  variant: "tertiary",
+                  disabled: !a(h) || a(e).state.saving || a(e).colorsAreDefault.value,
+                  onClick: s[1] || (s[1] = (o) => I("colors"))
+                }, {
+                  default: B(() => [
+                    t("span", Le, [
+                      t("span", {
+                        class: "brand-reset-icon",
+                        style: C({ maskImage: `url(${JSON.stringify(a(U))})` }),
+                        "aria-hidden": "true"
+                      }, null, 4),
+                      s[9] || (s[9] = v(" Reset to default ", -1))
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ]),
+              t("div", xe, [
+                (r(!0), l(y, null, w(a(H), (o) => (r(), l("label", {
+                  key: o.path,
+                  class: "brand-color-card"
+                }, [
+                  t("input", {
+                    type: "color",
+                    value: a($)(a(e).state.colors[o.path] ?? ""),
+                    "aria-label": `${o.label} color picker`,
+                    disabled: a(e).state.saving,
+                    onInput: (d) => F(o.path, d)
+                  }, null, 40, Ke),
+                  t("span", Ae, m(o.path === "background.base" ? "Background" : o.path === "text.primary" ? "Text" : o.label), 1),
+                  R(t("input", {
+                    "onUpdate:modelValue": (d) => a(e).state.colors[o.path] = d,
+                    class: "brand-value",
+                    "aria-label": `${o.path} hex color`,
+                    "aria-invalid": f(o.path),
+                    disabled: a(e).state.saving,
+                    placeholder: "App default",
+                    spellcheck: "false"
+                  }, null, 8, Se), [
+                    [P, a(e).state.colors[o.path]]
+                  ]),
+                  f(o.path) ? (r(), l("small", De, "Enter a hex color")) : u("", !0)
+                ]))), 128))
+              ]),
+              t("details", Fe, [
+                s[11] || (s[11] = t("summary", null, [
+                  v("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", Ie, [
+                  (r(!0), l(y, null, w(a(O), (o) => (r(), l("label", {
+                    key: o.path
+                  }, [
+                    t("span", null, m(o.group) + " · " + m(o.label), 1),
+                    t("div", null, [
+                      t("input", {
+                        type: "color",
+                        value: a($)(a(e).state.colors[o.path] ?? ""),
+                        "aria-label": `${o.path} color picker`,
+                        disabled: a(e).state.saving,
+                        onInput: (d) => F(o.path, d)
+                      }, null, 40, Ve),
+                      R(t("input", {
+                        "onUpdate:modelValue": (d) => a(e).state.colors[o.path] = d,
+                        "aria-label": `${o.path} hex color`,
+                        "aria-invalid": f(o.path),
+                        disabled: a(e).state.saving,
+                        class: "brand-value",
+                        placeholder: "App default",
+                        spellcheck: "false"
+                      }, null, 8, Me), [
+                        [P, a(e).state.colors[o.path]]
+                      ])
+                    ]),
+                    t("small", null, m(o.hint), 1)
+                  ]))), 128))
+                ])
+              ])
+            ]),
+            t("section", Ee, [
+              t("div", Te, [
+                s[14] || (s[14] = t("div", null, [
+                  t("h2", null, "Typeface"),
+                  t("p", { class: "portal-description" }, "Fonts used in your interfaces.")
+                ], -1)),
+                b(g, {
+                  label: "Reset to default",
+                  class: "brand-reset-button",
+                  variant: "tertiary",
+                  disabled: !a(h) || a(e).state.saving || a(e).fontsAreDefault.value,
+                  onClick: s[2] || (s[2] = (o) => I("fonts"))
+                }, {
+                  default: B(() => [
+                    t("span", Re, [
+                      t("span", {
+                        class: "brand-reset-icon",
+                        style: C({ maskImage: `url(${JSON.stringify(a(U))})` }),
+                        "aria-hidden": "true"
+                      }, null, 4),
+                      s[13] || (s[13] = v(" Reset to default ", -1))
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ]),
+              t("div", Pe, [
+                (r(!0), l(y, null, w(a(le), (o) => (r(), _(te, {
+                  key: o.path,
+                  modelValue: a(e).state.fonts[o.path],
+                  "onUpdate:modelValue": [
+                    (d) => a(e).state.fonts[o.path] = d,
+                    s[3] || (s[3] = (d) => c.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[15] || (s[15] = t("p", { class: "portal-description brand-font-help" }, "Supported by Google Fonts", -1))
+            ])
+          ], 64)) : u("", !0)
+        ])
+      ]);
+    };
+  }
+}), Ye = /* @__PURE__ */ pe(Ne, [["__scopeId", "data-v-15b800ed"]]);
+export {
+  Ye as default
+};