@feedmepos/mf-menu 0.32.82 → 0.32.83-dev.2

package/dist/Publish-3z09Tj11.js

@@ -0,0 +1,1608 @@
+import { defineComponent as ee, ref as N, computed as A, onMounted as we, resolveComponent as $, createElementBlock as M, openBlock as w, createVNode as _, createElementVNode as f, toDisplayString as K, unref as h, Fragment as H, renderList as ae, createBlock as W, watch as Re, withCtx as j, h as E, normalizeClass as ke, createCommentVNode as le, createTextVNode as Ne, mergeProps as Ye, normalizeStyle as Je, renderSlot as We, withModifiers as re, onUnmounted as Qe } from "vue";
+import { useRouter as Xe } from "vue-router";
+import { O as Ze, b as et } from "./app-5fxKLAzS.js";
+import { a as tt, e as at, b as Oe, O as lt, P as st, _ as De, Q as z, u as Ue, f as Me, F as nt } from "./index.vue_vue_type_script_setup_true_lang-BJZykcBx.js";
+import { formatDateTime as ie, useI18n as se, useAppLocale as ce, useCoreStore as xe, RestaurantSelector as Te, prefersHour12 as ot } from "@feedmepos/mf-common";
+import { useSnackbar as Se, useDialogChild as ut, useProxiedModel as rt, useDialog as Be, components as oe, FmButtonVariant as Ae } from "@feedmepos/ui-library";
+import { _ as it } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
+import { _ as ct } from "./app-BJA5-4eB.js";
+import { a as dt, w as mt } from "./tooltip-B5BiPMx9.js";
+import { D as J } from "./dayjs.min-WGRuZAMu.js";
+import { u as Ee, l as pt } from "./discardConfirm-CuLDiWC_.js";
+import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { r as ht } from "./publishMeta-CAbjnmmS.js";
+function ze(C, m, a) {
+  return C ? ie(
+    C,
+    m,
+    {
+      year: "2-digit",
+      month: "numeric",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    },
+    a
+  ) : "-";
+}
+function ft(C, m, a, o, r) {
+  const x = (u, y = !1) => {
+    var i;
+    return u === void 0 && !y ? "-" : ((i = a.find((k) => k.value === (u || null))) == null ? void 0 : i.label) || "-";
+  };
+  return C.map((u) => {
+    var t;
+    const y = (t = m.find(({ _id: b }) => b === u._id)) == null ? void 0 : t.posVersion, i = !!y && !!tt.Pos.canUse({ feature: at.F_FEATURE.enum.taxAndServiceChargeV4, posVersion: y }), k = x(u.catalogId);
+    return {
+      ...u,
+      _default: k,
+      _posTakeaway: u.takeawayCatalog ? x(u.takeawayCatalog) : k,
+      _additionalCatalogs: (u.additionalCatalogs || []).map((b) => x(b)),
+      _lastUpdate: ze(u.updatedAt, o, r),
+      _pickup: i ? x(u.pickupCatalog, !0) : "-",
+      _canUsePickup: i,
+      _posVersion: y || "-"
+    };
+  });
+}
+const bt = {
+  key: 0,
+  class: "flex items-center justify-center"
+}, vt = {
+  key: 1,
+  class: "space-y-16"
+}, _t = { class: "text-fm-color-typo-secondary" }, gt = { class: "space-y-4" }, yt = /* @__PURE__ */ ee({
+  __name: "RevertDialog",
+  props: {
+    restaurant: {}
+  },
+  setup(C) {
+    const m = C, a = Se(), { custom: o } = Oe(a), r = N(!1), x = N(null);
+    async function u() {
+      await o(
+        async () => {
+          var l;
+          x.value = await lt.readMenuById(((l = m.restaurant.revertConfig) == null ? void 0 : l._id) || "");
+        },
+        { isLoading: r }
+      );
+    }
+    const y = A(() => {
+      var l;
+      return [
+        { label: "Main", value: null },
+        ...(((l = x.value) == null ? void 0 : l.modules.catalog) || []).map((n) => ({
+          label: n.name,
+          value: n._id
+        }))
+      ];
+    }), { t: i } = se(), { locale: k, country: t } = ce(), b = A(() => {
+      var g;
+      const l = m.restaurant.revertConfig;
+      if (!l) return [];
+      const n = ft(
+        [
+          {
+            ...l,
+            catalogId: l.catalogId || null
+          }
+        ],
+        xe().restaurants.value,
+        y.value,
+        k.value,
+        t.value
+      )[0];
+      return [
+        { label: i("menu.revert.labels.restaurant"), value: m.restaurant.name },
+        {
+          label: i("menu.revert.labels.revert_to"),
+          value: ze((g = x.value) == null ? void 0 : g.updatedAt, k.value, t.value)
+        },
+        { label: i("menu.revert.labels.default"), value: n._default },
+        { label: i("menu.revert.labels.pos_takeaway"), value: n._posTakeaway },
+        { label: i("menu.revert.labels.pickup"), value: n._pickup },
+        {
+          label: i("menu.revert.labels.additional_catalogs"),
+          value: n._additionalCatalogs.join(", ")
+        }
+      ];
+    });
+    we(async () => u());
+    const { emitData: s } = ut();
+    return (l, n) => {
+      const g = $("FmCircularProgress");
+      return r.value ? (w(), M("div", bt, [
+        _(g, { size: "lg" })
+      ])) : (w(), M("div", vt, [
+        f("div", _t, K(h(i)("menu.revert.description", { name: m.restaurant.name })), 1),
+        f("div", gt, [
+          (w(!0), M(H, null, ae(b.value, (c) => (w(), W(dt, {
+            key: c.label,
+            name: c.label,
+            value: c.value || "--"
+          }, null, 8, ["name", "value"]))), 128))
+        ])
+      ]));
+    };
+  }
+}), Ct = "CATALOG_IN_USE_BY_INTEGRATION";
+function kt(C, m, a) {
+  if (C instanceof st && C.code === Ct) {
+    const o = wt(C.message);
+    if (o.length === 0) return a("menu.publish.errors.catalog_in_use_by_integration_unknown");
+    const r = o.map((u) => {
+      var y;
+      return ((y = m.find((i) => i._id === u)) == null ? void 0 : y.name) || u;
+    }).map((u) => `"${u}"`).join(", "), x = o.length === 1 ? "menu.publish.errors.catalog_in_use_by_integration" : "menu.publish.errors.catalogs_in_use_by_integration";
+    return a(x, { catalogs: r });
+  }
+  return C instanceof Error ? C.message : `${C}`;
+}
+function wt(C) {
+  try {
+    const m = JSON.parse(C), a = m == null ? void 0 : m.catalogIds;
+    return !Array.isArray(a) || !a.every((o) => typeof o == "string") ? [] : a.filter((o) => o !== "");
+  } catch {
+    return [];
+  }
+}
+const xt = {
+  class: "break-all fm-typo-en-body-lg-400 line-clamp-1"
+}, St = {
+  class: "flex flex-col"
+}, Vt = /* @__PURE__ */ ee({
+  __name: "PublishRestaurantSelector",
+  props: {
+    restaurants: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(C, {
+    emit: m
+  }) {
+    const a = C, o = m, r = N([]), x = A(() => a.restaurants.map((l) => ({
+      label: l.name,
+      value: l._id
+    }))), u = N(""), y = A(() => {
+      const l = Array.isArray(r.value) ? r.value : [], n = l.map((c) => x.value.find((S) => S.value === c)).filter((c) => c !== void 0);
+      let g = [];
+      return u.value ? (g = x.value.filter((c) => c.label.toLowerCase().includes(u.value.toLowerCase()) && !l.includes(c.value)), [...n, ...g]) : (g = x.value.filter((c) => !l.includes(c.value)), [...n, ...g]);
+    }), i = A(() => r.value.length > 0 && r.value.length === y.value.length), k = A(() => r.value.filter((l) => y.value.some((n) => n.value === l))), t = () => {
+      const l = r.value.filter((n) => !k.value.includes(n));
+      i.value === !0 ? b(l) : b(y.value.map((n) => n.value));
+    }, b = (l) => {
+      r.value = l;
+    };
+    Re(r, (l) => {
+      o("update:modelValue", l);
+    });
+    function s(l) {
+      return a.restaurants.filter((n) => l.includes(n._id)).map((n) => n.name);
+    }
+    return (l, n) => {
+      const g = $("FmSearch"), c = $("FmCheckbox"), S = $("FmSelect");
+      return w(), W(S, {
+        modelValue: r.value,
+        "onUpdate:modelValue": n[1] || (n[1] = (V) => r.value = V),
+        placeholder: "Select Restaurant",
+        items: y.value,
+        multiselect: !0,
+        "hide-chips": !0
+      }, {
+        default: j(() => [f("p", xt, K(r.value.length === a.restaurants.length ? "All restaurants" : s(r.value).join(", ")), 1)]),
+        "menu-wrapper": j(() => [f("div", St, [_(g, {
+          class: "py-8",
+          modelValue: u.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (V) => u.value = V),
+          placeholder: "Search Restaurant"
+        }, null, 8, ["modelValue"]), _(c, {
+          class: "py-8",
+          "model-value": i.value,
+          label: "All restaurants",
+          value: "1",
+          indeterminate: r.value.length > 0,
+          "onUpdate:modelValue": t
+        }, null, 8, ["model-value", "indeterminate"]), (w(!0), M(H, null, ae(y.value, (V, T) => (w(), M("div", {
+          key: T
+        }, [_(c, {
+          "model-value": r.value,
+          label: V.label,
+          value: V.value,
+          "onUpdate:modelValue": b
+        }, null, 8, ["model-value", "label", "value"])]))), 128))])]),
+        _: 1
+      }, 8, ["modelValue", "items"]);
+    };
+  }
+}), Ft = {
+  class: "flex pb-16 w-full items-center justify-between gap-8"
+}, It = {
+  class: "flex-1 min-w-0 max-w-[300px]"
+}, Pt = {
+  key: 0
+}, Nt = {
+  key: 1,
+  class: "text-fm-color-neutral-gray-200"
+}, Mt = /* @__PURE__ */ ee({
+  __name: "RestaurantPublishDetail",
+  props: {
+    restaurantPublishStatus: {
+      type: Object,
+      required: !0
+    },
+    statusMap: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(C) {
+    const {
+      t: m
+    } = se(), {
+      locale: a,
+      country: o
+    } = ce(), r = C, x = xe(), u = [{
+      accessorKey: "restaurantName",
+      header: m("menu.publish.scheduler_publish.restaurant_publish_details.table.column.restaurant"),
+      cell: (l) => {
+        const n = l.getValue();
+        return E("p", {
+          class: "text-pretty"
+        }, n);
+      },
+      size: 600
+    }, {
+      id: "status",
+      accessorKey: "publishStatus",
+      header: m("menu.publish.scheduler_publish.restaurant_publish_details.table.column.status"),
+      cell: ({
+        row: l
+      }) => {
+        const n = l.original.publishStatus, g = Object.values(r.statusMap).find((S) => S.label === n), c = (g == null ? void 0 : g.textColor) ?? "text-fm-color-neutral-gray-300";
+        return E("p", {
+          class: `${c}`
+        }, n);
+      }
+    }, {
+      accessorKey: "publishedAt",
+      header: m("menu.publish.scheduler_publish.restaurant_publish_details.table.column.published_at"),
+      cell: ({
+        row: l
+      }) => {
+        const n = l.original.publishedAt;
+        return E("p", {
+          class: "whitespace-nowrap"
+        }, n);
+      }
+    }], y = N([]), i = A(() => Object.entries(r.statusMap).map(([l, n]) => ({
+      label: n.label,
+      value: l
+    }))), k = N(null), t = A(() => Object.entries(r.restaurantPublishStatus).filter(([l, n]) => y.value.length === 0 ? !0 : y.value.includes(n.status)).filter(([l, n]) => !k.value || k.value.length === 0 ? !0 : k.value.includes(l)).map(([l, n]) => ({
+      restaurantName: s(l),
+      publishStatus: r.statusMap[n.status].label,
+      publishedAt: n.publishedAt ? ie(n.publishedAt, a.value, {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit"
+      }, o.value) : ""
+    })).sort((l, n) => l.restaurantName.localeCompare(n.restaurantName))), b = A(() => {
+      var n, g;
+      const l = {};
+      for (const c of x.restaurants.value) {
+        if (!(c != null && c._id)) continue;
+        const S = (n = c == null ? void 0 : c.profile) == null ? void 0 : n.code, V = (g = c == null ? void 0 : c.profile) == null ? void 0 : g.name;
+        l[c._id] = `${S ? S + " - " : ""}${V || "Unknown Restaurant"}`;
+      }
+      return l;
+    });
+    function s(l) {
+      return b.value[l] ?? "Unknown Restaurant";
+    }
+    return (l, n) => {
+      const g = $("FmSelect"), c = $("FmTable");
+      return w(), M(H, null, [f("div", Ft, [f("div", It, [_(h(Te), {
+        multiple: "",
+        modelValue: k.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (S) => k.value = S)
+      }, null, 8, ["modelValue"])]), _(g, {
+        class: "flex-shrink-0 min-w-[200px]",
+        modelValue: y.value,
+        "onUpdate:modelValue": n[1] || (n[1] = (S) => y.value = S),
+        items: i.value,
+        multiselect: "",
+        "hide-chips": ""
+      }, {
+        default: j(() => [y.value.length > 0 ? (w(), M("div", Pt, K(y.value.map((S) => {
+          var V;
+          return (V = r.statusMap[S]) == null ? void 0 : V.label;
+        }).join(", ")), 1)) : (w(), M("div", Nt, K(h(m)("menu.publish.scheduler_publish.restaurant_publish_details.select_publish_status")), 1))]),
+        _: 1
+      }, 8, ["modelValue", "items"])]), t.value.length > 0 ? (w(), W(c, {
+        key: 0,
+        class: "flex-1 overflow-hidden",
+        "column-defs": u,
+        "row-data": t.value,
+        "page-size": Object.entries(r.restaurantPublishStatus).length,
+        "hide-footer": "",
+        "pin-header-row": ""
+      }, null, 8, ["row-data", "page-size"])) : (w(), W(De, {
+        key: 1,
+        title: h(m)("menu.publish.scheduler_publish.restaurant_publish_details.no_publish_status"),
+        subtitle: ""
+      }, null, 8, ["title"]))], 64);
+    };
+  }
+}), At = { class: "fm-calendar__name-row fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, $t = ["id"], Rt = {
+  key: 0,
+  class: "fm-calendar__cell__button--today"
+}, Ot = ["onClick", "onMouseover"], Dt = /* @__PURE__ */ ee({
+  __name: "FmCalendar",
+  props: {
+    days: {},
+    dayCellClass: { type: [Object, Function], default: void 0 },
+    onDayClick: {},
+    onCellMouseOver: { type: Function, default: void 0 },
+    cellSize: { default: "md" }
+  },
+  setup(C) {
+    const { t: m } = se(), a = () => [
+      m("menu.publish.scheduler.calender.day.sun"),
+      m("menu.publish.scheduler.calender.day.mon"),
+      m("menu.publish.scheduler.calender.day.tue"),
+      m("menu.publish.scheduler.calender.day.wed"),
+      m("menu.publish.scheduler.calender.day.thu"),
+      m("menu.publish.scheduler.calender.day.fri"),
+      m("menu.publish.scheduler.calender.day.sat")
+    ], o = J(), r = (u, y) => typeof u == "function" ? u(...y) : u, x = (u, y) => {
+      if (!y) return;
+      const i = {
+        "fm-calendar__cell--selected": !1,
+        "fm-calendar__cell--selected-start": !1,
+        "fm-calendar__cell--selected-end": !1,
+        "fm-calendar__cell--selected-between": !1
+      };
+      let k;
+      if (typeof y == "function") {
+        const { status: t, className: b } = y(u);
+        t && (i["fm-calendar__cell--selected"] = t.isSelected ?? !1, i["fm-calendar__cell--selected-start"] = t.isStart ?? !1, i["fm-calendar__cell--selected-end"] = t.isEnd ?? !1, i["fm-calendar__cell--selected-between"] = t.isBetween ?? !1), k = b ?? "";
+      } else {
+        const { status: t, className: b } = y;
+        t && (i["fm-calendar__cell--selected"] = r(t.isSelected, [u]) ?? !1, i["fm-calendar__cell--selected-start"] = r(t.isStart, [u]) ?? !1, i["fm-calendar__cell--selected-end"] = r(t.isEnd, [u]) ?? !1, i["fm-calendar__cell--selected-between"] = r(t.isBetween, [u]) ?? !1), k = r(b, [u]) ?? "";
+      }
+      return [i, k];
+    };
+    return (u, y) => (w(), M("div", null, [
+      f("div", At, [
+        (w(!0), M(H, null, ae(a(), (i) => (w(), M("div", {
+          key: i,
+          class: ke(["fm-calendar__cell", `fm-calendar__cell__${u.cellSize}`])
+        }, K(i), 3))), 128))
+      ]),
+      f("div", null, [
+        (w(!0), M(H, null, ae(u.days, (i, k) => (w(), M("div", {
+          key: k,
+          class: "fm-calendar__row fm-typo-en-body-md-400"
+        }, [
+          (w(!0), M(H, null, ae(i, (t) => (w(), M("div", {
+            id: `${t.date.toISOString()}`,
+            key: t.date.date(),
+            class: ke(["fm-calendar__cell", [
+              `fm-calendar__cell__${u.cellSize}`,
+              x(t.date, u.dayCellClass),
+              !t.isCurrentMonth && "fm-calendar__cell--not-current-month"
+            ]])
+          }, [
+            t.date.isSame(h(o), "day") && t.isCurrentMonth ? (w(), M("div", Rt)) : le("", !0),
+            t.isCurrentMonth ? (w(), M("button", {
+              key: 1,
+              class: "fm-calendar__cell__button",
+              type: "button",
+              onClick: (b) => u.onDayClick(t),
+              onMouseover: (b) => {
+                var s;
+                return (s = u.onCellMouseOver) == null ? void 0 : s.call(u, t.date);
+              }
+            }, K(t.date.date()), 41, Ot)) : le("", !0)
+          ], 10, $t))), 128))
+        ]))), 128))
+      ])
+    ]));
+  }
+}), $e = /* @__PURE__ */ Le(Dt, [["__scopeId", "data-v-47484312"]]), Ut = { class: "fm-typo-en-body-md-600" }, Tt = {
+  id: "in-calendar-app",
+  class: "h-[264px] overflow-y-auto w-[160px]"
+}, Bt = ["onVnodeMounted"], Et = ["onVnodeMounted"], be = /* @__PURE__ */ ee({
+  __name: "FmDateRangeYearMonthPicker",
+  props: {
+    modelValue: {},
+    picker: {},
+    min: {},
+    max: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C, { emit: m }) {
+    const { t: a } = se(), o = C, r = m, x = N(!1), u = A(() => {
+      const t = J(o.min).startOf("year"), b = J(o.max).startOf("year"), s = b.diff(t, "year"), l = [];
+      for (let n = 0; n <= s; n++)
+        l.push(b.subtract(n, "year"));
+      return l;
+    }), y = (t) => {
+      const b = J(o.min).startOf("month"), s = J(o.max).startOf("month");
+      return t.get("year") === b.get("year") ? t.startOf("month").isAfter(b) || t.get("month") === b.get("month") : t.get("year") === s.get("year") ? t.startOf("month").isBefore(s) || t.get("month") === s.get("month") : !0;
+    }, i = (t) => {
+      const b = J(o.min).startOf("month"), s = J(o.max).startOf("month");
+      if (b.get("year") === t.get("year")) {
+        r("update:modelValue", b);
+        return;
+      }
+      if (s.get("year") === t.get("year")) {
+        r("update:modelValue", s);
+        return;
+      }
+      r("update:modelValue", t);
+    };
+    function k(t, b) {
+      if (!b)
+        return !1;
+      const s = t.el, l = s == null ? void 0 : s.parentElement;
+      !s || !l || l.scrollTo({
+        top: s.offsetTop - 50
+      });
+    }
+    return (t, b) => {
+      const s = $("FmIcon"), l = $("FmMenuItem"), n = $("FmMenu");
+      return w(), W(n, {
+        trigger: "click",
+        onMenuChanged: b[0] || (b[0] = (g) => x.value = g)
+      }, {
+        "menu-button": j(() => [
+          f("div", {
+            class: ke(["flex gap-4 h-24 items-center px-4 rounded-sm", x.value ? "text-fm-color-primary" : "hover:bg-fm-color-neutral-gray-100"])
+          }, [
+            f("div", Ut, [
+              t.picker === "month" ? (w(), M(H, { key: 0 }, [
+                Ne(K(t.modelValue.format(h(a)("menu.publish.scheduler.date.monthFormat"))), 1)
+              ], 64)) : le("", !0),
+              t.picker === "year" ? (w(), M(H, { key: 1 }, [
+                Ne(K(t.modelValue.format(h(a)("menu.publish.scheduler.date.yearFormat"))), 1)
+              ], 64)) : le("", !0)
+            ]),
+            _(s, {
+              name: x.value ? "expand_less" : "expand_more",
+              size: "md",
+              color: "black"
+            }, null, 8, ["name"])
+          ], 2)
+        ]),
+        default: j(() => [
+          f("ul", Tt, [
+            t.picker === "month" ? (w(!0), M(H, { key: 0 }, ae(Array.from(Array(12), (g, c) => t.modelValue.month(c)), (g) => (w(), M("li", {
+              key: g.format(h(a)("menu.publish.scheduler.date.monthFormat")),
+              onVnodeMounted: (c) => k(
+                c,
+                t.modelValue.format(h(a)("menu.publish.scheduler.date.monthFormat")) === g.format(h(a)("menu.publish.scheduler.date.monthFormat"))
+              )
+            }, [
+              _(l, {
+                disabled: !y(g),
+                "model-value": t.modelValue.format(h(a)("menu.publish.scheduler.date.monthFormat")) === g.format(h(a)("menu.publish.scheduler.date.monthFormat")),
+                label: g.format(h(a)("menu.publish.scheduler.date.monthFormat")),
+                "onUpdate:modelValue": (c) => r("update:modelValue", g)
+              }, null, 8, ["disabled", "model-value", "label", "onUpdate:modelValue"])
+            ], 8, Bt))), 128)) : le("", !0),
+            t.picker === "year" ? (w(!0), M(H, { key: 1 }, ae(u.value, (g) => (w(), M("li", {
+              key: g.format(h(a)("menu.publish.scheduler.date.yearFormat")),
+              onVnodeMounted: (c) => k(
+                c,
+                t.modelValue.format(h(a)("menu.publish.scheduler.date.yearFormat")) === g.format(h(a)("menu.publish.scheduler.date.yearFormat"))
+              )
+            }, [
+              _(l, {
+                "model-value": t.modelValue.format(h(a)("menu.publish.scheduler.date.yearFormat")) === g.format(h(a)("menu.publish.scheduler.date.yearFormat")),
+                label: g.format(h(a)("menu.publish.scheduler.date.yearFormat")),
+                "onUpdate:modelValue": (c) => i(g)
+              }, null, 8, ["model-value", "label", "onUpdate:modelValue"])
+            ], 8, Et))), 128)) : le("", !0)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Lt = { class: "p-12 space-y-4 w-[552px]" }, zt = { class: "w-max" }, Kt = { class: "flex space-x-24" }, jt = { class: "flex items-center py-8 space-x-16" }, Gt = { class: "flex space-x-4" }, qt = { class: "flex items-center justify-end py-8 space-x-16" }, Ht = { class: "flex space-x-4" }, Yt = { class: "flex gap-8 items-center justify-end w-full" }, ve = "YYYY-MM-DD", Jt = /* @__PURE__ */ ee({
+  __name: "DateTimePicker",
+  props: {
+    modelValue: {},
+    showValidBorder: { type: Boolean, default: !1 },
+    min: { default: () => J().subtract(50, "year").format(ve) },
+    max: { default: () => J().add(25, "year").format(ve) },
+    zIndex: { default: void 0 },
+    label: { default: "" },
+    labelMark: { default: "none" },
+    labelInfo: { default: "" },
+    disabled: { type: Boolean, default: void 0 },
+    focused: { type: Boolean, default: !1 },
+    rules: { default: () => [] },
+    helperText: { default: "" },
+    helperState: { default: "none" }
+  },
+  emits: ["update:schedulerTime"],
+  setup(C, { emit: m }) {
+    const { t: a } = se(), { locale: o, country: r } = ce(), x = A(() => ot(o.value, r.value)), u = C, y = m, i = rt(u, "modelValue");
+    function k() {
+      const d = new Date(i.value);
+      return x.value ? {
+        hours: d.getHours() % 12 || 12,
+        minutes: d.getMinutes(),
+        period: d.getHours() >= 12 ? "PM" : "AM"
+        /* AM */
+      } : { hours: d.getHours(), minutes: d.getMinutes() };
+    }
+    const t = N(k()), b = A(
+      () => ({
+        hours: 0,
+        minutes: 0,
+        period: x.value ? "AM" : void 0
+      })
+    ), s = N(J(i.value, ve)), l = N(!1);
+    function n(d, v) {
+      const [U, Q, B] = d.split("-").map(Number), L = new Date(U, Q - 1, B);
+      let R = v.hours;
+      return v.period && (R = v.hours % 12, v.period === "PM" && (R += 12)), L.setHours(R), L.setMinutes(v.minutes), L.setSeconds(0), L.setMilliseconds(0), L;
+    }
+    const g = () => {
+      i.value = s.value.format(ve);
+      const d = n(i.value, t.value);
+      y("update:schedulerTime", d.toISOString()), setTimeout(() => {
+        l.value = !1;
+      }, 0);
+    }, c = () => {
+      s.value = i.value ? J(i.value) : null, l.value = !1;
+    }, S = (d) => {
+      l.value = d, d || c();
+    }, V = N(J().startOf("month")), T = N(J().startOf("month").add(1, "month")), G = (d, v) => {
+      d === "left" ? (V.value = v, T.value = v.add(1, "month")) : d === "right" && (T.value = v, V.value = v.subtract(1, "month"));
+    }, q = A(() => X(V.value)), O = A(() => X(V.value.add(1, "month"))), X = (d) => {
+      const v = [], U = d.endOf("month"), Q = d.month();
+      let B = d.startOf("week"), L = [];
+      for (; B.isBefore(U.endOf("week")); )
+        B.day() === 0 && L.length > 0 && (v.push(L), L = []), L.push({
+          date: B,
+          isCurrentMonth: B.month() === Q
+        }), B = B.add(1, "day");
+      return L.length > 0 && v.push(L), v.length < 6 && v.push([]), v;
+    }, F = (d) => {
+      s.value = d;
+    };
+    return (d, v) => {
+      const U = $("FmIcon"), Q = $("FmTimeInput"), B = $("FmButton"), L = $("FmPopover");
+      return w(), W(L, {
+        "show-popover": l.value,
+        "z-index": u.zIndex,
+        "exclude-el-from-click-outside": ["in-calendar-app"],
+        onPopoverChanged: S
+      }, {
+        "popover-button": j(() => [
+          f("div", Ye({
+            opened: l.value,
+            showValidBorder: d.showValidBorder
+          }, { class: "text-fm-color-primary" }), " Select Date & Time ", 16)
+        ]),
+        default: j(() => [
+          f("div", Lt, [
+            f("div", zt, [
+              f("div", Kt, [
+                f("div", null, [
+                  f("div", jt, [
+                    _(U, {
+                      outline: !1,
+                      class: "cursor-pointer select-none",
+                      color: "#1C1C1E",
+                      name: "chevron_left",
+                      size: "md",
+                      onClick: v[0] || (v[0] = () => G("left", V.value.subtract(1, "month")))
+                    }),
+                    f("div", Gt, [
+                      _(be, {
+                        max: d.max,
+                        min: d.min,
+                        "model-value": V.value,
+                        picker: "month",
+                        "onUpdate:modelValue": v[1] || (v[1] = (R) => G("left", R))
+                      }, null, 8, ["max", "min", "model-value"]),
+                      _(be, {
+                        max: d.max,
+                        min: d.min,
+                        "model-value": V.value,
+                        picker: "year",
+                        "onUpdate:modelValue": v[2] || (v[2] = (R) => G("left", R))
+                      }, null, 8, ["max", "min", "model-value"])
+                    ])
+                  ]),
+                  _($e, {
+                    "day-cell-class": {
+                      status: {
+                        isSelected: (R) => R.isSame(s.value, "date")
+                      }
+                    },
+                    days: q.value,
+                    "on-day-click": (R) => F(R.date)
+                  }, null, 8, ["day-cell-class", "days", "on-day-click"])
+                ]),
+                f("div", null, [
+                  f("div", qt, [
+                    f("div", Ht, [
+                      _(be, {
+                        max: d.max,
+                        min: d.min,
+                        "model-value": T.value,
+                        picker: "month",
+                        "onUpdate:modelValue": v[3] || (v[3] = (R) => G("right", R))
+                      }, null, 8, ["max", "min", "model-value"]),
+                      _(be, {
+                        max: d.max,
+                        min: d.min,
+                        "model-value": T.value,
+                        picker: "year",
+                        "onUpdate:modelValue": v[4] || (v[4] = (R) => G("right", R))
+                      }, null, 8, ["max", "min", "model-value"])
+                    ]),
+                    _(U, {
+                      outline: !1,
+                      class: "cursor-pointer select-none",
+                      color: "#1C1C1E",
+                      name: "chevron_right",
+                      size: "md",
+                      onClick: v[5] || (v[5] = () => G("left", V.value.add(1, "month")))
+                    })
+                  ]),
+                  _($e, {
+                    "day-cell-class": {
+                      status: {
+                        isSelected: (R) => R.isSame(s.value, "date")
+                      }
+                    },
+                    days: O.value,
+                    "on-day-click": (R) => F(R.date)
+                  }, null, 8, ["day-cell-class", "days", "on-day-click"])
+                ])
+              ])
+            ]),
+            _(Q, {
+              hour12: x.value,
+              "model-value": t.value ?? b.value,
+              "onUpdate:modelValue": v[6] || (v[6] = (R) => t.value = R)
+            }, null, 8, ["hour12", "model-value"]),
+            f("div", Yt, [
+              _(B, {
+                label: h(a)("common.cancel"),
+                size: "md",
+                variant: "tertiary",
+                onClick: c
+              }, null, 8, ["label"]),
+              _(B, {
+                disabled: !s.value,
+                label: h(a)("common.confirm"),
+                size: "md",
+                variant: "primary",
+                onClick: g
+              }, null, 8, ["disabled", "label"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["show-popover", "z-index"]);
+    };
+  }
+}), Wt = { class: "container" }, Qt = /* @__PURE__ */ ee({
+  __name: "ProgressBar",
+  props: {
+    bgcolor: {},
+    completed: {}
+  },
+  setup(C) {
+    const m = C, a = A(() => ({
+      height: "100%",
+      width: `${m.completed ?? 0}%`,
+      backgroundColor: m.bgcolor,
+      transition: "width 1s ease-in-out",
+      borderRadius: "inherit",
+      textAlign: "right"
+    }));
+    return (o, r) => (w(), M("div", Wt, [
+      f("div", {
+        style: Je(a.value)
+      }, null, 4)
+    ]));
+  }
+}), Xt = /* @__PURE__ */ Le(Qt, [["__scopeId", "data-v-709d7500"]]), Zt = {
+  class: "flex items-center gap-24"
+}, ea = {
+  class: "fm-typo-en-title-md-600"
+}, ta = /* @__PURE__ */ ee({
+  __name: "PublishProgressView",
+  props: {
+    progress: {
+      type: Number,
+      required: !1
+    },
+    restaurants: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["publishMenu"],
+  setup(C, {
+    expose: m,
+    emit: a
+  }) {
+    const {
+      t: o
+    } = se(), {
+      locale: r,
+      country: x
+    } = ce(), u = {
+      year: "numeric",
+      month: "numeric",
+      day: "numeric",
+      hour: "numeric",
+      minute: "2-digit",
+      second: "2-digit"
+    }, y = Se(), i = Be(), k = C, t = {
+      [z.enum.PENDING]: {
+        label: o("menu.publish.scheduler_publish.status.pending"),
+        textColor: "text-fm-color-neutral-gray-300",
+        backgroundColor: "#E0E0DE"
+      },
+      [z.enum.RUNNING]: {
+        label: o("menu.publish.scheduler_publish.status.running"),
+        textColor: "text-fm-color-system-warning-300",
+        backgroundColor: "#FFB800"
+      },
+      [z.enum.COMPLETED]: {
+        label: o("menu.publish.scheduler_publish.status.completed"),
+        textColor: "text-fm-color-system-success-300",
+        backgroundColor: "#34C759"
+      },
+      [z.enum.FAILED]: {
+        label: o("menu.publish.scheduler_publish.status.failed"),
+        textColor: "text-fm-color-system-error-300",
+        backgroundColor: "#FF3B30"
+      }
+    }, b = Ue(), s = N(!1), l = (F) => {
+      typeof F == "boolean" ? s.value = F : s.value = !s.value;
+    };
+    m({
+      show: s,
+      trigger: l
+    });
+    const n = a, g = A(() => b.state.nextSchedulerPublish ?? {}), c = A(() => Object.entries(g.value).map(([d, v]) => {
+      var B;
+      const U = b.runningPublishJob, Q = Object.keys(v.restaurants || {}).length;
+      return {
+        date: d,
+        publisher: ((B = v.owner) == null ? void 0 : B.name) ?? "Unknown",
+        total_restaurants: o("menu.publish.scheduler_publish.table.row.restaurants", {
+          total: Q
+        }),
+        restaurantPublishStatus: v.restaurants || {},
+        status: v.status,
+        progress: v.status === z.enum.RUNNING && U === d ? k.progress ?? 0 : 0
+      };
+    })), S = N([]), V = N(null), T = N(null), G = [{
+      accessorKey: "date",
+      header: o("menu.publish.scheduler_publish.table.columns.date"),
+      cell: ({
+        row: F
+      }) => {
+        if (F.original.date === "new") {
+          if (V.value !== null)
+            return ie(V.value, r.value, u, x.value);
+          const v = J(Date.now()).toISOString();
+          return E(Jt, {
+            class: "flex h-full items-center",
+            modelValue: v,
+            "onUpdate:schedulerTime": (U) => {
+              V.value = U;
+            }
+          });
+        }
+        return ie(F.original.date, r.value, u, x.value);
+      }
+    }, {
+      accessorKey: "publisher",
+      header: o("menu.publish.scheduler_publish.table.columns.publisher_name")
+    }, {
+      accessorKey: "total_restaurants",
+      header: o("menu.publish.scheduler_publish.table.columns.total_restaurants"),
+      cell: ({
+        row: F
+      }) => F.original.date === "new" ? E(Vt, {
+        restaurants: k.restaurants,
+        "onUpdate:modelValue": (v) => {
+          S.value = v;
+        }
+      }) : E("p", {}, F.original.total_restaurants)
+    }, {
+      accessorKey: "progress",
+      header: o("menu.publish.scheduler_publish.table.columns.progress"),
+      cell: ({
+        row: F
+      }) => {
+        const d = F.original.status;
+        return F.original.date === "new" ? E("div", {
+          class: "flex justify-end items-center gap-8"
+        }, [E(oe.FmButton, {
+          variant: "tertiary",
+          prependIcon: "close",
+          textColor: "system-error-300",
+          onClick: () => {
+            V.value = null, q.value = null, T.value = null;
+          }
+        }), E(oe.FmButton, {
+          variant: "tertiary",
+          prependIcon: "check",
+          textColor: "system-success-300",
+          onClick: async () => {
+            if (!V.value || S.value.length === 0) {
+              T.value = !1, y.open({
+                type: "error",
+                message: "Please select date and restaurants to schedule publish."
+              });
+              return;
+            } else
+              T.value = !0;
+          }
+        })]) : E("div", {
+          class: "flex justify-between items-center gap-32"
+        }, [E("div", {
+          class: "flex flex-col w-full gap-4"
+        }, [E("div", {
+          class: "flex items-center gap-8"
+        }, [E("p", {
+          class: `fm-typo-en-body-md-400 ${t[d].textColor}`
+        }, t[d].label), ...d === z.enum.RUNNING ? [E("p", {
+          class: `fm-typo-en-body-md-400 ${t[d].textColor}`
+        }, `(${F.original.progress}/${F.original.total_restaurants})`)] : []]), E(Xt, {
+          bgcolor: t[d].backgroundColor,
+          completed: d === z.enum.PENDING ? 0 : d === z.enum.RUNNING ? Math.floor((F.original.progress ?? 0) / parseInt(F.original.total_restaurants) * 100) : (d === z.enum.COMPLETED, 100)
+        })]), E(oe.FmButton, {
+          variant: "plain",
+          prependIcon: "info",
+          disabled: Array.isArray(F.original.restaurantPublishStatus),
+          onClick: () => {
+            i.open({
+              title: o("menu.publish.scheduler_publish.restaurant_publish_details.title"),
+              contentComponent: Mt,
+              contentComponentProps: {
+                restaurantPublishStatus: F.original.restaurantPublishStatus,
+                statusMap: t
+              },
+              contentClass: "flex flex-col h-full",
+              maxWidth: "800px",
+              maxHeight: "80vh"
+            });
+          }
+        }), E(oe.FmButton, {
+          variant: "tertiary",
+          prependIcon: "delete",
+          disabled: d !== z.enum.PENDING,
+          textColor: "system-error-300",
+          onClick: () => {
+            const U = F.original.date;
+            i.open({
+              title: "Confirm Remove",
+              message: "Are you sure you want to remove this scheduled publish? This action cannot be undone.",
+              primaryActions: {
+                text: "Remove",
+                close: !1
+              },
+              secondaryActions: {
+                text: "Cancel",
+                close: !0
+              }
+            }).onPrimary(() => {
+              b.deleteSchedulerPublish(U).then(() => {
+                y.open({
+                  type: "success",
+                  message: "Scheduled publish deleted successfully."
+                });
+              }).catch(() => {
+                y.open({
+                  type: "error",
+                  message: "Failed to delete scheduled publish. Please try again."
+                });
+              }).finally(() => {
+                i.close();
+              });
+            });
+          }
+        })]);
+      }
+    }];
+    we(async () => {
+      await b.getNextSchedulerPublish();
+    });
+    const q = N(null);
+    function O() {
+      T.value = !1, q.value = {
+        date: "new",
+        restaurantsIds: []
+      };
+    }
+    Re(T, async (F) => {
+      F && (n("publishMenu", {
+        schedulerTime: V.value,
+        restaurantIds: S.value
+      }), await b.getNextSchedulerPublish(), V.value = null, S.value = [], T.value = !1, q.value = null, T.value = null);
+    });
+    const X = Ee(() => T.value !== null && T.value === !1, () => {
+      s.value = !1, q.value = null, V.value = null, S.value = [], T.value = null;
+    });
+    return (F, d) => {
+      const v = $("FmButton"), U = $("FmTable"), Q = $("FmSideSheet");
+      return w(), M(H, null, [We(F.$slots, "default", {
+        trigger: l
+      }), _(Q, {
+        modelValue: s.value,
+        "onUpdate:modelValue": d[1] || (d[1] = (B) => s.value = B),
+        "close-button": !1,
+        "max-width": 800,
+        "onOn:clickedAway": h(X)
+      }, {
+        "side-sheet-header": j(() => [f("div", Zt, [_(v, {
+          variant: h(Ae).Tertiary,
+          "prepend-icon": "arrow_back",
+          onClick: re(h(X), ["stop"])
+        }, null, 8, ["variant", "onClick"]), f("p", ea, K(h(o)("menu.publish.actions.publish_progress")), 1)])]),
+        default: j(() => [f("div", null, [_(U, {
+          class: "pb-8",
+          "row-data": [...c.value, q.value].filter(Boolean),
+          "column-defs": G,
+          "shrink-at": !1,
+          pageSize: c.value.length + (q.value ? 1 : 0),
+          "hide-footer": ""
+        }, null, 8, ["row-data", "pageSize"]), h(b).state.featureFlags.schedulerPublish && !q.value ? (w(), W(v, {
+          key: 0,
+          variant: h(Ae).Plain,
+          "prepend-icon": "add",
+          label: h(o)("menu.publish.actions.add_scheduler_publish"),
+          onClick: d[0] || (d[0] = () => O())
+        }, null, 8, ["variant", "label"])) : le("", !0)])]),
+        _: 1
+      }, 8, ["modelValue", "onOn:clickedAway"])], 64);
+    };
+  }
+}), aa = 12e4;
+function la(C) {
+  return C === z.enum.RUNNING || C === z.enum.PENDING;
+}
+function sa(C) {
+  const m = /* @__PURE__ */ new Map();
+  for (const a of Object.values(C ?? {})) {
+    if (!la(a.status)) continue;
+    const o = a.status === z.enum.RUNNING ? "publishing" : "queued";
+    for (const [r, x] of Object.entries(a.restaurants ?? {}))
+      x.status === z.enum.COMPLETED || x.status === z.enum.FAILED || (o === "publishing" || !m.has(r)) && m.set(r, o);
+  }
+  return m;
+}
+function na(C, m) {
+  const a = m + aa;
+  return Object.entries(C ?? {}).some(([o, r]) => {
+    if (r.status === z.enum.RUNNING) return !0;
+    if (r.status !== z.enum.PENDING) return !1;
+    const x = new Date(o).getTime();
+    return Number.isNaN(x) || x <= a;
+  });
+}
+function oa(C) {
+  return Object.values(C ?? {}).some((m) => m.status === z.enum.PENDING);
+}
+function ua(C, m, a, o) {
+  return C.get(m) ?? (o === a ? "latest" : "outdated");
+}
+const ra = { class: "fm-typo-en-title-md-600" }, ia = { class: "mt-40" }, ca = { class: "fm-typo-en-title-sm-600" }, da = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mt-4 mb-8" }, ma = { class: "flex gap-8 items-center justify-start" }, pa = /* @__PURE__ */ ee({
+  __name: "UpdateCatalogDialog",
+  props: {
+    catalogs: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["onComplete"],
+  setup(C, { expose: m, emit: a }) {
+    const { t: o } = se(), r = C;
+    m({
+      show: s,
+      hide: l
+    });
+    const x = a;
+    function u() {
+      return {
+        restaurantId: "",
+        catalogId: void 0,
+        takeawayCatalog: void 0,
+        pickupCatalog: null,
+        additionalCatalogs: []
+      };
+    }
+    const y = A(() => [
+      {
+        label: o("menu.publish.update_catalog_dialog.sections.default.use_default"),
+        value: null
+      },
+      ...r.catalogs.map((c) => ({
+        label: c.name,
+        value: c._id
+      }))
+    ]), i = A(() => [
+      {
+        label: o("menu.publish.update_catalog_dialog.sections.default.use_default"),
+        value: null
+      },
+      ...r.catalogs.map((c) => ({
+        label: c.name,
+        value: c._id
+      }))
+    ]), k = N(u()), t = N(!1), b = N(void 0);
+    function s(c) {
+      b.value = c ? Me(c) : u(), k.value = Me(b.value), t.value = !0;
+    }
+    function l() {
+      t.value = !1;
+    }
+    const n = Ee(
+      () => !pt.isEqual(b.value, k.value),
+      () => {
+        l();
+      }
+    );
+    function g() {
+      l(), x("onComplete", k.value);
+    }
+    return (c, S) => {
+      const V = $("FmSelect"), T = $("FmCheckbox"), G = $("FmButton"), q = $("FmSideSheet");
+      return w(), W(q, {
+        modelValue: t.value,
+        "onUpdate:modelValue": S[5] || (S[5] = (O) => t.value = O),
+        "max-width": 560,
+        "onOn:clickedAway": h(n)
+      }, {
+        "side-sheet-header": j(() => [
+          f("span", ra, K(h(o)("menu.publish.update_catalog_dialog.title")), 1)
+        ]),
+        "side-sheet-footer": j(() => [
+          f("div", ma, [
+            _(G, {
+              label: h(o)("menu.publish.update_catalog_dialog.actions.update"),
+              size: "lg",
+              variant: "primary",
+              onClick: S[4] || (S[4] = () => g())
+            }, null, 8, ["label"]),
+            _(G, {
+              label: h(o)("menu.publish.update_catalog_dialog.actions.cancel"),
+              size: "lg",
+              variant: "tertiary",
+              onClick: l
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: j(() => [
+          _(V, {
+            modelValue: k.value.catalogId,
+            "onUpdate:modelValue": S[0] || (S[0] = (O) => k.value.catalogId = O),
+            items: y.value,
+            class: "mb-24",
+            label: h(o)("menu.publish.update_catalog_dialog.sections.default.label")
+          }, null, 8, ["modelValue", "items", "label"]),
+          _(V, {
+            modelValue: k.value.takeawayCatalog,
+            "onUpdate:modelValue": S[1] || (S[1] = (O) => k.value.takeawayCatalog = O),
+            items: i.value,
+            class: "mb-24",
+            label: h(o)("menu.publish.update_catalog_dialog.sections.pos_takeaway.label")
+          }, null, 8, ["modelValue", "items", "label"]),
+          _(V, {
+            modelValue: k.value.pickupCatalog,
+            "onUpdate:modelValue": S[2] || (S[2] = (O) => k.value.pickupCatalog = O),
+            items: i.value,
+            label: h(o)("menu.publish.update_catalog_dialog.sections.pickup.label")
+          }, null, 8, ["modelValue", "items", "label"]),
+          f("div", ia, [
+            f("div", ca, K(h(o)("menu.publish.update_catalog_dialog.sections.additional.title")), 1),
+            f("div", da, K(h(o)("menu.publish.update_catalog_dialog.sections.additional.subtitle")), 1),
+            (w(!0), M(H, null, ae(C.catalogs, (O) => (w(), M("div", {
+              key: O._id
+            }, [
+              _(T, {
+                modelValue: k.value.additionalCatalogs,
+                "onUpdate:modelValue": S[3] || (S[3] = (X) => k.value.additionalCatalogs = X),
+                label: O.name,
+                value: O._id
+              }, null, 8, ["modelValue", "label", "value"])
+            ]))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onOn:clickedAway"]);
+    };
+  }
+}), ha = {
+  class: "flex flex-col p-24 bg-fm-color-neutral-white min-h-[calc(100dvh-56px)] xs:max-h-[calc(100dvh-56px)]"
+}, fa = {
+  class: "flex items-center xs:mb-8 mb-24"
+}, ba = {
+  class: "mr-8"
+}, va = {
+  class: "fm-typo-en-title-md-600"
+}, _a = {
+  class: "xs:hidden mr-16"
+}, ga = {
+  class: "xs:hidden mr-16"
+}, ya = {
+  class: "xs:hidden"
+}, Ca = {
+  class: "pb-8 flex justify-between items-start xs:flex-col xs:items-stretch gap-8"
+}, ka = {
+  class: "grow flex flex-col gap-4"
+}, wa = {
+  class: "flex gap-8 items-center"
+}, xa = {
+  class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary"
+}, Sa = {
+  class: "space-y-4"
+}, Va = {
+  class: "fm-typo-en-body-lg-600"
+}, Fa = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ia = {
+  class: "flex gap-8"
+}, Pa = {
+  class: "xs:block hidden fixed bottom-72 right-16"
+}, Na = 3e4, ja = /* @__PURE__ */ ee({
+  __name: "Publish",
+  setup(C) {
+    const m = Xe(), {
+      t: a
+    } = se(), {
+      locale: o,
+      country: r
+    } = ce(), x = {
+      latest: {
+        labelKey: "menu.publish.table.status.latest",
+        variant: "success"
+      },
+      publishing: {
+        labelKey: "menu.publish.table.status.publishing",
+        variant: "info"
+      },
+      queued: {
+        labelKey: "menu.publish.table.status.queued",
+        variant: "neutral"
+      },
+      outdated: {
+        labelKey: "menu.publish.table.status.outdated",
+        variant: "warning"
+      }
+    };
+    function u(e) {
+      return a(x[e].labelKey);
+    }
+    const y = ({
+      row: e
+    }) => {
+      const p = x[e.status] ?? x.outdated;
+      return _(it, {
+        label: a(p.labelKey),
+        variant: p.variant
+      }, null);
+    }, i = N({}), k = [{
+      accessorKey: "displayName",
+      header: () => a("menu.publish.table.columns.restaurant"),
+      cell: (e) => e.getValue(),
+      enableSorting: !0
+    }, {
+      accessorKey: "catalog",
+      header: () => a("menu.publish.table.columns.default"),
+      enableSorting: !1,
+      cell: (e) => e.getValue().default
+    }, {
+      accessorKey: "catalog",
+      header: () => a("menu.publish.table.columns.pos_takeaway"),
+      enableSorting: !1,
+      cell: (e) => e.getValue().takeaway
+    }, {
+      accessorKey: "catalog",
+      header: () => a("menu.publish.table.columns.pickup"),
+      enableSorting: !1,
+      cell: (e) => e.getValue().pickup
+    }, {
+      accessorKey: "updatedAt",
+      header: () => a("menu.publish.table.columns.version"),
+      enableSorting: !1,
+      cell: (e) => {
+        const p = e.getValue();
+        return G(p);
+      }
+    }, {
+      accessorKey: "status",
+      header: () => a("menu.common.labels.status"),
+      enableSorting: !1,
+      cell: (e) => _(y, {
+        row: e.row.original
+      }, null)
+    }, {
+      accessorKey: "_id",
+      header: "",
+      size: 52,
+      enableSorting: !1,
+      cell: (e) => {
+        const p = e.row.original;
+        return E("div", {
+          class: "flex justify-end gap-8"
+        }, [S.value && p.revertConfig ? mt(E(oe.FmButton, {
+          prependIcon: "undo",
+          variant: "secondary",
+          disabled: B(p._id),
+          onClick: re(async () => {
+            await V(e.row.original);
+          }, ["stop", "prevent"])
+        }), a("menu.publish.actions.revert")) : null, E(oe.FmButton, {
+          label: a("menu.publish.actions.publish"),
+          icon: "ios_share",
+          variant: "secondary",
+          disabled: B(p._id),
+          onClick: re(async () => {
+            const D = F(e.row.original);
+            await L(D);
+          }, ["stop", "prevent"])
+        })]);
+      },
+      meta: {
+        width: "150px"
+      }
+    }], t = N(""), b = N(), s = Ue(), l = xe(), n = A(() => {
+      var p;
+      const e = /* @__PURE__ */ new Map();
+      for (const D of l.restaurants.value)
+        (p = D.profile) != null && p.code && e.set(D._id, D.profile.code);
+      return e;
+    });
+    function g(e, p) {
+      const D = n.value.get(e);
+      return D ? `${p} (${D})` : p;
+    }
+    const c = Be(), S = A(() => s.version !== nt.enum.v3);
+    async function V(e) {
+      e.revertConfig && c.open({
+        title: "Revert menu",
+        contentComponent: yt,
+        contentComponentProps: {
+          restaurant: e
+        },
+        primaryActions: {
+          text: "Revert",
+          close: !0
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await U.minor(async () => {
+          await s.revertRestaurantMenu(e._id);
+        }, {
+          customId: e._id,
+          message: `Revert menu of ${e.name}`
+        });
+      });
+    }
+    const T = A(() => a("menu.publish.labels.main_version", {
+      version: G(s.state.menu.updatedAt)
+    }));
+    function G(e) {
+      return e ? ie(e, o.value, {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      }, r.value) : "";
+    }
+    const q = A(() => s.state.menu.modules.catalog), O = A(() => U.queue.value.some((e) => e.id === s.state.menu._id));
+    function X(e) {
+      var p;
+      return e ? ((p = q.value.find((D) => D._id === e)) == null ? void 0 : p.name) ?? a("menu.publish.labels.catalog.invalid") : a("menu.publish.labels.catalog.main");
+    }
+    function F(e) {
+      return {
+        restaurantId: e._id,
+        catalogId: e.catalogId,
+        takeawayCatalog: e.takeawayCatalog,
+        pickupCatalog: e.pickupCatalog || null,
+        additionalCatalogs: e.additionalCatalogs
+      };
+    }
+    function d(e) {
+      var D;
+      const p = F(e);
+      (D = b.value) == null || D.show(p);
+    }
+    const v = Se(), U = Oe(v), Q = A(() => sa(s.state.nextSchedulerPublish));
+    function B(e) {
+      return O.value || U.checkIsLoading(e) || Q.value.has(e);
+    }
+    async function L(e) {
+      var D;
+      if (O.value) return;
+      const p = (D = Z.value.find((te) => te._id === e.restaurantId)) == null ? void 0 : D.name;
+      await U.minor(async () => {
+        try {
+          await s.publishMenu(e, !1);
+        } catch (te) {
+          throw new Error(kt(te, q.value, a));
+        }
+        s.patchRestaurantCatalogs(e);
+      }, {
+        customId: s.state.menu._id,
+        message: `Registering menu publish for ${p}`,
+        successMessage: `Menu publish registered for ${p}.`
+      }), await pe(!0);
+    }
+    const R = N(null), Ve = A(() => a("menu.common.labels.status")), Z = A(() => {
+      const e = t.value.toLowerCase(), p = s.state.menu.updatedAt, D = Q.value, te = s.state.publishMetaRestaurants ?? {};
+      return s.state.restaurants.filter((I) => {
+        var Y;
+        return !R.value || ((Y = R.value) == null ? void 0 : Y.includes(I._id));
+      }).map((I) => {
+        const Y = te[I._id], he = ht(te, I._id, I.updatedAt), fe = ua(D, I._id, he, p);
+        return {
+          ...I,
+          updatedAt: he,
+          // Same shape the backend builds for `/restaurants`: the previous catalog
+          // selection, pointing at the menu the last publish shipped.
+          revertConfig: Y ? {
+            ...Y.revertConfig,
+            _id: Y.menuId
+          } : I.revertConfig,
+          displayName: g(I._id, I.name),
+          catalog: {
+            default: X(I.catalogId),
+            takeaway: X(I.takeawayCatalog),
+            pickup: X(I.pickupCatalog)
+          },
+          status: fe,
+          [Ve.value]: u(fe)
+        };
+      }).filter((I) => Ze(I, _e.value)).filter(({
+        displayName: I,
+        catalog: Y
+      }) => e ? I.toLowerCase().includes(e) || Y.default.toLowerCase().includes(e) || Y.takeaway.toLowerCase().includes(e) || Y.pickup.toLowerCase().includes(e) : !0);
+    }), _e = N({
+      logic: "AND",
+      rules: []
+    }), Ke = A(() => [{
+      type: "string",
+      key: Ve.value,
+      entity: "menu",
+      values: Object.keys(x).map(u)
+    }]), Fe = N(0), Ie = [3e3, 3e3, 5e3, 1e4, 3e4], ne = N(null), ue = N(0), de = N(!1), ge = N(!1), Pe = N(!0);
+    function ye() {
+      ne.value !== null && (clearTimeout(ne.value), ne.value = null);
+    }
+    async function je() {
+      await s.getNextSchedulerPublish(), Fe.value = s.runningPublishJob !== null ? await s.getPublishRestaurantsProgress() : 0;
+    }
+    async function me() {
+      if (de.value) {
+        ge.value = !0;
+        return;
+      }
+      de.value = !0, ye();
+      let e = !1;
+      try {
+        await je();
+      } catch (p) {
+        e = !0, console.error("Failed to refresh publish status", p);
+      } finally {
+        de.value = !1;
+      }
+      if (Pe.value) {
+        if (ge.value) {
+          ge.value = !1, ue.value = 0, await me();
+          return;
+        }
+        if (e || na(s.state.nextSchedulerPublish, Date.now())) {
+          const p = Ie[Math.min(ue.value, Ie.length - 1)];
+          ue.value += 1, ne.value = setTimeout(() => void me(), p);
+          return;
+        }
+        oa(s.state.nextSchedulerPublish) && (ue.value = 0, ne.value = setTimeout(() => void me(), Na));
+      }
+    }
+    async function pe(e = !1) {
+      if (e)
+        ye(), ue.value = 0;
+      else if (ne.value !== null || de.value)
+        return;
+      await me();
+    }
+    async function Ge() {
+      await U.minor(async () => {
+        await s.readRestaurants(), await pe(!0);
+      }, {
+        customId: s.state.menu._id
+      });
+    }
+    async function Ce(e) {
+      if (O.value) return;
+      const p = Object.keys(i.value).filter((I) => i.value[I]), D = p.length === 0 || p.length === Z.value.length ? Z.value : Z.value.filter((I) => p.includes(I._id));
+      if (e ? e.restaurantIds.length === s.state.restaurants.length : Z.value.length === s.state.restaurants.length && (p.length === 0 || p.length === Z.value.length))
+        await U.minor(async () => {
+          await s.publishAllMenu(e == null ? void 0 : e.schedulerTime, !1);
+        }, {
+          customId: s.state.menu._id,
+          successMessage: "Menu publish registered for all restaurants."
+        });
+      else {
+        const I = (e == null ? void 0 : e.restaurantIds) || D.map((Y) => Y._id);
+        await U.minor(async () => {
+          await s.publishMultipleMenu(I, e == null ? void 0 : e.schedulerTime, !1);
+        }, {
+          customId: s.state.menu._id,
+          successMessage: `Menu publish registered for ${e != null && e.restaurantIds ? e.restaurantIds.length : D.length} restaurant(s).`
+        });
+      }
+      await pe(!0);
+    }
+    return we(() => {
+      pe();
+    }), Qe(() => {
+      Pe.value = !1, ye();
+    }), (e, p) => {
+      const D = $("FmChip"), te = $("FmSpacer"), I = $("FmButton"), Y = $("FmBadge"), he = $("FmSearch"), fe = $("FmTable"), qe = $("FmListItem"), He = $("FmList");
+      return w(), M(H, null, [f("div", ha, [f("div", fa, [f("div", ba, [f("div", va, K(h(a)("menu.publish.title")), 1)]), _(D, {
+        label: T.value,
+        class: "xs:hidden text-fm-color-primary bg-fm-color-system-warning-100"
+      }, null, 8, ["label"]), _(te), f("div", _a, [_(I, {
+        disabled: O.value,
+        label: h(a)("menu.publish.actions.refresh"),
+        variant: "secondary",
+        onClick: p[0] || (p[0] = () => Ge())
+      }, null, 8, ["disabled", "label"])]), f("div", ga, [_(ta, {
+        progress: Fe.value,
+        restaurants: Z.value,
+        onPublishMenu: p[1] || (p[1] = (P) => Ce(P))
+      }, {
+        default: j(({
+          trigger: P
+        }) => [h(s).activePublishJob !== null ? (w(), W(Y, {
+          key: 0,
+          variant: "critical",
+          value: 1
+        }, {
+          default: j(() => [_(I, {
+            variant: "secondary",
+            disabled: O.value,
+            label: h(a)("menu.publish.actions.publish_progress"),
+            onClick: P
+          }, null, 8, ["disabled", "label", "onClick"])]),
+          _: 2
+        }, 1024)) : (w(), W(I, {
+          key: 1,
+          variant: "secondary",
+          disabled: O.value,
+          label: h(a)("menu.publish.actions.publish_progress"),
+          onClick: P
+        }, null, 8, ["disabled", "label", "onClick"]))]),
+        _: 1
+      }, 8, ["progress", "restaurants"])]), f("div", ya, [_(I, {
+        disabled: O.value,
+        icon: "ios_share",
+        label: h(a)("menu.publish.actions.publish_all"),
+        variant: "primary",
+        onClick: p[2] || (p[2] = () => Ce())
+      }, null, 8, ["disabled", "label"])])]), f("div", Ca, [_(h(Te), {
+        multiple: "",
+        modelValue: R.value,
+        "onUpdate:modelValue": p[4] || (p[4] = (P) => R.value = P)
+      }, {
+        "append-right": j(() => [_(h(et), {
+          modelValue: _e.value,
+          "onUpdate:modelValue": p[3] || (p[3] = (P) => _e.value = P),
+          attributes: Ke.value
+        }, null, 8, ["modelValue", "attributes"])]),
+        _: 1
+      }, 8, ["modelValue"]), _(he, {
+        modelValue: t.value,
+        "onUpdate:modelValue": p[5] || (p[5] = (P) => t.value = P),
+        autofocus: "",
+        class: "w-[320px] xs:w-full",
+        placeholder: h(a)("menu.publish.table.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), Z.value.length > 0 ? (w(), M(H, {
+        key: 0
+      }, [_(ct, {
+        class: "xs:hidden block"
+      }, {
+        default: j(() => [_(fe, {
+          modelValue: i.value,
+          "onUpdate:modelValue": p[6] || (p[6] = (P) => i.value = P),
+          "get-row-id": (P) => P._id,
+          "column-defs": k,
+          loading: O.value,
+          "page-size": Z.value.length,
+          "row-data": Z.value,
+          shrinkAt: !1,
+          virtual: !0,
+          selection: "multiple",
+          "hide-footer": "",
+          "pin-header-row": "",
+          onRowClick: p[7] || (p[7] = (P) => d(P.original))
+        }, null, 8, ["modelValue", "get-row-id", "loading", "page-size", "row-data"])]),
+        _: 1
+      }), _(He, {
+        class: "flex-col flex-1 min-h-0 overflow-auto xs:flex hidden w-full pb-64",
+        separator: ""
+      }, {
+        default: j(() => [(w(!0), M(H, null, ae(Z.value, (P) => (w(), W(qe, {
+          key: P._id,
+          label: P.displayName,
+          style: {
+            padding: "12px 0 !important"
+          },
+          onClick: () => d(P)
+        }, {
+          default: j(() => [f("div", ka, [f("div", wa, [f("div", xa, K(G(P.updatedAt)), 1), _(y, {
+            row: P
+          }, null, 8, ["row"])]), f("div", Sa, [f("div", Va, K(P.displayName), 1), f("div", Fa, [f("div", null, "Default: " + K(P.catalog.default), 1), f("div", null, "POS takeaway: " + K(P.catalog.takeaway), 1), f("div", null, "Pickup: " + K(P.catalog.pickup), 1)])])]), f("div", Ia, [S.value && P.revertConfig ? (w(), W(I, {
+            key: 0,
+            disabled: B(P._id),
+            icon: "undo",
+            variant: "tertiary",
+            onClick: re(() => V(P), ["stop"])
+          }, null, 8, ["disabled", "onClick"])) : le("", !0), _(I, {
+            disabled: B(P._id),
+            icon: "ios_share",
+            variant: "tertiary",
+            onClick: re(() => L(F(P)), ["stop"])
+          }, null, 8, ["disabled", "onClick"])])]),
+          _: 2
+        }, 1032, ["label", "onClick"]))), 128))]),
+        _: 1
+      })], 64)) : (w(), W(h(De), {
+        key: 1,
+        title: h(a)("menu.publish.empty.title"),
+        subtitle: h(a)("menu.publish.empty.subtitle"),
+        action: {
+          text: h(a)("menu.publish.empty.action"),
+          icon: "add",
+          callback: () => {
+            h(m).push({
+              name: "$settings-my-business"
+            });
+          }
+        }
+      }, null, 8, ["title", "subtitle", "action"]))]), f("div", Pa, [_(I, {
+        disabled: O.value,
+        icon: "ios_share",
+        label: h(a)("menu.publish.actions.publish_all"),
+        variant: "fab",
+        onClick: p[8] || (p[8] = () => Ce())
+      }, null, 8, ["disabled", "label"])]), _(pa, {
+        ref_key: "updateCatalogDialogRef",
+        ref: b,
+        catalogs: q.value,
+        onOnComplete: L
+      }, null, 8, ["catalogs"])], 64);
+    };
+  }
+});
+export {
+  ja as default
+};