@feedmepos/mf-menu-portal 0.0.0-stage → 1.0.1-dev.1

package/dist/OrderPacingFields.vue_vue_type_script_setup_true_lang-C2mixGUk.js

@@ -0,0 +1,55 @@
+import { defineComponent as g, computed as m, resolveComponent as d, openBlock as F, createBlock as w, unref as s, withCtx as p, createVNode as u, mergeProps as c, renderSlot as b } from "vue";
+import { useI18n as y } from "@feedmepos/mf-common";
+import { _ as k } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
+import { b as h } from "./provide-Tmjfji09.js";
+const P = /* @__PURE__ */ g({
+  __name: "OrderPacingFields",
+  props: {
+    view: {},
+    session: {},
+    validation: {}
+  },
+  setup(v) {
+    const e = v, { t: l } = y(), o = h(), r = m(
+      () => e.view ? e.validation.issue(e.view.fieldIssues, "name") ?? e.view.nameIssue : null
+    ), n = m(
+      () => e.view ? e.validation.issue(e.view.fieldIssues, "delay") ?? e.view.delayIssue : null
+    );
+    return (a, I) => {
+      const _ = d("FmTextField"), f = d("FmStepperField");
+      return F(), w(k, {
+        title: s(l)("menu.order_pacing.time_preset.label")
+      }, {
+        default: p(() => {
+          var i, t;
+          return [
+            u(_, c({
+              autofocus: "",
+              "error-messages": r.value ? [s(o)(r.value)] : [],
+              label: s(l)("menu.order_pacing.time_preset.preset_name"),
+              "label-mark": "required",
+              "model-value": ((i = a.view) == null ? void 0 : i.name) ?? "",
+              placeholder: s(l)("menu.order_pacing.time_preset.placeholder")
+            }, a.validation.field("name", a.session.setName)), {
+              append: p(() => [
+                b(a.$slots, "name-append")
+              ]),
+              _: 3
+            }, 16, ["error-messages", "label", "model-value", "placeholder"]),
+            u(f, c({
+              "error-messages": n.value ? [s(o)(n.value)] : [],
+              label: s(l)("menu.order_pacing.time_preset.delay"),
+              min: 0,
+              "model-value": ((t = a.view) == null ? void 0 : t.delay) ?? 0,
+              step: 5
+            }, a.validation.field("delay", a.session.setDelay)), null, 16, ["error-messages", "label", "model-value"])
+          ];
+        }),
+        _: 3
+      }, 8, ["title"]);
+    };
+  }
+});
+export {
+  P as _
+};

package/dist/PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js

