@feedmepos/mf-menu 1.0.1-dev.2 → 1.0.1-dev.4

package/dist/Preview-B19pRXmI.js

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

package/dist/{PriceTierNotice.vue_vue_type_script_setup_true_lang-vmxVZ2ya.js → PriceTierNotice.vue_vue_type_script_setup_true_lang-DwwfXWL8.js}

@@ -1,6 +1,6 @@
 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-dbE6Qt1z.js";
+import { u as _ } from "./provide-FZ08sGZH.js";
 const b = /* @__PURE__ */ a({
   __name: "PriceTierNotice",
   props: {