@feedmepos/mf-menu 0.32.13 → 0.32.15

package/dist/Publish-g60odzhM.js

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