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

package/dist/{useActionFeedback-CdY_C_HX.js → useActionFeedback-BNYAkEZw.js}

@@ -1,6 +1,6 @@
 import { useI18n as y } from "@feedmepos/mf-common";
 import { useSnackbar as k, SnackbarPosition as m } from "@feedmepos/ui-library";
-import { b as w } from "./provide-dbE6Qt1z.js";
+import { b as w } from "./provide-FZ08sGZH.js";
 function h() {
   const t = k(), { t: l } = y(), i = w();
   function g(s, e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-menu",
-  "version": "1.0.1-dev.2",
+  "version": "1.0.1-dev.4",
   "type": "module",
   "files": [
     "dist"

package/dist/Preview-AdgGTYlQ.js

@@ -1,321 +0,0 @@
-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-dbE6Qt1z.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
-};