@feedmepos/mf-menu 0.32.11-dev → 0.32.12-dev

package/dist/Publish-CtKo19_y.js

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