@feedmepos/mf-menu 1.0.1-dev.1 → 1.0.1-dev.3

package/dist/Preview-DrbsRznu.js

@@ -0,0 +1,321 @@
+import { defineComponent as M, ref as K, computed as o, shallowRef as Q, watch as T, onBeforeUnmount as X, resolveComponent as L, openBlock as s, createBlock as p, unref as t, withCtx as Y, createElementBlock as U, Fragment as Z, createElementVNode as i, createCommentVNode as w, toDisplayString as h, createVNode as D, withDirectives as ee, vShow as te } 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 ae } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { b as ue, u as ne, a as se } from "./provide-UZbVvMqZ.js";
+function oe(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(k) {
+      var d, v;
+      (v = (d = g()) == null ? void 0 : d.contentWindow) == null || v.postMessage(k, r);
+    },
+    subscribe(k) {
+      const d = (v) => {
+        var n;
+        if (v.origin !== r) return;
+        const f = (n = g()) == null ? void 0 : n.contentWindow;
+        !f || v.source !== f || k(v.data);
+      };
+      return l.addEventListener("message", d), () => l.removeEventListener("message", d);
+    }
+  };
+}
+const re = { class: "flex flex-wrap items-end gap-16 pb-24" }, me = {
+  key: 4,
+  class: "flex flex-col gap-4"
+}, ce = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, de = { class: "flex flex-wrap items-start gap-24" }, ve = { class: "relative flex min-w-0 flex-[999_1_480px] flex-col items-center rounded-lg bg-fm-color-neutral-gray-100 p-16" }, pe = ["src", "title"], _e = {
+  key: 0,
+  class: "absolute inset-0 flex flex-col items-center justify-center gap-8",
+  "data-testid": "menu-preview-loading"
+}, fe = { class: "text-fm-color-typo-secondary" }, we = {
+  key: 2,
+  class: "pt-8 text-fm-color-typo-secondary",
+  "data-testid": "menu-preview-summary"
+}, ge = ["aria-label"], be = { class: "fm-typo-en-body-lg-600" }, he = { class: "flex list-disc flex-col gap-4 pl-16" }, ke = /* @__PURE__ */ M({
+  __name: "MenuPreview",
+  props: {
+    sdk: {},
+    simulatorUrl: {},
+    parentOrigin: {}
+  },
+  setup(g) {
+    const r = g, { t: l, locale: k } = le(), d = ue(), v = K(null), f = o(
+      () => r.simulatorUrl ? oe(
+        r.simulatorUrl,
+        r.parentOrigin ?? window.location.origin
+      ) : null
+    ), n = f.value ? r.sdk.preview.open({ appLocale: k.value }) : null, x = n ? ne(n.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 && n ? n.attach(
+          ie(() => v.value, f.value.origin)
+        ) : null;
+      },
+      { flush: "post" }
+    ), X(() => {
+      b == null || b(), n == null || n.dispose();
+    });
+    const S = (e) => !!e && e.state !== "hidden", F = (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) => l(N[m])).join(l("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"
+    }, V = o(
+      () => {
+        var e;
+        return (((e = u.value) == null ? void 0 : e.devices) ?? []).map((a) => ({
+          device: a,
+          item: {
+            label: l(O[a]),
+            icon: W[a]
+          }
+        }));
+      }
+    ), q = o(
+      () => {
+        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 z(e) {
+      const a = V.value.find((m) => m.item === e);
+      a && (n == null || n.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 : 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 E() {
+      n == null || n.retry();
+    }
+    return (e, a) => {
+      const m = L("FmSelect"), H = L("FmButtonGroup"), J = L("FmCircularProgress");
+      return s(), p(ae, {
+        heading: t(l)("menu.menu_preview.title"),
+        subheading: t(l)("menu.menu_preview.subtitle")
+      }, {
+        default: Y(() => {
+          var P;
+          return [
+            f.value ? t(x).status === "error" ? (s(), p(t(I), {
+              key: 1,
+              title: t(l)("menu.menu_preview.load_failed.title"),
+              subtitle: t(d)(t(x).error.message),
+              action: {
+                text: t(l)("menu.menu_preview.actions.retry"),
+                icon: "refresh",
+                callback: E
+              }
+            }, null, 8, ["title", "subtitle", "action"])) : t(x).status === "unavailable" ? (s(), p(t(I), {
+              key: 2,
+              title: t(l)("menu.menu_preview.title"),
+              subtitle: t(d)(t(x).reason)
+            }, null, 8, ["title", "subtitle"])) : (s(), U(Z, { key: 3 }, [
+              i("div", re, [
+                u.value && S(u.value.restaurantSelector) ? (s(), p(m, {
+                  key: 0,
+                  class: "w-[240px]",
+                  "data-testid": "menu-preview-restaurant",
+                  label: t(l)("menu.menu_preview.labels.restaurant"),
+                  items: R.value,
+                  "model-value": u.value.restaurantId,
+                  disabled: F(u.value.restaurantSelector),
+                  searchable: "",
+                  "onUpdate:modelValue": a[0] || (a[0] = (_) => {
+                    var c;
+                    return (c = t(n)) == null ? void 0 : c.selectRestaurant(_);
+                  })
+                }, null, 8, ["label", "items", "model-value", "disabled"])) : w("", !0),
+                u.value && S(u.value.catalogSelector) ? (s(), p(m, {
+                  key: 1,
+                  class: "w-[260px]",
+                  "data-testid": "menu-preview-catalog",
+                  label: t(l)("menu.menu_preview.labels.catalog"),
+                  placeholder: t(l)("menu.menu_preview.labels.no_catalog"),
+                  items: $.value,
+                  "model-value": u.value.catalogId,
+                  disabled: F(u.value.catalogSelector),
+                  "onUpdate:modelValue": a[1] || (a[1] = (_) => {
+                    var c;
+                    return (c = t(n)) == null ? void 0 : c.selectCatalog(_);
+                  })
+                }, null, 8, ["label", "placeholder", "items", "model-value", "disabled"])) : w("", !0),
+                u.value && S(u.value.schedulerSelector) ? (s(), p(m, {
+                  key: 2,
+                  class: "w-[200px]",
+                  "data-testid": "menu-preview-scheduler",
+                  label: t(l)("menu.menu_preview.labels.scheduler"),
+                  items: j.value,
+                  "model-value": u.value.schedulerId,
+                  disabled: F(u.value.schedulerSelector),
+                  "onUpdate:modelValue": a[2] || (a[2] = (_) => {
+                    var c;
+                    return (c = t(n)) == null ? void 0 : c.selectScheduler(_);
+                  })
+                }, null, 8, ["label", "items", "model-value", "disabled"])) : w("", !0),
+                u.value && S(u.value.localeSelector) ? (s(), p(m, {
+                  key: 3,
+                  class: "w-[180px]",
+                  "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: G.value,
+                  "model-value": u.value.locale,
+                  "onUpdate:modelValue": a[3] || (a[3] = (_) => {
+                    var c;
+                    return (c = t(n)) == null ? void 0 : c.selectLocale(_);
+                  })
+                }, null, 8, ["label", "label-info", "items", "model-value"])) : w("", !0),
+                u.value ? (s(), U("div", me, [
+                  i("span", ce, h(t(l)("menu.menu_preview.labels.device")), 1),
+                  D(H, {
+                    "data-testid": "menu-preview-device",
+                    items: V.value.map((_) => _.item),
+                    "model-value": q.value,
+                    "onUpdate:modelValue": z
+                  }, null, 8, ["items", "model-value"])
+                ])) : w("", !0)
+              ]),
+              i("div", de, [
+                i("div", ve, [
+                  ee(i("iframe", {
+                    ref_key: "frameElement",
+                    ref: v,
+                    class: "h-[880px] w-full border-0",
+                    "data-testid": "menu-preview-frame",
+                    src: f.value.src,
+                    title: t(l)("menu.menu_preview.frame_title")
+                  }, null, 8, pe), [
+                    [te, !C.value]
+                  ]),
+                  A.value ? (s(), U("div", _e, [
+                    D(J),
+                    i("span", fe, h(((P = y.value) == null ? void 0 : P.status) === "connecting" ? t(l)("menu.menu_preview.status.connecting") : t(l)("menu.menu_preview.status.building")), 1)
+                  ])) : w("", !0),
+                  C.value ? (s(), p(t(I), {
+                    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: E
+                    } : void 0
+                  }, null, 8, ["title", "subtitle", "action"])) : w("", !0),
+                  B.value ? (s(), U("p", we, h(B.value), 1)) : w("", !0)
+                ]),
+                i("section", {
+                  class: "flex flex-[1_1_280px] flex-col gap-8 rounded-lg border border-fm-color-neutral-gray-200 p-16",
+                  "aria-label": t(l)("menu.menu_preview.limits.title")
+                }, [
+                  i("h2", be, h(t(l)("menu.menu_preview.limits.title")), 1),
+                  i("ul", he, [
+                    i("li", null, h(t(l)("menu.menu_preview.limits.stock")), 1),
+                    i("li", null, h(t(l)("menu.menu_preview.limits.pricing")), 1),
+                    i("li", null, h(t(l)("menu.menu_preview.limits.checkout")), 1)
+                  ])
+                ], 8, ge)
+              ])
+            ], 64)) : (s(), p(t(I), {
+              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"]);
+    };
+  }
+}), Ie = /* @__PURE__ */ M({
+  __name: "Preview",
+  setup(g) {
+    const r = se(), l = "https://menu-simulator-dev.feedme-dev.workers.dev";
+    return (k, d) => (s(), p(ke, {
+      sdk: t(r),
+      "simulator-url": t(l)
+    }, null, 8, ["sdk", "simulator-url"]));
+  }
+});
+export {
+  Ie as default
+};

package/dist/{PriceTierNotice.vue_vue_type_script_setup_true_lang-hbG9eqTr.js → PriceTierNotice.vue_vue_type_script_setup_true_lang-BTJwvrlT.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-CxmHxIEV.js";
+import { u as _ } from "./provide-UZbVvMqZ.js";
 const b = /* @__PURE__ */ a({
   __name: "PriceTierNotice",
   props: {