@feedmepos/mf-menu 0.32.50-dev.1 → 0.32.51-dev

package/dist/Publish-D-xjezFx.js

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