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

package/dist/Publish-DHEzIG_J.js

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