@@ -0,0 +1,41 @@
+import { defineComponent as r, openBlock as t, createElementBlock as n, createElementVNode as s, renderSlot as o, toDisplayString as a, createCommentVNode as d, normalizeClass as l } from "vue";
+const c = {
+  class: /* @__PURE__ */ l([
+    "flex flex-col",
+    "p-24 xs:p-0",
+    "bg-fm-color-neutral-white",
+    "min-h-[calc(100dvh-56px)]",
+    "xs:max-h-[calc(100dvh-56px)]"
+  ])
+}, i = {
+  class: /* @__PURE__ */ l([
+    "flex items-center",
+    "mb-24 xs:mb-0 xs:p-16",
+    "xs:border-b border-fm-color-neutral-gray-100"
+  ])
+}, p = { class: "flex flex-col gap-4" }, m = { class: "fm-typo-en-title-md-600" }, h = {
+  key: 0,
+  class: "text-fm-color-typo-secondary pt-4"
+}, u = /* @__PURE__ */ r({
+  __name: "PageLayout",
+  props: {
+    heading: {},
+    subheading: {}
+  },
+  setup(f) {
+    return (e, _) => (t(), n("div", c, [
+      s("div", i, [
+        o(e.$slots, "prepend-heading"),
+        s("div", p, [
+          s("h1", m, a(e.heading), 1),
+          e.subheading ? (t(), n("p", h, a(e.subheading), 1)) : d("", !0)
+        ]),
+        o(e.$slots, "append-heading")
+      ]),
+      o(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  u as _
+};

package/dist/Preview-1C7jGJuY.js

@@ -0,0 +1,327 @@
+import { defineComponent as N, ref as J, computed as i, shallowRef as K, watch as Q, onBeforeUnmount as X, resolveComponent as F, openBlock as n, createBlock as _, unref as t, withCtx as Y, createElementBlock as I, createElementVNode as o, createCommentVNode as w, toDisplayString as k, createVNode as D, withDirectives as Z, vShow as ee } from "vue";
+import { useI18n as le } from "@feedmepos/mf-common";
+import { _ as U } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as te } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { b as ae, u as ue, a as se } from "./provide-Tmjfji09.js";
+function ne(g, r) {
+  const l = new URL(g);
+  return l.searchParams.set("parent", r), { src: l.toString(), origin: l.origin };
+}
+function ie(g, r, l = window) {
+  return {
+    post(x) {
+      var d, v;
+      (v = (d = g()) == null ? void 0 : d.contentWindow) == null || v.postMessage(x, r);
+    },
+    subscribe(x) {
+      const d = (v) => {
+        var s;
+        if (v.origin !== r) return;
+        const f = (s = g()) == null ? void 0 : s.contentWindow;
+        !f || v.source !== f || x(v.data);
+      };
+      return l.addEventListener("message", d), () => l.removeEventListener("message", d);
+    }
+  };
+}
+const oe = {
+  key: 3,
+  class: "flex flex-wrap items-start gap-24"
+}, re = { class: "flex w-[320px] max-w-full shrink-0 flex-col gap-24" }, me = { class: "flex flex-col gap-16" }, ce = {
+  key: 4,
+  class: "flex flex-col gap-4",
+  role: "group",
+  "aria-labelledby": "menu-preview-device-label"
+}, de = {
+  id: "menu-preview-device-label",
+  class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary"
+}, ve = ["aria-label"], pe = { class: "fm-typo-en-body-lg-600" }, _e = { class: "flex list-disc flex-col gap-4 pl-16" }, fe = { class: "relative flex min-w-0 flex-[1_1_480px] flex-col items-center rounded-lg bg-fm-color-neutral-gray-100 p-16" }, we = ["src", "title"], ge = {
+  key: 0,
+  class: "absolute inset-0 flex flex-col items-center justify-center gap-8",
+  "data-testid": "menu-preview-loading",
+  role: "status"
+}, be = { class: "text-fm-color-typo-secondary" }, he = {
+  key: 2,
+  class: "pt-8 text-fm-color-typo-secondary",
+  "data-testid": "menu-preview-summary"
+}, B = "$main", ke = /* @__PURE__ */ N({
+  __name: "MenuPreview",
+  props: {
+    sdk: {},
+    simulatorUrl: {},
+    parentOrigin: {}
+  },
+  setup(g) {
+    const r = g, { t: l, locale: x } = le(), d = ae(), v = J(null), f = i(
+      () => r.simulatorUrl ? ne(
+        r.simulatorUrl,
+        r.parentOrigin ?? window.location.origin
+      ) : null
+    ), s = f.value ? r.sdk.preview.open({ appLocale: x.value }) : null, b = s ? ue(s.view) : K({ status: "loading" }), u = i(
+      () => b.value.status === "ready" ? b.value.value : null
+    );
+    let h = null;
+    Q(
+      v,
+      (e) => {
+        h == null || h(), h = e && f.value && s ? s.attach(
+          ie(() => v.value, f.value.origin)
+        ) : null;
+      },
+      { flush: "post" }
+    ), X(() => {
+      h == null || h(), s == null || s.dispose();
+    });
+    const S = (e) => !!e && e.state !== "hidden", L = (e) => (e == null ? void 0 : e.state) === "disabled", R = i(
+      () => {
+        var e;
+        return (((e = u.value) == null ? void 0 : e.restaurants) ?? []).map((a) => ({
+          label: a.label,
+          value: a.id
+        }));
+      }
+    ), A = {
+      default: "menu.menu_preview.usage.default",
+      pickup: "menu.menu_preview.usage.pickup",
+      takeaway: "menu.menu_preview.usage.takeaway",
+      additional: "menu.menu_preview.usage.additional"
+    }, G = i(
+      () => {
+        var e;
+        return (((e = u.value) == null ? void 0 : e.catalogs) ?? []).map((a) => ({
+          label: a.name ?? l("menu.menu_preview.labels.main_catalog"),
+          value: a.id ?? B,
+          ...a.usages.length > 0 ? {
+            sublabel: a.usages.map((m) => l(A[m])).join(l("menu.common.labels.list_separator"))
+          } : {}
+        }));
+      }
+    ), O = i(
+      () => {
+        var e;
+        return (((e = u.value) == null ? void 0 : e.schedulers) ?? []).map((a) => ({
+          label: a.name,
+          value: a.id
+        }));
+      }
+    ), $ = i(
+      () => {
+        var e;
+        return (((e = u.value) == null ? void 0 : e.locales) ?? []).map((a) => ({
+          label: a.name,
+          value: a.code
+        }));
+      }
+    ), j = {
+      phone: "menu.menu_preview.device.phone",
+      tablet: "menu.menu_preview.device.tablet",
+      kiosk: "menu.menu_preview.device.kiosk"
+    }, T = {
+      phone: "smartphone",
+      tablet: "tablet",
+      kiosk: "tv"
+    }, V = i(
+      () => {
+        var e;
+        return (((e = u.value) == null ? void 0 : e.devices) ?? []).map((a) => ({
+          device: a,
+          item: {
+            label: l(j[a]),
+            icon: T[a]
+          }
+        }));
+      }
+    ), W = i(
+      () => {
+        var e;
+        return ((e = V.value.find((a) => {
+          var m;
+          return a.device === ((m = u.value) == null ? void 0 : m.device);
+        })) == null ? void 0 : e.item) ?? null;
+      }
+    );
+    function q(e) {
+      const a = V.value.find((m) => m.item === e);
+      a && (s == null || s.selectDevice(a.device));
+    }
+    const y = i(() => {
+      var e;
+      return ((e = u.value) == null ? void 0 : e.simulator) ?? null;
+    }), E = i(() => {
+      var e, a;
+      return b.value.status === "loading" ? l("menu.menu_preview.status.loading") : ((e = y.value) == null ? void 0 : e.status) === "connecting" ? l("menu.menu_preview.status.connecting") : ((a = y.value) == null ? void 0 : a.status) === "building" ? l("menu.menu_preview.status.building") : null;
+    }), C = i(
+      () => {
+        var e;
+        return ((e = y.value) == null ? void 0 : e.status) === "failed" ? y.value : null;
+      }
+    ), M = i(() => {
+      const e = y.value;
+      return (e == null ? void 0 : e.status) !== "ready" ? null : l("menu.menu_preview.status.summary", {
+        categories: l(
+          "menu.menu_preview.status.categories",
+          { count: e.categoryCount },
+          e.categoryCount
+        ),
+        items: l(
+          "menu.menu_preview.status.items",
+          { count: e.itemCount },
+          e.itemCount
+        )
+      });
+    });
+    function P() {
+      s == null || s.retry();
+    }
+    return (e, a) => {
+      const m = F("FmSelect"), z = F("FmButtonGroup"), H = F("FmCircularProgress");
+      return n(), _(te, {
+        heading: t(l)("menu.menu_preview.title"),
+        subheading: t(l)("menu.menu_preview.subtitle")
+      }, {
+        default: Y(() => [
+          f.value ? t(b).status === "error" ? (n(), _(t(U), {
+            key: 1,
+            title: t(l)("menu.menu_preview.load_failed.title"),
+            subtitle: t(d)(t(b).error.message),
+            action: {
+              text: t(l)("menu.menu_preview.actions.retry"),
+              icon: "refresh",
+              callback: P
+            }
+          }, null, 8, ["title", "subtitle", "action"])) : t(b).status === "unavailable" ? (n(), _(t(U), {
+            key: 2,
+            title: t(l)("menu.menu_preview.title"),
+            subtitle: t(d)(t(b).reason)
+          }, null, 8, ["title", "subtitle"])) : (n(), I("div", oe, [
+            o("aside", re, [
+              o("div", me, [
+                u.value && S(u.value.restaurantSelector) ? (n(), _(m, {
+                  key: 0,
+                  class: "w-full",
+                  "data-testid": "menu-preview-restaurant",
+                  label: t(l)("menu.menu_preview.labels.restaurant"),
+                  items: R.value,
+                  "model-value": u.value.restaurantId,
+                  disabled: L(u.value.restaurantSelector),
+                  searchable: "",
+                  "onUpdate:modelValue": a[0] || (a[0] = (p) => {
+                    var c;
+                    return (c = t(s)) == null ? void 0 : c.selectRestaurant(p);
+                  })
+                }, null, 8, ["label", "items", "model-value", "disabled"])) : w("", !0),
+                u.value && S(u.value.catalogSelector) ? (n(), _(m, {
+                  key: 1,
+                  class: "w-full",
+                  "data-testid": "menu-preview-catalog",
+                  label: t(l)("menu.menu_preview.labels.catalog"),
+                  items: G.value,
+                  "model-value": u.value.catalogId ?? B,
+                  disabled: L(u.value.catalogSelector),
+                  "onUpdate:modelValue": a[1] || (a[1] = (p) => {
+                    var c;
+                    return (c = t(s)) == null ? void 0 : c.selectCatalog(
+                      p === B ? null : p
+                    );
+                  })
+                }, null, 8, ["label", "items", "model-value", "disabled"])) : w("", !0),
+                u.value && S(u.value.schedulerSelector) ? (n(), _(m, {
+                  key: 2,
+                  class: "w-full",
+                  "data-testid": "menu-preview-scheduler",
+                  label: t(l)("menu.menu_preview.labels.scheduler"),
+                  items: O.value,
+                  "model-value": u.value.schedulerId,
+                  disabled: L(u.value.schedulerSelector),
+                  "onUpdate:modelValue": a[2] || (a[2] = (p) => {
+                    var c;
+                    return (c = t(s)) == null ? void 0 : c.selectScheduler(p);
+                  })
+                }, null, 8, ["label", "items", "model-value", "disabled"])) : w("", !0),
+                u.value && S(u.value.localeSelector) ? (n(), _(m, {
+                  key: 3,
+                  class: "w-full",
+                  "data-testid": "menu-preview-locale",
+                  label: t(l)("menu.menu_preview.labels.menu_language"),
+                  "label-info": t(l)("menu.menu_preview.labels.menu_language_info"),
+                  items: $.value,
+                  "model-value": u.value.locale,
+                  "onUpdate:modelValue": a[3] || (a[3] = (p) => {
+                    var c;
+                    return (c = t(s)) == null ? void 0 : c.selectLocale(p);
+                  })
+                }, null, 8, ["label", "label-info", "items", "model-value"])) : w("", !0),
+                u.value ? (n(), I("div", ce, [
+                  o("span", de, k(t(l)("menu.menu_preview.labels.device")), 1),
+                  D(z, {
+                    "data-testid": "menu-preview-device",
+                    items: V.value.map((p) => p.item),
+                    "model-value": W.value,
+                    "onUpdate:modelValue": q
+                  }, null, 8, ["items", "model-value"])
+                ])) : w("", !0)
+              ]),
+              o("section", {
+                class: "flex flex-col gap-8 rounded-lg border border-fm-color-neutral-gray-200 p-16",
+                "aria-label": t(l)("menu.menu_preview.limits.title")
+              }, [
+                o("h2", pe, k(t(l)("menu.menu_preview.limits.title")), 1),
+                o("ul", _e, [
+                  o("li", null, k(t(l)("menu.menu_preview.limits.stock")), 1),
+                  o("li", null, k(t(l)("menu.menu_preview.limits.pricing")), 1),
+                  o("li", null, k(t(l)("menu.menu_preview.limits.checkout")), 1)
+                ])
+              ], 8, ve)
+            ]),
+            o("div", fe, [
+              Z(o("iframe", {
+                ref_key: "frameElement",
+                ref: v,
+                class: "h-[880px] w-full border-0 lg:h-[calc(100dvh-256px)] lg:min-h-[560px]",
+                "data-testid": "menu-preview-frame",
+                src: f.value.src,
+                title: t(l)("menu.menu_preview.frame_title"),
+                sandbox: "allow-scripts allow-same-origin"
+              }, null, 8, we), [
+                [ee, !C.value]
+              ]),
+              E.value ? (n(), I("div", ge, [
+                D(H),
+                o("span", be, k(E.value), 1)
+              ])) : w("", !0),
+              C.value ? (n(), _(t(U), {
+                key: 1,
+                "data-testid": "menu-preview-failed",
+                title: t(l)("menu.menu_preview.failed.title"),
+                subtitle: t(d)(C.value.reason),
+                action: C.value.retryable ? {
+                  text: t(l)("menu.menu_preview.actions.retry"),
+                  icon: "refresh",
+                  callback: P
+                } : void 0
+              }, null, 8, ["title", "subtitle", "action"])) : w("", !0),
+              M.value ? (n(), I("p", he, k(M.value), 1)) : w("", !0)
+            ])
+          ])) : (n(), _(t(U), {
+            key: 0,
+            title: t(l)("menu.menu_preview.not_configured.title"),
+            subtitle: t(l)("menu.menu_preview.not_configured.subtitle")
+          }, null, 8, ["title", "subtitle"]))
+        ]),
+        _: 1
+      }, 8, ["heading", "subheading"]);
+    };
+  }
+}), Ue = /* @__PURE__ */ N({
+  __name: "Preview",
+  setup(g) {
+    const r = se(), l = "https://menu-simulator-dev.feedme-dev.workers.dev";
+    return (x, d) => (n(), _(ke, {
+      sdk: t(r),
+      "simulator-url": t(l)
+    }, null, 8, ["sdk", "simulator-url"]));
+  }
+});
+export {
+  Ue as default
+};

package/dist/PriceTierNotice.vue_vue_type_script_setup_true_lang-CxKHCptJ.js

@@ -0,0 +1,26 @@
+import { defineComponent as a, computed as c, resolveComponent as m, openBlock as l, createBlock as u, unref as p, createCommentVNode as i } from "vue";
+import { useI18n as d } from "@feedmepos/mf-common";
+import { u as _ } from "./provide-Tmjfji09.js";
+const b = /* @__PURE__ */ a({
+  __name: "PriceTierNotice",
+  props: {
+    sdk: {}
+  },
+  setup(o) {
+    const n = o, { t: s } = d(), e = _(n.sdk.priceTier.notice), t = c(
+      () => e.value.status === "ready" ? e.value.value.message : null
+    );
+    return (f, k) => {
+      const r = m("FmSnackbar");
+      return t.value ? (l(), u(r, {
+        key: 0,
+        "z-index": 0,
+        class: "!max-w-full",
+        title: p(s)(t.value.code)
+      }, null, 8, ["title"])) : i("", !0);
+    };
+  }
+});
+export {
+  b as _
+};