@feedmepos/mf-menu 0.32.67 → 0.32.69

package/dist/Publish-ZTiUf2NT.js

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